diseño páginas web - introducción

Taller deDiseño de páginas webcon recursos gratuítosSesión 1:

1. Qué es Internet

2. Tecnologías web

3. Software libre y recursos gratuítos en Internet

4. Estructura de una web

5. Pasos para elaborar una web

¿?Qué es Internet

¿?Qué es Internet

redes de comunicación interconectadas

conjunto de servicios

¿?Cómo funciona

redes de ordenadores conectados

servidores <> clientes

Tecnología necesariapara lacreación de webs

1. navegador web

2. editor de imágenes

3. editor html

4. cliente ftp

1. Internet Explorer: 52.71%

2. Firefox: 21.47%

3. Chrome: 13.49%

4. Safari: 8.10%

5. Opera: 1.65%

Navegadores web más usados en España

(Julio 2011)

De pago:Dreamweaver | FrontPage | ...

Gratuitos:Amaya | Kompozer | BlueGriffon

Bloc de notas | Microsoft WordOpen Office ...

Editores HTML

Procesadores de texto

Otros: Notepad ++

Editores WYSIWYG

Editores HTML

Editores WYSIWYG

Editores de imágenes

De pago:

Photoshop | Corel...

Gratuitos:

Gimp | Inkscape ...

Bocetar la web

Optimizarimágenes, iconos...

@Páginas estáticas casi no permiten interactuación con el usuario

no tienen facilidad de actualización de contenidos

@Páginas dinámicaspermiten interactuar

pueden actualizarse sin tener que ser editadas de nuevo

requieren otras tecnologías:

javascript | flash

php, asp, jsp...

bases de datos

@Estructurade una web

niveles del sitio web

partes de cada página

portada | primer nivel

| ... | páginas finales

cabecera | cuerpo | pie...

@Estructurade una web

partes de cada página

cabecera

cuerpo

pie

123Pasos a seguirpara elaborar una web

1. Determinar los objetivos del sitio

2. Determinar la audiencia de destino

3. Definir los contenidos del sitio

44. Definir la estructura

árbol decontenidos

estructuravisual

55. Bocetar el aspecto visual y optimizar imágenes, iconos...

boceto

optimización

6. Montar los HTML´s

7. Generar todo el sitio web

8. Testear con diferentes navegadores web

9. Subir al servidor - Filezilla

6789