Primera parte de la clase de Desarrollo Web.

1. Para empezar a codificar en HTML lo primero es saber en dónde se puede
realizar.
Actualmente existen muchos editores que puedes utilizar:
•
•
•
•
•
•
•
•
•
•
•
•
•
Microsoft ActiveX Control Pad
Allaire Home site
Hotdog Express
Hotdog Professional Webmáster Suite(recommended)
Hot dog Web Editor
HOT Metal Pro
WebFacil Pro
Arachnophilia
WYSIWYG DHTML Editor
AnfyJava
CSE HTML Validator Profesional (recommended)
CSE HTML Validator Lite (recommended)
WEBOverdrive
Los anteriores editores, son una pequeña muestra de ellos. Pero, si no quieres
amargarte la vida puedes escoger como editor de texto el Block de Notas o
Worpad. Yo te recomiendo el Block de Notas y para este módulo se trabajará
sobre éste.
Antes de empezar se debe tener en cuenta que se necesita de:
•
•
•
Un editor de imágenes: Sirve para visualizar imágenes .jpg
Un navegador: Aquel que visualiza páginas web. Para éste módulo se
trabajará con Internet Explorer.
Editor de texto: Como el Block de Notas.
El Block de Notas es un editor de texto que sirve para generar archivos planos.
Generalmente, un archivo plano es de extensión .txt y no lleva ningún tipo de
formato. (“Tipo de letra, color, corrección ortografía, animación, etc..”) . Se
codifican lenguajes de programación en el Block de Notas.

2. Cómo acceder al Block de Notas.
Pasos
1. inicio + programas + accesorios + Block de Notas
imagen_01
2. Comencemos a diseñar el primer sitio web, para ello se debe guardar
como primera instancia.
Pasos
1. Archivo + Guardar como + Nombre: index.html + guardar

3. imagen_02
Se debe tener en cuenta donde se guarda la página. Para este casoNOTA.
la ubicación está en Mis Documentos. En donde se escribe index.html, en
realidad puede ser otro: nombre.html es decir, también se puede escribir
páginaweb.html.
Se escribe index puesto que los buscadores (Google, Altavista, etc....)se
guían por esta palabra para encontrar la página..
Posteriormente se deben cerrar todas las ventanas para poder empezar a
trabajar tranquilamente la página web.
Luego de cerrar las ventanas se debe ubicar en donde quedó guardada la
página, es decir, index.html. Vamos a Mis Documentos y ubicamos a
index.html nótese que el ícono que acompaña al título es una e de Internet
Explorer. Para éste módulo se va a trabajar Html en la compañía de Microsoft,
es decir, el navegador Internet Explorer, es muy conveniente que tengas
una versión superior a la 4.0 para que puedas ver todos los efectos con el
código que vas a aprender a manipular.

4. Imagen_03
Luego debes abrir el archivo creado llamado index.html el que está encerrado
en un círculo rojo en la gráfica superior.......
Y aquí está tu primera página web....................
Imagen_04

5. No memorizar la codificación puesto que sería como contar las estrellas.
Luego, en la parte superior en la barra de menús donde se encuentra Archivo ,
Edición, Ver, Favoritos, Herramientas y Ayuda.
Damos un clic en la opción Ver encerrada en el círculo rojo + código fuente
donde se abrirá de nuevo el Block de Notas para empezar a codificar en HTML
para nuestra página web.
Cualquier página web diseñada en cualquier programa genera un código fuente
el cual puede ser modificado. Téngase en cuenta que el código fuente de una
página se puede modificar siempre y cuando la página esté en el propio
computador, si la página está en Internet sólo se podrá modificar el código
fuente si sólo se tiene acceso a ella a través de un login y un password.
Un consejo:
Si quieres volverte un gurú en HTML, es decir un genio en códigos
HTML, te aconsejo que libres una gran batalla con tu memoria, en otras
palabras, de ahora en adelante vas a olvidar que tienes memoria. No te
preocupes por aprender la codificación HTML puesto que si practicas
arduamente verás que los códigos harán parte de ti.
Para dar un buen manejo a este módulo debes leer el tema y practicarlo
en el computador. La teoría y la práctica deben ser equivalentes para
formar un excelente conocimiento acerca del tema, es muy recomendable