Está en la página 1de 3

Universidad Tec Milenio.

Profesional
Cb00812 – Introducción al desarrollo de aplicaciones en Internet.

URL HTTP (Hyper-Text Transfer Protocol )


– Es el protocolo que se utiliza para comunicar y
transmitir documentos por red. Este protocolo define
la forma en la que el Web browser y el Web Server se
comunican.
Cb00812 – Introducción al desarrrollo de
aplicaciones en Internet. URL (Uniform Resource Locator)
– Es la forma que se emplea para hacer referencia a
los documentos u objetos en Internet.
Apoyo
Actividad 1. Introducción HTML Si no se especifica
se asume que la
Directorio(s) dentro del disco
página se llama
Protocolo de del servidor en donde se index.html
Transferencia encuentra la página

http://www.sample.com/samples/samples.html

Servidor en el que reside el Nombre del archivo que


documento. Dominio contiene la página.

Web Autor, Web Master, SysAdmin Lenguajes para el Desarrollo de Páginas

• WEB AUTOR • HTML (Hyper Text Markup Language)


– Es la persona encargada del diseño y contenido de la del sitio de Web. Su área – Es el lenguaje que se utiliza en el WWW para crear las páginas. Es un
de conocimiento abarca el hipertexto, hipermedia, convenciones y etiqueta del
lenguaje de etiquetas sencillo, y su único objetivo es proponer a los
Web, diseño gráfico y los requerimientos propios de tipo de información a
programas de navegación en el WWW, el formato en el que se
publicar.
deberán presentar los documentos. Versión actual HTML 4.0
• WEBMASTER
– Es la persona responsable del funcionamiento del servidor y proveedor de • XML (Extensible Markup Language)
facilidades para los autores. Su área de conocimiento contiene el hipertexto, – es un sistema que se emplea para definir lenguajes de marcas especializados
hipermedia, convenciones y etiqueta en el Web; configuración, administración que se utilizan en la transmisión de datos. Con él se puede crear entre otras
y seguridad de servidores y programación e instalación de gateways y utilerías cosas, sistemas de índices y bases de datos.
para el Web.
• XHTML (Extensible HTML)
• SYSYADMIN – es un puente entre HTML y XML. Es una reformulación de HTML 4 con XML.
– Es la persona responsable del funcionamiento del equipo servidor. Su área de Incrementa el rango de plataformas en las que se puede emplear: teléfonos
conocimiento contempla: administración del Sistema Operativo ( Unix, celulares, televisión, carros, comunicadores inalámbricos de bolsillo, kioscos y
desktops. Tiene una sintaxis más estricta que HTML.
Nextstep, etcétera), redes y seguridad. – Versión actual 1.0.

Browsers

Nescape
http://www.netscape.com
Internet Explorer HTML
http://www.microsoft.com
Opera
http://www.opera.com/
Seguro (encriptación), pequeño (486), se
inicializa en 30 seg., requiere solo 1.8 Mbytes de
disco duro, se adhiere al HTML estándar.

D.R © Universidad Tec Milenio


Lázaro Cárdenas #2610, Col. Del Paseo Residencial.
Monterrey, N.L. 2004. 1
Universidad Tec Milenio. Profesional
Cb00812 – Introducción al desarrollo de aplicaciones en Internet.

Producción de Páginas Sencillas Secciones de un documento

Indica que el documento


• ¿Qué se necesita? esta escrito en HTML
– Un editor de texto (Ej. WordPad o NotePad). <HTML>
– Un navegador (Ej. Netscape o Internet Explorer) <HEAD>
Describe el documento
• Proceso de Elaboración ……
– Utilizando el editor, crear un documento y escribir código </HEAD>
en HTML.
– Guardar el documento como un archivo de TEXTO y con
extensión htm <BODY> Establece el contenido del
documento
– Abrir el documento dando doble clic en él. Esto abrirá el …….
navegador y mostrará la página.
</BODY>
</HTML>

