Vista menús y submenús de DreamWeaver.

Ejemplo 11 de código - Ejemplo de vínculos 2.

Ejemplo 10 de código - Ejemplo de vínculo 1.

Tabla 1.15 - Ejemplos de tipos de enlaces.

TIPO	CÓDIGO	SIGNIFICADO
Definiendo el ancla.	<A NAME="capl"><IA>	"cap1" es el ancla invisible que se ubica en el destino del vínculo.
A la misma página.	<A HREF= "#cap1">   Capítulo 1 </A>	"#cap1" es la referencia al ancla previamente definida. Se ubica en el origen del vínculo. Capítulo 1. Capítulo 1 es el texto que aparecerá subrayado y que ejecutará el vínculo.
A otra página dentro del mismo sitio web.	<A HREF="pag13.html"> Advertencia y Dedicatoria </A>	"pag13.html" es el nombre del documento que se abrirá al ejecutar el vínculo. En caso de encontrarse en una carpeta diferente, es necesario indicar la ruta para acceder a ella.
A otra página fuera del sitioweb.	<A HREF="http://www.ebarrios.com/web/acerca _de_EB.htm"TARGET= "_ blank">  Acerca del autor </A>	Observa la ruta del sitio web al que se hace referencia. Al pulsar el vínculo, la página se abre en una ventana nueva, al indicárselo el valor "_blank" al atributo TARGET.
A un correo electrónico.	<A HREF= "mailto:beliajg@hotmail.com"> Contáctame </A>	El correo electrónico al que se va a vincular se escribe como valor de " mailto" del atributo HREF.
A la misma página, referenciado con imagen.	<A HREF= "#parte1">                     <IMG SRC= "img\flechaMorArriba.png">    </A>	"#partel'' es la referencia al ancla previamente definida. Se ubica en el origen del vínculo.  En lugar del texto para el vínculo, se coloca una imagen que tendrá la referencia al ancla.

Tabla 1.14 - Atributos empleados en los hiperenlaces.

ATRIBUTO/VALOR:	ACCIÓN:
HREF= "dirección/nombre"	Indica el destino del enlace o hipervinculo. Se integra por la ruta absoluta o relativa. dirección URL o ancla. Sí se trata de un vínculo externo puede ser: una página web con extensión .htm, .html, .php o .asp; un archivo ya sea .pdf, .zip; o bien. un enlace a un correo electrónico. Si el vínculo es a un elemento interno, la referencia es hacía un ancla, que se define en el punto preciso mediante el atributo NAME.
NAME= "ancla"	Se emplea para colocar el ancla, la referencia para el destino de un vínculo interno.
ID="ancla"	Mismo empleo que el atributo NAME, cuando se trabaja con marcos (lframes). Define un ancla dentro de la página.
TITLE= "letrero"	Muestra una breve descripción del sitio que se enlaza. El usuario lo visualiza al colocar el puntero del ratón sobre el enlace.
TARGET ="valor"	Indica en qué ventana se abrirá la página de destino: en la misma (self) o en una ventana nueva (_blank). Cuando se trabaja con marcos (lframes), se distinguen además en la ventana completa (op) o en el marco anterior (_parent).

Tabla 1.13 - Etiqueta para definir hipervínculos

Ejemplo 9 de código - Tabla con celdas combinadas.

Ejemplo 8 de código - Tabla clásica.

Tabla 1.12 - Atributos empleados en las etiquetas para el diseño de tablas.

Tabla 1.11 - Etiquetas para el diseño de tablas.

Ejemplo 7 de código - Lista de definiciones.

Ejemplo 6 de código - Lista no ordenada de valores.

Ejemplo 5 de código - Lista ordenada de signos zodiacales.

Tabla 1.10 - Atributos empleados en las etiquetas para el diseño de listas.

Tabla 1.9 - Etiquetas para el diseño de vistas.

Tabla 1.8 - Atributos de la etiqueta BODY.

Ejemplo 4 de código - Agregar imagenes.

Tabla 1.7 - Atributos de la etiqueta IMG.

Ejemplo 3 de código - Estilos de etiqueta HR.

Tabla 1.6 - Atributos de la etiqueta HR

Tabla 1.5 - Código de colores imprimibles en la propiedad color de la etiqueta FONT.

NOMBRE DEL COLOR	MUESTRA
White	Blanco
Red	Rojo
Green	Verde
Blue	Azul
Yellow	Amarillo
Black	Negro
Aqua	Verde agua
Gray	Gris
Lime	Verde claro
Maroon	Granate
Navy	Azul marino
Silver	Plata

