UNIVERSIDAD ANDINA DEL CUSCO FACULTAD DE INGENIERA

CARRERA PROFESIONAL DE INGENIERA DE SISTEMAS INGENIERA DE LA INFORMACIN II

Ing. Ramiro Mora Jimnez

UNIDAD I: PROGRAMACIN WEB EN EL ENTORNO CLIENTE

Sesion 2: Integracin HTML, CSS y JavaScript

Vemos como se integran estas tres tecnologas en un proyecto Web esttico.

Antes unos consejos:

Normalmente, los usuarios acceden a tu sitio web a travs de un navegador. Cada navegador interpreta

el cdigo del sitio de manera ligeramente distinta, por lo que es posible que se muestre de forma

diferente en funcin del navegador que emplee el usuario. Para asegurarte de que tu sitio no se

comporte de forma inesperada, puedes seguir los pasos que se indican a continuacin.

Prueba tu sitio en el mayor nmero de navegadores posible Cuando hayas diseado el sitio, debes revisar el aspecto y la funcionalidad de este en varios

navegadores para asegurarte de que todos los usuarios puedan acceder a l tal y como lo diseaste.

Sera conveniente que comenzaras a realizar pruebas durante el proceso de desarrollo del sitio lo antes

posible. Cada navegador, e incluso las distintas versiones de un mismo navegador, podran mostrar el

sitio de forma diferente.

Utiliza una codificacin HTML clara y vlida Es posible que tu sitio se muestre correctamente en algunos navegadores aunque el lenguaje HTML no

sea vlido, pero ello no te garantiza que as sea en todos los navegadores (ni en navegadores que

aparezcan ms adelante).

Las herramientas de validacin como, por ejemplo los validadores gratuitos que hay en lnea para HTML

y para CSS proporcionado por W3 Consortium, son tiles para comprobar el sitio.

Especifica la codificacin de caracteres Para ayudar a los navegadores a mostrar el texto de tu pgina, especifica siempre una codificacin para

el documento. Esta codificacin debe aparecer en la parte superior del documento (en el marco), ya que

algunos navegadores no reconocen declaraciones de conjuntos de caracteres incluidas en el grueso del

mismo. Adems, debes asegurarte de que el servidor web que utilizas no enve encabezados HTTP

conflictivos. Un encabezado del tipo content-type: text/html; charset=ISO-8859-1 sustituir cualquier

declaracin de conjunto de caracteres que haya en tu pgina.

Ten en cuenta la accesibilidad Quizs no todos los usuarios tengan habilitado JavaScript en sus navegadores. Por otro lado, es posible

que tecnologas como Flash o ActiveX no se ejecuten de forma correcta en todos los navegadores o que

sencillamente no se ejecuten.

UNIVERSIDAD ANDINA DEL CUSCO FACULTAD DE INGENIERA

CARRERA PROFESIONAL DE INGENIERA DE SISTEMAS INGENIERA DE LA INFORMACIN II

Ing. Ramiro Mora Jimnez

Ejemplo de Cdigo de integracin:

Practica Laboratorio 3 1. Explore los cdigos entregados por el docente, haga cambios y pruebas en cada caso modificando los

CSS, JavaScript, etc.

2. En la pagina que ha creado de tarea (ficha personal) integre la los cdigos de men, slider,

formularios y otros para mejorar el aspecto de su pagina.