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

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

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.

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)

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)

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

CRITERIOS DE DISEÑO

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

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

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?...

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

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...)

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 ...

Herramientas de publicación Gestores de Contenidos

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

hypertext markup language Lenguaje HTML hypertext markup language