Tercera Parte, Códigos HTML. Aprendizaje Aplicado

Tercer Paso, Continuación.-
Una vez que compruebe que la página aparece en blanco presione este enlace:

http://comercioweb.jfinternational.com/codigos-tres.html

para acceder a ella. Luego abra el código fuente de la página y copie el código inmediatamente abajo del Tag /HEAD y que corresponde a lo que sigue (no puede copiar aquí abajo en esta misma página el texto porque es una imagen textual, no texto propiamente tal).

Luego coloque ese código en su archivo original que dejó sin texto (bloc de notas original) reemplazando el mismo tag body (el superior, no el marcado como /body) por este nuevo código o instrucción programática. Guarde ese archivo y compruebe con su navegador (o envíelo a su servidor de alojamiento web y llámelo) si aparece el fondo de su página. Debe ser un fondo parecido al de esta misma página que está viendo.

Después proceda a llamar al mismo enlace anterior:

http://comercioweb.jfinternational.com/codigos-tres.html

y abra el código fuente y copie lo que está inmediatamente abajo del tag body que recién reemplazó. Lo que debe copiar tiene éste texto codificado:

Luego, esta vez en su archivo original, pegue ese código inmediatamente abajo del tag body y guárdelo.

Ahora abra la copia del archivo original y copie todo lo que queda entre la tag body y /body. En seguida abra el archivo original y pegue ese contenido inmediatamente arriba de la tag /div. Compruebe si la página tiene el texto inserto en el espacio en blanco solamente.

Ahora puede hacer pruebas cambiando los parámetros numéricos entre el tag div hasta /div. Compruebe como cambia el rectángulo que contiene el texto.

A esta altura ya le conviene usar un software para HTML, tal como DreamWeaver, por ejemplo. Puede comprobar en esos softwares rápidamente los cambios que realize en su bloc de notas (eso es lo que leen y sobre lo que escriben).

Note que el uso de codificación (tags) div layers permite el máximo de velocidad para bajar las páginas web en la internet. Si usa otras configuraciones, como el uso de tablas (tables en inglés) el acceso a las páginas será más lento. Esa lentitud mayor no es del agrado de los buscadores de internet porque pierden los visitantes virtuales que son mas impacientes.

Cuarto Paso.-
Ahora se puede agregar más funcionalidad al sitio que ha creado. Incluiremos una barra de navegación hacia otras páginas. Todas las páginas quedarán entrelazadas entre sí.

Ahora presione esta dirección:

http://comercioweb.jfinternational.com/codigos-cuatro.html

La página aparece con el espacio central en blanco y con enlaces al lado izquierdo e indicaciones acerca del uso del espacio en negritas (derecha y arriba).

Presione los enlaces a la izquierda y compruebe que puede volver a cualquiera de las páginas sin importar en cuál se encuentre. Notará que no puede volver a la página original. Esta se dejó fuera de la navegación intencionalmente al diseñarla; ésta la puede usar como maqueta para construir sus propias páginas copiando su código fuente. Aproveche de observar el contenido de esas páginas porque algunas tienen información importante para los principiantes en Marketing por Internet.

Ahora, de nuevo, abra el código fuente de esa página
( http://comercioweb.jfinternational.com/codigos-cuatro.html )
y por el momento observe que hay tres divisiones (div) más. Esas divisiones permiten posicionar texto en áreas específicas de la página.

Donde dice div id="Layer2", esa es la división donde se han incluido los enlaces a varias páginas. Esos enlaces permiten que siempre se pueda volver a cualquiera de esas páginas en todo momento.

Donde dice div id="Layer3" y div id="Layer4" son otras divisiones con sus respectivas "Layer" donde se incluyó texto explicatorio para principiantes.

Ahora abra y copie el código fuente de esa página. Luego péguelo en el bloc de notas y guarde el bloc de notas con la extensión .html y con un nombre tal como
"maqueta.html" para indicar que le servirá como modelo para crear otras páginas web

Continúa: Presione Aquí.

Otros Enlaces:
Introducción
Cómo Crear Paginas Web Gratis
Diseño HTML Simplificado
Codigos HTML, Primera Parte
Codigos HTML, Segunda Parte
Codificacion Activar Email, Ejemplo
Codificacion Texto, Ejemplos
Templados