Publicación Web: El lenguaje HTML

cesareox » Docencia » DFSI » Publicación Web: El lenguaje HTML

Este curso pretende enseñar los conceptos básicos de HTML como lenguaje de publicación de páginas Web. La idea es aprender a realizar documentación web básica (en HTML) y tener una página personal sencilla (sin incluir diseño)

Objetivos

Clases

Introducción
Crear un documento HTML
Un poco más de HTML
El Sitio Web
Otras formas de publicación
  1. Introducción
    • Aspectos Básicos de Documentación:
      • Estructura
      • Contenido
      • Diseño
    • Lenguaje HTML, SGML (iso 8879) y XML
    • Documentar en Web:
      • breve
      • simple
      • bien relacionado(enlaces)
    • Entornos de Desarrollo Simples (editor de texto) y Complejos (entornos IDE)
    • ¿Como voy aprendiendo?
      • Hacer página con un Editor de texto
      • Ver los resultados con un navegador
    • ¿Cómo publico mi página web? No hay que saber HTML
    • Usar Estándares W3C: HTML 4.01 o XHTML 1.0
  2. Crear una página Web
    • Características de un marcado HTML (etiqueta y atributos)
    • Estructura de un documento HTML
      • Marcar el Texto: <etiqueta>Texto a Marcar</etiqueta>
      • Atributos: <etiqueta atributo="valor">Texto a Marcar</etiqueta>
      • Etiquetas Básicas de Estructura
        • Documento: html
        • Encabezado: head (incluye título: title)
        • Cuerpo: body
    • Marcando el texto
      • Párrafos: Etiqueta p
      • Salto de línea: Etiqueta br
      • Resaltando texto: Etiquetas b y em
      • Encabezamientos: Etiquetas h1 hasta h6
  3. Un poco más de HTML
    • Enlaces entre páginas
      • Concepto de Atributo y Etiqueta (Elemento)
      • Anclas, Nombres y Enlaces: a y atributos (href, name)
      • Enlaces (links) internos (con #) y externos (URL)
    • Construyendo Listas y Tablas
      • Tipos de listas (numeradas y no numeradas): ol, ul
      • Items de las Listas: li
      • Definición de Listas: dl, dt, dd
      • Tablas, filas, datos y encabezados: table, tbody, tr, th, td
    • Imágenes
      • Son una conexión HTTP aparte, es decir, un archivo aparte. No abusar.
      • Se incluyen con la etiqueta img, el atributo src (URL) y el atributo ALT (texto ALTernativo)
    • Texto PREformateado: PRE; Dirección: ADDRESS, Línea Horizontal: HR
    • Entidades: escribir caracteres especiales &nombre ; P.ej & euro ; (€) o & amp ; (&)
    • Repasar HTML: Texto, Listas, Tablas, Enlaces, Imágenes
  4. Construir un Sitio Web
    • Proceso de Publicacion Web:
      • Arquitectura Básica HTTP: envio de archivo HTML
      • Actualizar mi página web:
        • Local: Sistema de Archivos en mi equipo
        • Remoto: Sistema de Archivos del Servidor Web
      • Forma de Publicar:
        • Copiar Archivos
        • Acceso Remoto: FTP, DAV, etc
        • Sistemas de Control de Versiones: git, CVS, Subversión, etc
        • Uso de Formularios Web (Sistemas CMS)
      • Ejemplos de Hosting y Ejemplo Real
    • Planificación Básica de un sitio Web
      • Sitio Web: más de una página Web
      • Objetivos: Para qué lo necesito
      • Diseño: secciones (Estructura de Directorios) y flujo de páginas
      • Reglas para una buena publicación Web
        • Resaltar
        • Simplicidad
        • Buen Contenido
      • Usabilidad (Usability Basics): facilidad del usuario para utilizar nuestro interfaz
        • Facilidad para desempeñar tareas
        • Publicar en Web
        • Navegabilidad
        • Test de Usabilidad (relacionado con los objetivos)
      • Lo más importante: Mantenerlo
  5. Otras formas de publicación Web:
    • ¿Porqué existen diferentes formas de publicar?
    • Necesidades del Usuario: publicación rápida, ágil y simple
    • Sistemas Gestores de Contenidos (CMS)
    • Tipos Principales
    • WebLogs
      • ¿Qué son y de donde surgen?
      • Publicación con lenguaje de etiquetas Mixto: HTML y Propio
      • ¿Cómo lo pongo en marcha?. Funcionamiento: Administración/Usuario
    • Usos interesantes y útiles:
      • Wiki: para documentación
      • WebLogs: para gestión de proyecto y/o soporte

Actividades

  1. Preparar mi Entorno de Desarrollo
    • Navegar y Guardar un documento
    • Abrirlo con el Navegador (sin conexión a Internet)
    • Abrirlo con el editor (HTML o texto)
  2. Hacer la primera página en HTML
    • Verla en el navegador
    • Analizar un Ejemplo en HTML
  3. Publicar en HTML:
    • Uno parecido a este archivo (sin fotos)
    • Analizar un Ejemplo Escrito en HTML
  4. Publicar en HTML:
    • Un sitio web (mínimo 4 páginas, 1 foto y navegabilidad entre páginas)
    • Uno parecido a este archivo (con fotos y enlaces reales)
  5. Utilizar sistemas alternativos de publcación
    • Crear un WebLog, ver alternativas de publicación. Ejemplo, login/password: ejemplo_uso/ejemplo
    • Wiki, Google Sites, etc

Tiempo Estimado

Unas 30 horas, equivalentes a un crédito ECTS

Recursos a Utilizar

Enviar un comentario

Cesareo