Elaboración básica
de archivos HTML

- hipertexto -



Muchas personas cuando ven el código de una página web lo miran como geroglíficos egipcios, lleno de órdenes confusas. Entonces piensan que debe ser algo muy difícil y complicado. Y no es así. Claro que puede alcanzar niveles de mucha complejidad pero cuando comprendes la lógica de las páginas, cómo funciona su estructura, te será más fácil desmenuzarlas, comprenderlas y aprovecharlas. Así que toma el martillo y el cincel, anímate a comprender cómo funcionan.

Con estos módulos no pretendemos reemplazar muchos otros manuales que encontrarás en Internet, por ejemplo en Tejedores del Web y DesarrolloWeb.com, sitios excelentes de donde hemos aprendido muchas de las cosas incluídas en estos módulos.

El propósito de estos módulos es detallar algunos conceptos básicos y mostrar la simplicidad para que se te facilite hacer páginas web.

Aunque existen programas especializados para facilitar la elaboración de páginas web en modo gráfico, aún sin tener idea de cómo se construyen, aquí el propósito es desmenuzar su estructura. Así que si tu necesidad es muy urgente y deseas hacer las páginas rápido aunque no entiendas lo que estás haciendo, seguramente perderas la paciencia antes del segundo módulo. Nuestros propósitos no coinciden. En ese caso te recomendamos el Editor de páginas web NVU, programa de Software Libre, que puedes descargar de Internet, no es muy grande e incluso existen versiones portátiles para Windows y para Macintosh. También está disponible el archivo para que se traduzca al español.

En estos módulos iniciamos el trabajo con el editor de textos más sencillo que tengas. Por ejemplo Bloc de notas (notepad) de Windows, Gedit en Linux o el TextEdit en Macintosh. En cualquiera de ello se muestra como las páginas web son solamente archivos de texto plano. Sin embargo, sugerimos para faciltar el trabajo, el uso del Editor de texto con algunas características adicionales como el TextPad para Windows, NEdit para Linux o el BBEdit en MacOs.


Módulo 01

Introducción
Conceptos básicos
Cualidades y limitaciones del hipertexto
Estructura ordenada de las etiquetas
Programas básicos
Concepción, ordenamiento y diagramación del sitio
Síntesis del módulo, símbolos y términos.


Módulo 02

Cabeza y cuerpo del archivo
Atributos en las etiquetas del cuerpo
Códigos de colores
Párrafos y saltos de línea
Tipografía
        Tamaños, Colores y Apariencias
Alineación
Listas
Líneas horizontales
Inserción de etiquetas con TextPad
Síntesis del módulo y términos usados


Módulo 03

Ligas y anclas
Ligas absolutas y relativas
Ligas de correo
Ubicación y manejo de imágenes
Sensibildad mayúsculas y minúsculas
Inserción de comentarios


Módulo 04

Carácteres especiales
Título en la cabeza de las páginas
Etiquetas "Meta" y Motores de búsqueda
Colocar los archivos en Internet: el FTP


Módulo 05

Texto preformateado
Tablas sencillas para ordenamiento de datos
Tablas complejas para diagramación


Módulo 06

Estructuración en marcos
Ligas dentro de marcos


Módulo 07

Formularios


Módulo 08

Imágenes sensibles
Imágenes animadas y transparentes


Módulo 09

Inserción de sonidos, músicas y videos
Trucos de presentación
Hojas de estilo


Módulo 10

Programas complementarios: DreamWeaver, HomeSite, Flash, Xenu, Validator, Renamer
Lenguajes complementarios: JavaScript, PHP, Applet


Módulo 11

Introducción a JavaScript


Módulo 12

Introducción a PHP


Módulo 13

Introducción a otros recursos


©Programa LaNeta, Carlos Eugenio; marzo 2007