Tabla 1.4 - Atributos de la etiqueta FONT.

ATRIBUTO	ACCIÓN
SIZE= "número"	Indica el tamaño del texto.
FACE= "tipo _letra"	Escribe el texto en el tipo de letra especificado.
COLOR= "código_ color"	Indica el color del texto. El va lor automático es negro.

Tabla 1.3 - Formatos de estilo en HTML.

ETIQUETA	ACCIÓN
<CENTER></CENTER>	Centrado.
<B> <lB> o <STRONG></STRONG>	Texto en negritas.
<I> </I>	Texto en cursivas.
<U> </U>	Texto subrayado.
<S> </S> o <STRIKE></STRIKE>	Texto tachado.
<EM> </EM>	Texto enfatizado.
<TI> </TI>	Texto en forma de teletipo.
<BIG></BIG>	Texto en tamaño grande.
<SMALL> </SMALL>	Texto en t amaño pequeño.
<SUB> </SUB>	Subíndice.
<SUP> </SUP>	Superíndice.

Tabla 1.2 - Alineación de parrafos en HTML.

ATRIBUTO/VALOR	ACCIÓN
ALIGN= "left"	Alineado recto a la izquierda, a la derecha se muestra en forma irregular o en bandera.
ALIGN = "right"	Alineado recto a la derecha, a la izquierda se muestra en forma irregular o en bandera.
ALIGN = "center"	Alineación centrada. Ambos extremos se muestran en forma irregular.
ALIGN = "justify"	Justificada. Ambos extremos se muestran rectos.

Ejemplo 2 de código - Datos del alumno.

Aquí te muestro el segundo ejemplo sencillo para tu página web.

<HTML>
<HEAD>
<TITLE>
Mi primera página web
<TITLE>
</HEAD>
<BODY>
<Hl >Centro De Bachillerato Tecnológico
industrial y de servicios No. 121 </H 1 ><BR>
<H2>Especialidad: Programación</H2>
<H3>Semestre: Cuatro</H3>
<H4>Módulo III: Desarrolla aplicaciones web y
móviles </H4 >
<H5>Submódulo II: Desarrolla aplicaciones que se ejecutan en el servidor.</H5>
<H6>Submódulo III: Desarrolla aplicaciones que se ejecutan en el cliente.</H6>
<H7>Turno: Matutino</H7>
<H8>Nombre: Carlos Uriel Vega Rodríguez</H8>
</BODY>
</HTML>

Ejemplo 1 de código - Bienvenido a HTML.

Aquí te muestro el primer ejemplo sencillo para tu página web.

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<B>¡Bienvenidos al fantástico mundo</B> <BR>
<l>del diser1o de páginas web!</1> <BR> <BR>
<U>¡Iniciemos juntos esta nueva aventura!</U>
</BODY>
</HTML>

Tabla 1.1 - Lista de Etiquetas de HTML.

ETIQUETA	ACCIÓN
<HTML> </HTML>	Indica que es un documento HTML o una página web.
<HEAD> </HEAD>	Encabezado.
<BODY> </BODY>	Cuerpo.
<TITLE> </TITLE>	Título. El que aparece en la barra de título de la página web.
<H1> </H1>	Títu los automáticos dentro de la página. De H1 hasta H6
<P> </P>	Párrafo.
<CENTER></CENTER>	Centrado.
<B> </B>	Texto en negritas.
<I> </I>	Texto en cursivas.
<U> </U>	Texto en subrayado.
<S> </S>	Texto en tachado.
<FONT> </FONT>	Formato del texto.
<IMG> </IMG>	Imágenes.
<Ol> </OL>	Lista numerada.
<UL> </UL>	Lista con viñetas.
<LI> </LI>	Elemento en una lista numerada o con viñetas.
<TABLE> </TABLE>	Tabla.
<TR> </TR>	Línea en una tabla.
<TD> </TD>	Celda en una tabla.
<A> </A>	Enlace o vínculo.
<BR>	Salto de línea.

Conceptos básicos:

Internet. 

La red más amplia utilizada en la actualidad es internet (Internetwork System. Sistema de intercomunicación de redes). Podemos citar conceptos como éstos: "(1) Red extensa constituida por una cantidad de redes menores. (2) Red nacional orientada a la investigación que engloba más detres redes gubernamentales y académicas en 40 países", sin embargo, también podemos referirnos a ella como: el banco de datos más grande del mundo o la red de redes,  en la cual se puede encontrar información de cualquier tema y es útil para científicos, maestros, estudiantes

