Publicación Web: El lenguaje HTML

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

Esta unidad 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 su página personal sencilla (sin incluir diseño).

Objetivos

Contenidos de las 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? Sistema local y remoto
    • Estándares (W3C): HTML 4.01, XHTML 1.0, etc
  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: para escribir caracteres especiales &nombre , &#D y &#xH
    • Repasar HTML: Texto, Listas, Tablas, Enlaces, Imágenes
    • Aprender: Ver el código fuente de una página Web
  4. Construir un Site Web
    • Proceso de Publicacion Web:
      • Arquitectura Básica HTTP: envio de archivo HTML
      • Actualizar mi página web:
        • Local: Sistema de Archivos
        • Remoto: Sistema de Archivos del Servidor Web
      • Forma de Publicar:
        • Copiar Archivos
        • Acceso Remoto: FTP, DAV, etc
        • Sistemas de Control de Versiones: CVS, Subversión, etc
        • Uso de Formularios Web
      • Ejemplos de Hosting y Ejemplo Real
    • Planificación Básica de un site Web
      • Site 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. Alojamiento y Actualización
  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
  3. Publicar en HTML este archivo
  4. Publicar en HTML una página del ciclo de ASI (mínimo 4 páginas, 1 foto y navegabilidad entre páginas)
  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