Este documento presenta una introducción al desarrollo web utilizando HTML y CSS. Describe el uso de la herramienta HTML-Kit para editar código y crear páginas web, incluyendo sus ventajas como su facilidad de uso y corrección automática. Propone una serie de ejercicios prácticos para que los estudiantes aprendan a crear páginas, enlazar documentos, aplicar hojas de estilo y desarrollar un sitio web completo.

2. Utilizando CSS.

3. Herramienta HTML-Kit.

4. Ejercicios prácticos.

5. Iniciación a HTML+CSS CONTEXTUALIZACIÓN MÓDULO: Lenguajes de Marcas y Sistemas de Gestión de la Información. CICLO: Administración Sistemas Informáticos en Red. CURSO: Primero (18 años)

7. Herramientas de edición.

8. Elaboración de documentos XML bien formados.

9. Identificación de etiquetas y atributos de HTML.

10. XHTM: diferencias sintácticas y estructurales con HTML.

11. Versiones de HTML y de XHTML.

12. Herramientas de diseño Web.

13. Hojas de estilo.

15. Reconoce las características de lenguajes de marcas analizando e interpretando fragmentos de código.

16. Establece mecanismos de validación para documentos XML utilizando métodos para definir su sintaxis y estructura.

17. Iniciación a HTML+CSS HERRAMIENTA -> HTML-Kit

19. Es multilingüe.

20. Intuitiva.

21. Ayuda a completar el código fuente.

22. Ofrece ayuda para estructuras básicas.

23. Gran cantidad de plugins de fácil instalación.

24. Corrección TidyHTML.

25. No ofrece diseño gráfico.

26. Permite la publicación en FTP.

27. Se actualiza limpia y fácilmente.

28. Es estable.

30. Idioma por defecto en inglés.

31. No ofrece diseño gráfico.

33. First Page

35. Autocompletado de etiquetas.

36. Inserción de los atributos más

37. importantes en algunas etiquetas.

39. Facilidades para insertar

40. elementos compuestos.

42. Depurador de errores.

43. Corrección TidyHTML.

45. Aprender por descubrimiento.

47. Ejercicios de desarrollo.

48. Práctica

49. Iniciación a HTML+CSS APLICACIÓN DIDÁCTICA EJERCICIOS: E1: Conocer y practicar con el entorno de Trabajo HTML-Kit (Método Expositivo) . Descargar e instalar la herramienta. Utilizar las opciones más básicas y utilidades más útiles. E2: Enlazar dos páginas web que creará el alumno (A.Descubrimiento) . Siguiendo con la toma de contacto y aprendizaje de la herramienta el alumno desarrollará dos páginas HTML simples cuyo fin será enlazarlas y navegar entre ellas.

50. Iniciación a HTML+CSS APLICACIÓN DIDÁCTICA EJERCICIOS: E3: Estudiar un código fuente (A.Descubrimiento) . El profesor proporcionará un documento HTML para que los alumnos lo investiguen, realicen cambios en la estructura, etc.

51. Iniciación a HTML+CSS APLICACIÓN DIDÁCTICA EJERCICIOS: E4: Estudiar hoja de estilo (A.Descubrimiento) . El profesor ofrece una hoja de estilo al alumno para que compruebe cómo y de qué está compuesta. E5: Enlazar la hoja de estilo con la página HTML (A.Descubrimiento) . En este caso el alumno aprenderá la línea de código que permite enlazar una hoja de estilo con un documento HTML. Para ello enlazará la hoja de estilo del ejercicio 4 con la página HTML del ejercicio 3.

52. Iniciación a HTML+CSS APLICACIÓN DIDÁCTICA EJERCICIOS: E6: Modificar la hoja de estilo anterior para obtener el formato habitual (A.Descubrimiento) . El alumno alterará la hoja de estilo en varias ocasiones y comprobará cómo cambia el aspecto gráfico de la página HTML.

53. Iniciación a HTML+CSS APLICACIÓN DIDÁCTICA PRÁCTICA FINAL: E7: Crear un sitio web (A.Proyecto) . Mínimo 5 páginas html y 2 hojas de estilo distintas. Simular la web de una empresa cualquiera. Común: - Portada - Meú de navegación entre distintas páginas. - Página de contacto y con un formulario. Para utilizarse en prácticas posteriores como recurso para enviar datos a BD.

56. 6 horas para Práctica final.

58. Gratuita.

59. Estable.

61. Ayuda e idioma por defecto en inglés.