y público en general.

Web, WWW o W3.

Término muy empleado en la navegación por internet que nace en 1989 gracias a

la propuesta de Tim Berners-Lee. Se refiere normalmente a un sistema de documentos

interconectados por enlaces de hipertexto clisponibles en la red. "La World

Wide Web es un sistema de hipertexto de internet que brinda una forma atractiva

y sencilla de explorarlo:" Para esto existen diferentes navegadores como: Internet

Explorer, Mozilla Firefox, Google Chrome, Opera, Safari, Netscape Navigator, entre

otros, que conducen hacia los sitios de interés a tan sólo unos clics de distancia.

También es conocida como red, malla o telaraña.

Página web.

Es un único archivo o documento electrónico que puede contener imágenes, archivos

multimedia, texto organizado en párrafos, viii.etas o tablas y otros elementos

estáticos o dinámicos, escritos en un lenguaje de hipertexto conocido frecuentemente

como HTML.

Sitio web.

Es un servidor que contiene páginas web y otros archivos vinculados o relacionados

entre sí mediante hípervínculos para proporcionar información atractiva al

usuario. Dado que se encuentra en línea las 24 horas al día en intemet, es útil como

medio informativo permanente e inclusive permite que el usuario pueda interactuar

con sus elementos, realizando desde búsquedas, compras, comunicación, hasta

juegos.

HTML.

{HyperText Mark-up Language 1 Lenguaje de marcado de hipertexto). Es el lenguaje

con el que se escriben las páginas web. Está considerado como un lenguaje de alto nivel que le indica a los navegadores cómo mostrar el contenido de una

página web. Permi te escribir texto de forma estructurada, integrado por etiquetas

que marcan el inicio y fin de cada elemento de la página.

URL.

(Uniform Resource Locator 1 Localizador uniforme de recursos). ·"Se especifican al

explorador para acceder a las páginas web y se encuentran incrustados dentro de

las mismas páginas para proveer enlaces de hipertexto a otras."

HTTP.

(HyperText Transfer Protocol 1 Protocolo de tra nsferencia de hipertexto). Está

orientado a transacciones en un sistema de petición -respuesta entre un cliente y

un servid or. Es el que define la sintaxis que utilizan los elementos de soft.ware de la

arqu itectura web para comunicarse; por lo tanto, es el que se utiliza en las transacciones

www.

A este protocolo se le cataloga sin estado, puesto que no guarda ninguna información

sobre conexiones anteriores, por tal motivo se utilizan las cookies, es decir,

la información que un servidor puede almacenar en el cliente, para tomarla cuando

necesite ·'mantener el estado"; de ahí se trabajan con "sesiones", pero además, deja

una apertura en el sistema cliente para poder localizar usuarios. ya que las cookies

pueden guardarse en el nodo cliente por tiempo indeterminado. La información

que es transmitida por este protocolo recibe el nombre de recurso y se identifica

mediante una URL.

HTTPS.

Es una versión de http para la transferencia segura de información, que puede utilizar

cualquier método de cifrado siempre que sea enlendido tanto por el servidor

como por el cliente.

Servidor.

"El término servidor se aplica a cuaJqui er programa que ofrece un servicio que se

puede obtener en una red."

"Una aplicación que responde a las solicitudes de otros dispositivos (clientes)."

Clientes.

"Un programa ejecutable se convierte en un cliente cuando manda una petición a

un servidor y espera una respuesta."

"Un programa que intenta conectarse a otro programa (generalmente en otra

máquina) llamado servidor."

Cliente-Servidor.

"Modelo de in teracción en un sistema distribuido en el que un programa en

una localidad envía una solicitud a otro programa en otra localidad y espera una

respuesta."

Se puede observar que el modelo diente-servidor aplica una lógica sencilla pero

eficiente de comunicación, en donde un cliente (de Jos muchos que pueden existir)

es el que inicia un requerimiento a través de una red y el servidor es quien se encarga

de "escuchar" las solicitudes de cada cliente y atenderlas; además, se encarga

de administrar los recursos disponibles en la red, como acceso a bases de datos,

impresoras, unidades de almacenamiento y muchas más, estableciendo tiempos y

prioridades de uso.