Diseño de páginas web

Objetivos

El objetivo del curso es enseñar a crear páginas web desde el inicio, de forma práctica, conociendo los estándares y las mejores prácticas para realizar esta tarea. El conocer HTML y CSS también permite mejorar la edición de posts y páginas en gestores de contenido como por ejemplo el Word press. Además de presentar información en internet, se podrá crear páginas interactivas, a un nivel básico, de forma que el visitante pueda, por ejemplo, cumplimentar un formulario o elegir opciones en las mismas. Por tanto, este curso va dirigido tanto a profesionales que quieren reforzar las técnicas y los conocimientos que ya poseen, como a aquellos que quieren introducirse en el mundo del diseño web. Así pues, con esta formación se pretende: Entender qué es un servidor y un dominio. Comprender para qué sirve un programa ftp y los distintos tipos que existen. Conocer el lenguaje de marcas HTML, para crear las páginas web. Profundizar en los distintos atributos y elementos que han sido introducidos en la versión de html5. Conocer el lenguaje CSS (hojas de estilo) para dar formato y presentación a las páginas. Conocer las novedades que css3 introduce, para mejorar el estilo de nuestras páginas web creadas con html5. Conocer las diferencias entre Word press. Com y Word press. Org, así como los pasos para crear un blog/web en Word press. Com. Aprender de forma básica el lenguaje de programación java script, para dotar de efectos visuales e interactividad a las páginas web. Conocer aspectos prácticos importantes: Sitios de alojamiento, reglas de usabilidad y accesibilidad en el diseño de páginas web.

Contenidos

• 1. Bloque temático principal
• 1.1. Unidad.
• 1.2. Referencias, programas editores y ftp introducción mapa conceptual.
• 1.3. ¿Qué es un servidor?.
• 1.4. Importancia de los servidores.
• 1.5. Hosting.
• 1.6. ¿Qué es la url o dirección web?.
• 1.7. Espacio web en tu hosting.
• 1.8. ¿Qué es un dominio?.
• 1.9. Programa ftp.
• 1.10. Programas de ftp que puedes usar.
• 1.11. Nociones elementales de dreamweaver.
• 1.12. Cómo crear un sitio web resumen unidad.
• 1.13. Html5 básico. Semántica introducción mapa conceptual.
• 1.14. Etiquetas de estructura.
• 1.15. Archivo multimedia: Estructura básica de una página en html5.
• 1.16. Atributos y elementos obsoletos.
• 1.17. Etiquetas de texto.
• 1.18. Hipervínculos.
• 1.19. Hipervínculos a correo.
• 1.20. Imágenes.
• 1.21. Tablas.
• 1.22. Vídeos y audio.
• 1.23. Formularios resumen unidad.
• 1.24. Hojas de estilo (CSS) introducción mapa conceptual.
• 1.25. Qué es CSS y para qué sirve.
• 1.26. Creación de una hoja de estilo.
• 1.27. Tipos de hojas de estilo.
• 1.28. Uso de las hojas de estilo.
• 1.29. ¿Cómo incluir CSS en nuestro documento?.
• 1.30. Selectores.
• 1.31. Selectores de tipo o etiqueta.
• 1.32. Selectores de clase.
• 1.33. Selectores de identificador.
• 1.34. Colores.
• 1.35. Modelo de caja.