La  importancia de definir Sitio en Dreamweaver.

Etiquetas básicas de texto en HTML5.

Alumnos de Formación Gráfica: Describir los pasos mostrados en el video y crear un documento en HTML5 incluyendo las etiquetas vistas, complementadas con las vistas en clases. Responder a las preguntas abajo propuestas.
Enviar el trabajo finalizado por email, o mediante la herramienta “Compartir documento” del Campus de Formación Gráfica antes de la fechas pactadas.

Descripción ampliada de pasos y etiquetas utilizadas:

  • Definición de un Sitio de Dreamweaver:
    • Permite indicarle al programa la carpeta de trabajo y la configuración de la cuenta FTP para la subida del sitio a Internet (este paso se verá en un próximo tutorial).
    • Permite operaciones y automatizaciones varias, tales como las búsquedas y sustituciones de textos y códigos en múltiples páginas, o en todas las páginas del sitio.
    • A través de la ventana de Archivos es posible renombrar y organizar archivos, realizando los cambios correspondientes en los códigos de los distintos documentos.
  • Estructura básica de un documento HTML:
    • La declaración doctype.
    • Las etiquetas html, head y body.
  • Etiqueta title, de importancia en el uso de los buscadores (SEO), se presenta como elemento enlazado en los resultados de búsqueda de éstos. Se muestra en la pestaña del navegador cuando éste muestra la página.
  • Creación de comentarios HTML. ¿En qué consisten? ¿Qué beneficios ofrecen?
  • Uso de las etiquetas h1, h2, h3, h4, h5, h6: Permiten jerarquizar los contenidos, mejorando la accesibilidad de la página y mejorando el posicionamiento en motores de búsqueda (SEO).
  • Uso de la etiqueta p para los el marcado de párrafos.
  • Listas no ordenadas e ítems de listas (ol / li).
    • ¿Cuál es la estructura básica de las listas no ordenadas?
    • ¿Cuál es la etiqueta para las listas ordenadas?

Al final del video se muestran los códigos html logrados y cómo estos se marcan en la vista de diseño de Dreamweaver, junto al visor del DOM del programa. ¿Identificas el modelo de caja mostrado?

Notas:

  1. La música empleada fue obtenida de la biblioteca de temas gratuitos de YouTube.
    11/2018 – Formación Gráfica.

Saludos para todos!
Plácido Luna.