Click para retornar a
CursosC
H A R L A D E
H T M L
DESARROLLO DE PAGINAS WEB
A continuación se desarrollara una Página Web utilizando los códigos básicos
del Lenguaje HTML, lo que haremos será una sola presentación (1 Página
Web ). Donde elaboraremos los siguientes pasos:
1.-Un Titular
aquí
podremos especificar el color de letra que deseamos
Negro
(Black),
Oliva (Olive),
Verde Fluorescente (Teal),
Rojo (Red),
Azul (Blue),
Marrón (Maroon),
Azul Oscuro (Navy),
Gris (Gray),
Lima (Lime),
Fucsia (Fuchsia),
Blanco (White),
Verde (Green),
Púrpura (Purple),
Plateado (Silver),
Amarillo (Yellow),
Agua (Aqua)
El
texto que escribiremos es:
Bienvenidos
a mi Página Web
2.-Una
Línea
____________________________________________________________________________
3.-Una
Marquesina (
banner solo para texto )
María
Pérez desde Lima - Perú
4.-Pequeño
párrafo
Esta
es mi primera Página aunque todavía es muy sencilla muy pronto estaré en
condiciones de mejorarla.
Primero
que nada quiero contarles que soy Usuario de Telematic Net, desde hace dos meses y mi dirección de correo
electrónico es mperez@telematic.com.pe
5.-Insertaremos
una imagen o fotografía
Para incluir una imagen en nuestra página Web utilizaremos el comando <IMG>. Hay dos formatos de imágenes que todos los navegadores modernos reconocen. Son las imágenes GIF y JPG. Cualquier otro tipo de fichero gráfico o de imagen (BMP, PCX, CDR, etc.) no será mostrado por el visor, a no ser que disponga de un programa externo que permita su visualización.
6.-A
esta fotografía o imagen insertada le vamos a hacer un link (Enlace)
La
característica principal de una página Web es que podemos incluir
Hyperenlaces. Un Hyperenlace es un elemento de la página que hace que el
navegador acceda a otro recurso, otra página Web, un archivo, etc.
Para definir un hiperenlace podemos utilizar cualquier elemento HTML, no debe
ser texto necesariamente, podemos usar cualquier estilo, desde una imagen, etc.
Un hiperenlace igualmente podrá definirse dentro de cualquier elemento HTML
<A
HREF=>
Para incluir un Hyperenlace se utiliza la directiva <A></A>. El texto o imagen que se encuentre dentro de
los límites de esta directiva será sensible, esto quiere decir que si pulsamos
con el ratón sobre el, se realzará la función de hyperenlace indicada por la
directiva <A></A>. Si el
Hyperenlace esta indicado por un texto, este aparecerá subrayado y en distinto
color, si se trata de una imagen, esta aparecerá con un borde rodeándola. Esta
directiva tiene el parámetro href
que indica el lugar a donde nos llevará el Hyperenlace si lo pulsamos.
7.-Ahora
haremos un link al correo electrónico
Asimismo podemos hacer que el Hyperenlace de como resultado el envío de un correo electrónico a una dirección de correo determinada
Puedes
escribirme a : mperez@telematic.edu.pe
MUY
BIEN AHORA A ELABORAR LA PÁGINA WEB:
La herramienta Básica para la elaboración de una página Web es el BLOC DE NOTAS
El Lenguaje que se utiliza para la elaboración de páginas web es HTML (Hypertext Markup Language)
Primero que nada, escribamos los códigos básicos para la elaboración del Home Page, que empieza con :
<HTML>
<BODY>
Aquí
va todo el cuerpo de la página
( aquí escribiremos todos los pasos arriba mencionados )
</BODY>
</HTML>
A
continuación elaboraremos los 7 pasos mencionados anteriormente de la siguiente forma
------------------------------------------------------------------------------------------------------------------------------------
<HTML>
<BODY
BGCOLOR="ORANGE">
<FONT
COLOR=”BLUE“ SIZE=”5”>Bienvenidos
a mi Página Web</FONT>
<HR
WITH="85%" SIZE="3">
Paso
3
(Igual
al paso uno, primero se dan las características al texto para la marquesina)
<FONT
COLOR="WHITE" SIZE="4">
<MARQUEE>María
Pérez desde Lima - Perú</MARQUEE>
</FONT>
Paso 4
<FONT>Esta
es mi primera <U>Página</U> aunque todavía es muy sencilla
muy pronto estaré en condiciones de mejorarla. <BR>
Primero
que nada quiero contarles que soy Usuario de<B> Telematic Net</B>, desde hace dos meses y mi dirección de
<I>correo electrónico</I>
es: mperez@telematic.com.pe
</FONT>
<IMG
SRC=”NOMBRE_DE_LA _IMAGEN.GIF” BORDER="3">
Paso 6
<A
HREF="http://www.yahoo.com"><IMG SRC="NOMBRE_DE_LA
_IMAGEN.GIF"></A>
Paso 7
Puedes
escribirme a :
<A
HREF="mailto:jperez@telematic.com.pe">jperez@telematic.edu.pe</A>
</BODY>
</HTML>
------------------------------------------------------------------------------------------------------------------------------------
Algo
muy importante es ¿Cómo lo grabamos? Tenemos que darle el tipo de archivo, por
ejemplo lo grabamos como: (homepage.html o
homepage.htm), se recomienda grabar la página principal como:
"default.htm", si su dirección es: http://www.telematic.edu.pe/users/USUARIO
y
como "index.html"
si su dirección es:
http://clientes.telematic.com.pe/USUARIO