Rodeadas por los


Etiquetas caracteres < y > Atributos
Pueden ser
opcionales o
<HTML> requeridos

Se colocan dentro de
la etiqueta inicial.
<B> Contenido </B>
Indica el
<FONT SIZE = "+1", COLOR= "RED">Esto será rojo</FONT>
Indica el
inicio de la final de la
función. función.
<FONT> El atributo Tienen asociado un
<font> modifica una valor.
propiedad del
Estas etiquetas
<Font> elemento
significan lo mismo

Entidades Caracter Forma de Ejemplo 1: Etiquetas Generales


representar
caracteres
especiales
Á &Aacute; á &aacute;
É &Eacute; é &eacute;
Í &Iacute; í &iacute; <HTML>
Ó &Oacute; ó &oacute; <HEAD>
Ú &Uacute; ú &uacute; <TITLE>Ejemplo 1</TITLE>
</HEAD>
& &amp;
> &gt; “ &quot;
<BODY>
< &lt; ¡ &iexcl; Hola!
¿ &iquest; </BODY>
Espacio &nbsp;
ñ &ntilde; </HTML>
Ñ &Ntilde;
2

D.R © Universidad Tec Milenio


Lázaro Cárdenas #2610, Col. Del Paseo Residencial.
Monterrey, N.L. 2004. 2
Universidad Tec Milenio. Profesional
Cb00812 – Introducción al desarrollo de aplicaciones en Internet.

Ejemplo 2 Ejemplo 3: Font

<HTML> <HTML>
<HEAD> <HEAD>
<TITLE>Ejemplo 2</TITLE> <TITLE>Ejemplo 3</TITLE>
</HEAD> </HEAD>
<BODY>
<FONT SIZE = "+1">Tama&ntilde;o +1</FONT> <BR>
<BODY> <FONT SIZE = "+2">Tama&ntilde;o +2</FONT> <BR>
<H1>Heading 1</H1> <FONT SIZE = "+3">Tama&ntilde;o +3</FONT> <BR>
<H2>Heading 2</H2> <FONT SIZE = "+4">Tama&ntilde;o +4</FONT> <BR>
<H3>Heading 3</H3> <FONT SIZE = "+5">Tama&ntilde;o +5</FONT> <BR>
<FONT SIZE = "-1">Tama&ntilde;o -1</FONT> <BR>
<H4>Heading 4</H4> <FONT SIZE = "-2">Tama&ntilde;o -2</FONT> <BR>
<H5>Heading 5</H5> <FONT SIZE = "-3">Tama&ntilde;o -3</FONT> <BR>
<H6>Heading 6</H6> <FONT SIZE = "-4">Tama&ntilde;o -4</FONT> <BR>
</BODY> <FONT SIZE = "-5">Tama&ntilde;o -5</FONT> <BR>
</BODY>
</HTML>
</HTML>

Ejemplo 4

<HTML>
<HEAD>
<TITLE>Ejemplo 4. Lista Ordenada</TITLE>
</HEAD> Créditos:
<BODY>
Lista ordenada:
<OL TYPE="A">
<LI>Primer elemento de la lista</LI>
<LI>Segundo elemento de la lista</LI>
Ing. Armandina Leal Flores
</OL>
<LI>Tercer elemento de la lista</LI> Ing. María Concepción Villar Cuesta
Aqu&iacute; tenemos una lista anidada:
<OL TYPE="A">
<LI>Primer elemento de la lista</LI>
<LI>Segundo elemento de la lista</LI>
<OL TYPE="i">
<LI>Primer elemento de la lista</LI>
<LI>Segundo elemento de la lista</LI>
<LI>Tercer elemento de la lista</LI>
</OL>
<LI>Tercer elemento de la lista</LI>
</OL>
</BODY>
</HTML>

D.R © Universidad Tec Milenio


Lázaro Cárdenas #2610, Col. Del Paseo Residencial.
Monterrey, N.L. 2004. 3