Taller deDiseño de páginas webcon recursos gratuítosSesión 1:      1. Qué es Internet      2. Tecnologías web      3. Soft...
¿?Qué es Internet
¿?  Qué es Internetredes de comunicacióninterconectadasconjunto de servicios
¿?  Cómo funcionaredes de ordenadoresconectadosservidores <> clientes
Tecnología necesariapara lacreación de webs1. navegador web2. editor de imágenes3. editor html4. cliente ftp
Navegadores web más   usados en España                          (Julio 2011)    1. Internet Explorer: 52.71%     2. Firefo...
Editores HTMLProcesadores de texto              Editores WYSIWYGBloc de notas | Microsoft Word     De pago:Open Office ......
Editores HTMLEditores WYSIWYG
Editores de imágenesDe pago:Photoshop | Corel...   Bocetar la webGratuitos:             OptimizarGimp | Inkscape ...    im...
@Páginas estáticas   casi no permiten                    interactuación                    con el usuario                 ...
@Páginas dinámicas                    permiten interactuar                    pueden actualizarse                    sin t...
@Estructurade una web                     portada | primer nivel       niveles del       sitio web     | ... | páginas fin...
@Estructurade una web                 cabecera   partes de     cuerpo   cada página                 pie
123Pasos a seguirpara elaborar una web    1. Determinar los objetivos del sitio    2. Determinar la audiencia de destino  ...
44. Definir la estructura                           árbol de                           contenidos                         ...
55. Bocetar el aspecto visual y optimizar imágenes, iconos...         boceto                                    optimización
6. Montar los HTML´s7. Generar todo el sitio web8. Testear con diferentes navegadores web9. Subir al servidor - Filezilla ...
Próxima SlideShare
Cargando en…5
×

Diseño páginas web - Introducción

322 visualizaciones

Publicado el

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

Publicado en: Diseño
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
322
En SlideShare
0
De insertados
0
Número de insertados
4
Acciones
Compartido
0
Descargas
10
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Diseño páginas web - Introducción

  1. 1. 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
  2. 2. ¿?Qué es Internet
  3. 3. ¿? Qué es Internetredes de comunicacióninterconectadasconjunto de servicios
  4. 4. ¿? Cómo funcionaredes de ordenadoresconectadosservidores <> clientes
  5. 5. Tecnología necesariapara lacreación de webs1. navegador web2. editor de imágenes3. editor html4. cliente ftp
  6. 6. Navegadores web más usados en España (Julio 2011)   1. Internet Explorer: 52.71%    2. Firefox: 21.47%    3. Chrome: 13.49%    4. Safari: 8.10%    5. Opera: 1.65%
  7. 7. Editores HTMLProcesadores de texto Editores WYSIWYGBloc de notas | Microsoft Word De pago:Open Office ... Dreamweaver | FrontPage | ... Gratuitos: Amaya | Kompozer | BlueGriffonOtros: Notepad ++
  8. 8. Editores HTMLEditores WYSIWYG
  9. 9. Editores de imágenesDe pago:Photoshop | Corel... Bocetar la webGratuitos: OptimizarGimp | Inkscape ... imágenes, iconos...
  10. 10. @Páginas estáticas casi no permiten interactuación con el usuario no tienen facilidad de actualización de contenidos
  11. 11. @Páginas dinámicas permiten interactuar pueden actualizarse sin tener que ser editadas de nuevo requieren otras tecnologías: javascript | flash php, asp, jsp... bases de datos
  12. 12. @Estructurade una web portada | primer nivel niveles del sitio web | ... | páginas finales partes de cabecera | cuerpo | pie... cada página
  13. 13. @Estructurade una web cabecera partes de cuerpo cada página pie
  14. 14. 123Pasos a seguirpara elaborar una web 1. Determinar los objetivos del sitio 2. Determinar la audiencia de destino 3. Definir los contenidos del sitio
  15. 15. 44. Definir la estructura árbol de contenidos estructura visual
  16. 16. 55. Bocetar el aspecto visual y optimizar imágenes, iconos... boceto optimización
  17. 17. 6. Montar los HTML´s7. Generar todo el sitio web8. Testear con diferentes navegadores web9. Subir al servidor - Filezilla 6789

×