Diseño y Edición de Paginas web

Presentación del tema: "Diseño y Edición de Paginas web"— Transcripción de la presentación:

1 Diseño y Edición de Paginas web
Carolina Rubio

2 INDICE PÁGINAS WEB CRITERIOS DE DISEÑO LENGUAJE HTML
Clasificación Funcionamiento CRITERIOS DE DISEÑO LENGUAJE HTML LENGUAJE JAVASCRIPT EDITORES PAGINA WEB ALOJAMIENTOS SITIOS WEB Y TRANSFERENCIA DE FICHEROS

3 Paginas Web (Web site) Un conjunto de documentos enlazados entre si, a los cuales se accede a través de una dirección común. Estos documentos son archivos y carpetas que contienen texto, imagenes, botones, iconos, animaciones, hipervínculos, multimedia, gráficos, tablas, etc.. El navegador se encarga de comunicar con los servidores, descargar las páginas y mostrarlas.

4 Editores Escribiendo HTML Editor WYSIWYG Código más limpio
Facil reutilizar el código Necesario usar HTML Aprendizaje más dificil Más tiempo ej: Komodo Edit, Sublime Text, Arachnophilia (gratuito) Código no es tan limpio No se maneja el código Aprendizaje es sencillo Es relativamente rápido ej: Dreamweaver,, Microsoft Expression Web, KompoZer, NVU (libres)

5 Clasificación Estáticas Dinámicas
No cambian (siempre el mismo contenido) HTML Los contenidos y diseño se modifican en función de las peticiones del usuario HTML + lenguajes dinamicos (Java, PHP, Javascript, ASP.NET)

6 Funcionamiento -Diseñadores o programadores-Administrador o webmaster (mantienen el sitio)-FTP: programas encargados de comunicar el ordenador local con el servidor que brinda alojamiento.-Servidor internet: para ver otros usuarios mediante proceso de alojamiento-usuarios necesitan navegador

7 CRITERIOS DE DISEÑO

8 PREDISEÑO Y PLANIFICACIÓN
-Escribir los objetivos-Recopilar y organizar los contenidos-Escribir las directrices de organización-Código de colores para los distintos elementos

9 ESTRUCTURA DE UNA WEB Consistencia de diseño: Jerarquia visual clara
Utilizar las convenciones (mayoritaria) Dividir la página en areas claramente definidas Facilitar el acceso a los enlaces SImplificar: omitir lo innecesario

10 Elementos y su disposición
Todos los elementos de un mismo tipo deben ser similaresUsabilidad (usability) facilidad en el uso de un sitio web : un visitante no debe preguntarse ¿Cómo empiezo?¿DOnde estoy?...

11 ELEMENTOS DE DISEÑO Ultimas tendencias son simplificación visual
-colores mas planos y puros-tipografía sencilla y mas geométrica-pérdida de volumenlogo más estilizado, limpio y moderno sin perder simple, amigable y cercano

12 Diseño Maquetación Interfaz
Organiza los espacios y contenidos escritos, visuales y audiovisuales Elementos gráficos y tipográficos Elementos de imagen Elementos funcionales Conjunto comandos y métodos que facilitan la interacción entre usuario y sistema Inferfaz : tener en cuenta dispsitivo de salida (Tablet, móvil,...)Elementos gráficos: tipografía (no letra con serifa), la línea, punto, la forma y el colorElementos visuales: fotos, símbolos e iconos atraen miradasElementos funcionales: convierten en una interfaz de un medio digital (hipervínculos,botones...)

13 Estandares de Accesibilidad
Pautas de accesibilidad a contenido en la Web (WCAG) referidos a la navegabilidad a personas con discapacidad Más básicos: -Utilizar hojas de estilo -Etiquetas de texto alternativo en elementos visuales -Trascripción de los ficheros de sonido y descrición videos ...

14 Herramientas de publicación
Gestores de Contenidos

15 Gestores de contenidos
Herramienta de publicación que genera , edita y actualiza contenidos web online, sin necesidad de conocimientos técnicos de programación.

16 hypertext markup language
Lenguaje HTML hypertext markup language