SEMANA 4 - PRESENTACION Y ESTRUCTURA DE UN SITIO WEB.pdf

Page 1

ING. EDSON RAÚL LAZO ALVAREZ

Ing. Edson Raúl Lazo Alvarez Ing. Edson Raúl Lazo Alvarez INFORMÁTICA II

INFORMÁTICA II


Ing. Edson Raúl Lazo Alvarez Ing. Edson Raúl Lazo Alvarez INFORMÁTICA II

INFORMÁTICA II


SITIO WEB Un sitio web es una colección de páginas web relacionadas, imágenes, vídeos u otros archivos digitales típicamente comunes a un dominio de Internet o subdominio en la World Wide Web en Internet. Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


Ing. Edson Raúl Lazo Alvarez Ing. Edson Raúl Lazo Alvarez INFORMÁTICA II

INFORMÁTICA II


La creación de Sitios Web Es labor del diseñador, el crea y diseña los sitios, el que produce y controla la información y el que usa las tecnologías que se encuentran en internet. Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


DISEÑO WEB El proceso del diseño web no siempre debe seguir unos pasos específicos y rígidos, ya que cada proyecto tiene sus particularidades y habrá que adaptarse a ellas como corresponda. Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


DISEÑO WEB El objetivo número uno de cualquier web debería ser crear algo que sea útil para las personas que la utilizarán.

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


DISEÑO WEB 1 Crear y Organizar el Contenido

4 Comprobar el Funcionamiento

2 Dibujar los bocetos de las páginas

5

3

Cargar y hace nuevas Pruebas

Crear los Documentos HTML o producir el sitio

6 Dar Mantenimiento al Sitio

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


CREAR Y ORGANIZAR EL CONTENIDO

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


ÁRBOL DE NAVEGACIÓN

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


DIBUJAR LOS BOCETOS DE LAS PÁGINAS

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


CREAR LOS DOCUMENTOS HTML O PRODUCIR EL SITIO

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


COMPROBAR EL FUNCIONAMIENTO

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


CARGAR Y HACE NUEVAS PRUEBAS

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


DAR MANTENIMIENTO AL SITIO

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


LA ESTRUCTURA DEL SITIO WEB La estructura de Sitio Web empieza definiendo la ubicación de las páginas y los elementos como imágenes, animaciones, archivos de sonido, etc. Es decir se crearán las capetas que formaran el sitio. Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


LA ESTRUCTURA DEL SITIO WEB Una vez creadas las carpetas que formaran un sitio local, ya es posible definir el sitio para que el software de diseño web pueda administrarlo.

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


DREAMWEAVER DW nos advierte con un mensaje que NO ES ACONSEJABLE ya que desde dos sitios diferentes podremos acceder a los mismos archivos. Cada carpeta raíz debe ser considerada como una isla, autosuficiente y aislada del resto.

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


EL MAPA DEL SITIO WEB Representación gráfica o textual de un sitio web Inicio Buscador Noticias Contactar Servicios Apertura Cuentas Cliente SSH Reservas Foro Correo WebMail Información Equipación Aulas Ocupación Aulas FAQ Tutoriales Horario Aulas

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


EL WIREFRAME Text in here

Text in here

Representa la estructura y distribución de elementos dentro de una página web. Se desarrollan bosquejos.

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


EL WIREFRAME

Cada área de la página recibe un nombre único; este ayudara en la asignación de formatos mas adelante.

Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


23

Ing. Edson Raúl Lazo Alvarez Ing. Edson Raúl Lazo Alvarez INFORMÁTICA II

INFORMÁTICA II


ACTIVIDAD – CL2 DEFINIR UN SITIO WEB El tema a tratar será: ”Las Redes Sociales”. Si deseas otro tema previa coordinación con el docente. ESTRUCTURE UN SITIO WEB Elabore la estructura del sitio web que cuente con al menos 5 páginas web. Realice los bocetos , el mapa de sitio web, etc. WIRE FRAME Elaborar el WIREFRAME de las páginas del sitio web. considere los elementos de navegación DOCUMENTE SU PROYECTO Entregue lo solicitado .CL2 Ing. Edson Raúl Lazo Alvarez

INFORMÁTICA II


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.