Download - IF-II-S2

Transcript
  • 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.