DISEÑO Y ELABORACIÓN DE PÁGINAS WEB 1.1 DETERMINA LA ESTRUCTURA DEL SITIO WEB CON BASE EN LAS NECESIDADES DEL USUARIO
Conalep Plantel Zacualpan Docente: Mtra. Gloria P. Sánchez S.
A. IDENTIFICACIÓN DE ELEMENTOS WEB. • Internet. • World Wide Web. • Navegadores Web. • Protocolo HTTP. • Protocolo FTP. • W3C. • CSS. • Lenguajes del lado del cliente • Lenguajes del lado del servidor.
Conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP
INTERNET
Red de redes donde reside mucha información.
Gran red descentralizada de computadoras, de ámbito global y públicamente accesible, que proporciona una gran cantidad de servicios de comunicación de varios tipos: World Wide Web, correo electrónico y muchos otros.
Define concepto de internet
WORLD WIDE WEB Sistema de documentos de hipertexto o hipermedios enlazados y accesibles a través de Internet Sistema de información basado en hipertexto, su función es buscar y tener acceso a documentos a través de la red de forma que un usuario pueda accesar usando un navegador web Internet no es sinónimo de World Wide Web, también llamada “la Web”. La World Wide Web es parte de Internet, es uno de los muchos servicios ofertados en la red Internet. La Web es un sistema de información mucho más reciente (1995) que emplea Internet como medio de transmisión.
NAVEGADORES WEB Programa que permite visualizar documentos escritos en cรณdigos especiales para internet y presentรกrselos al usuario en forma de pรกginas web
PROTOCOLO HTTP Descripci贸n del formato de mensajes y de las reglas que dos ordenadores tienen que seguir para poder intercambiar mensajes.
Hypertext Transfer Protocol o HTTP (en espa帽ol Protocolo de Transferencia de HiperTexto) es el protocolo usado en cada transacci贸n de la www.
PROTOCOLO FTP File Transfer Protocol Permite transferir archivos locales hacia un servidor web
W3C Estándar Web del W3C que define la accesibilidad para la Web de nueva generación El esfuerzo de colaboración se plasma en un estándar más flexible y fácil de probar que promueve la accesibilidad de la Web
CSS CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentaci贸n de los documentos estructurados en hojas de estilo para diferentes m茅todos de interpretaci贸n, es decir, describe como se va a mostrar un documento en pantalla.
¿PARA QUE SIRVE CSS? Permite la separación de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentación del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra..., modificando la apariencia de una página web de una forma más sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus documentos.
¿ CÓMO FUNCIONA ? Se basa en una serie de reglas que rigen el estilo de los elementos en los documentos estructurados, y que forman la sintaxis de las hojas de estilo. Cada regla consiste en un selector y una declaración, esta última va entre corchetes y consiste en una propiedad o atributo, y un valor separados por dos puntos. body{ atributo: valor; } .titulos{
atributo: valor; } #celda{ atributo: valor; }
LENGUAJES DEL LADO DEL USUARIO. HTML. JavaScript. XHTML XML
LENGUAJES DEL LADO DEL SERVIDOR •Php •Java •Asp •Pyton
B. COMPROBACIÓN DE USO DE ESTÁNDARES EN EL CÓDIGO DE PROGRAMACIÓN
• Validación de HTML. • Validación de CSS.
COMPROBACIÓN DE USO DE ESTÁNDARES EN EL CÓDIGO DE PROGRAMACIÓN. Validación HTML Es un sistema basado en Internet y presentado en el propio sitio del W3C que permite detectar errores en la forma de utilizar el lenguaje HTML y XML en la construcción de un Sitio Web. Lo interesante del programa es que muestra en detalle los errores del código en la página que se pruebe, con lo cual se puede llegar a una directa corrección de los problemas que se hayan detectado. La importancia de tener un código correctamente validado es que se asegura, a partir de esa certificación, que la página web puede ser vista sin problemas, desde cualquier programa visualizador que cumpla con los estándares internacionales en la materia
VALIDACIÓN DE CSS En estándares y accesibilidad, Gabriel Porras se hace eco de una herramienta que nos propone precisamente esto. Con el XHTML-CSS Validator podremos validar nuestros sitios de una sola pasada, eso si, sitios que se encuentren disponibles desde la red ya que la única forma de indicarle los documentos a validar es mediante una URL. http://validator.w3.org/check?uri=http%3A%2F%2Fwww. alejandroarco.es
C. DETERMINACIÓN DE LA INFORMACIÓN DEL SITIO. • Definición del objetivo del sitio.
• Definición de la audiencia. • Definición de contenidos http://technet.microsoft.com/eses/library/cc262873(v=office.12).aspx
RECOMENDACIONES GENERALES PARA LA PLANEACIÓN Investigación del contenido y de la estructura existentes del sitio web Investigación de los requisitos de los usuarios Pregunte a los usuarios actuales y previstos del sitio y tome nota de los tipos de información que crean o usan. ¿Qué información necesitan en su trabajo diario? ¿Pueden encontrar esa información fácilmente? ¿La estructura actual del sitio web les ayuda a comprender las relaciones entre los distintos tipos de información que el sitio contiene? ¿La información es completa? Tome nota de los problemas que los usuarios tienen para encontrar o usar la información con la arquitectura actual del sitio. Investigación de los requisitos profesionales Use su análisis para crear un esquema detallado de las necesidades de contenido de la organización.
BENEFICIOS AL TENER UNA ARQUITECTURA DE SITIO Uso de la arquitectura de la información para planear la estructura de un sitio.
Uso de la arquitectura de la información para planear los usuarios y la personalización.
Uso de la arquitectura de la información para planear los datos profesionales (Los datos que use una audiencia limitada se podrían presentar en los subsitios o portales destinados a esa audiencia. Por ejemplo, un equipo de soporte técnico podría ver e interactuar con los incidentes de soporte técnico en un sitio del portal que sólo use ese equipo y un equipo de ventas podría ver los datos de clientes en un portal dedicado a
administrar las relaciones con los clientes.)
Uso de la arquitectura de la información para planear la búsqueda.
DEFINICIÓN DE AUDIENCIA
Dise帽o de la estructura del sitio Elaboraci贸n de mapas del sitio. Definici贸n de los sistemas de navegaci贸n.
http://www.smooth-step.com/diseno-web/guia
E. Determinación de elementos de los sistemas de navegación. Definición del diseño visual. Diseño de las estructuras de las páginas Bocetos de diseño. Borradores de página. Maqueta Web. http://equipo-000006.blogspot.com/
DISEﾃ前 http://www.webtaller.com/maletin/articulos/el_proceso_de_di seno_de_un_sitio_web.php
ACTIVIDAD 1.1.1 Elabora la justificaci贸n y la estructura propuesta del sitio web acorde con los requerimientos del usuario, en la que define: Objetivo del sitio. Audiencia. Contenidos. Mapa del sitio. Sistemas de Navegaci贸n. Borradores de p谩ginas. Maqueta web.
RÚBRICA (GUÍA, PÁG. 108)