Download Tipos de sitios Web

SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
Unidad 2: Manejar los elementos básicos de un lenguaje usado en la creación
de páginas web (HTML)
2.1. Identificar los contenidos de la página Web
2.1.1. Conceptos básicos
a) Internet
Internet es una red global de equipos informáticos que se comunican mediante un
lenguaje común. Al conectarse a este sitio Web se ha conectado a Internet. Es
similar al sistema de teléfonos internacional: nadie posee ni controla todo el
conjunto, pero está conectado de forma que funcione
como una gran red. Hoy en día, entre treinta y cuarenta
millones de personas tienen acceso a Internet. Esto le
incluye a usted.
El Web permite saltar mediante un "hipervínculo" de una
página a otra. Imagine que el Web es una gran
biblioteca. Los sitios Web son los libros y las "páginas" de Web páginas concretas
de los libros. Las páginas pueden contener noticias, imágenes, películas, sonidos,
gráficos en tres dimensiones, casi cualquier cosa. Estas páginas pueden estar
situadas en sistemas en cualquier lugar del mundo. Al conectarse al Web, tiene
igual acceso a información en cualquier lugar del mundo; sin restricciones o costos
de larga distancia.
Las direcciones electrónicas son la forma de ubicar unívocamente a cada persona
y computadora en la Red. Son únicas: no puede haber dos iguales en el mundo,
porque los mensajes se perderían. Existen tres tipos: las de computadoras
(llamadas dominios), las de personas (casillas de E-mail) y las de recursos (por
ejemplo, una página de la Web). Su estructura se basa en partes fijas y partes
opcionales.
¿Cómo funcionan realmente?
Las direcciones electrónicas que se conocen y utilizan a diario han sido diseñadas
para el uso de los humanos: su formato intenta adecuarse al hecho de que es más
fácil recordar palabras que números. En realidad, cada computadora conectada a
Internet posee un número único llamado IP (Internet Protocol) que corresponde a
cada dirección electrónica humana. El número IP se compone de cuatro grupos de
números separados por puntos, donde cada uno puede tomar cualquier valor entre
0 y 255, por ejemplo 200.56.1.224.
La información que circula por Internet se basa en la dirección IP de cada
computadora de destino. Cuando una dirección electrónica ingresa en la máquina,
comienza a trabajar un DNS (Servidor de Dominio o Domain Name Server),
computadora especial que convierte o transforma los nombres de la dirección en
una dirección IP; o esta en una dirección electrónica, de modo que el mensaje
pueda ir y venir por la Red. Los proveedores de servicios en Internet o servidores
M.I. BERTHA EVELIA TORRES TORRES
1
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
de páginas Web tienen sus propios servidores de Dominio, sin los cuales sería
imposible comunicarse adecuadamente con las personas y computadoras de
Internet.
Direcciones de Computadoras
Todo recurso de Internet está alojado en una computadora servidor (server o host)
que tiene asignada una o varias direcciones electrónicas. Cada computadora o
persona que se conecta a Internet tiene asignada una dirección electrónica única.
El nombre electrónico de un grupo de computadoras relacionadas (por ejemplo, de
todas las computadoras pertenecientes a una misma empresa, en Internet se
llama Dominio (Domain). Cuando se trata de una computadora, la estructura de
dirección se compone de cuatro partes, cada una de las cuales brinda distinto tipo
de información. Las partes están separadas por un punto (sin espacios
intermedios) y pueden estar presentes o no.
El esquema básico sería, Dominio=computadora.organización.tipo.país. Ejemplo:
www.arrakis.es
Tipo
Es una clasificación que existe para identificar la actividad de la organización. Los
tipos se clasifican en:
Clasificación
.com (en algunos países, .co)
.edu (en algunos países, .ac)
.gob (en algunos países .gov)
.mil
.net
.org
M.I. BERTHA EVELIA TORRES TORRES
Significado
Es una compañía u
organización comercial.
Es una institución de
educación, universidades,
colegios,
institutos
o
centros de investigación.
Se trata de organizaciones
del gobierno.
Es una institución militar.











Se trata de algún nodo 
administrativo
o
de 
conexión de un proveedor
de servicios, o de alguna
entidad de servicios.
Se
utiliza
para 
organizaciones que no 
entren en ninguna de las 
categorías anteriores, por 
ejemplo organizaciones sin 
fines de lucro.

Ejemplo
Ford.com
Bancomer.com
mit.edu
harvard.edu
cecytes.edu
Itson.edu
sonora.gob
presidencia.gob
armada.mil.co
defenselink.mil
army.mil
internic.net
Prodigy.net
Ife.org.mx
educar.org
vidahumana.org
cndh.org.mx
greenpeace.org
conevyt.org.mx
2
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
Existen otras nuevas jerarquías recientemente creadas y aún no implementadas:
.firm para empresas o corporaciones
.store para empresas que ofrecen negocios de venta online
.web para entidades que se dediquen a actividades relacionadas con la Web.
.arts
para instituciones que desarrollen actividades culturales o de
entretenimiento.
.rec Entidades que se dediquen a actividades relacionada con la recreación y los
juegos.
.info para entidades que brinden reportes o información.
.nom para personas físicas que deseen su propio dominio.
País
Identifica el país al cual pertenece el dominio. Esta parte de la dirección no
siempre está presente. Se ha creado una codificación normada de códigos de
países . Ejemplos: au Australia, ca Canadá, ie Irlanda , it Italia, jp Japón,
uk Reino Unido, co Colombia, etc.
Las Direcciones de Dominio
 Son únicas en el mundo, no puede haber dos iguales.
 Se escriben siempre en minúscula.
 Nunca llevan espacios entre palabras.
 Se componen de caracteres comunes: letras, números, guiones.
 Nunca debe usarse la ñ ni letras acentuadas, ni $, ni #, ni otro carácter de
ese tipo.
 Cada parte se separa por puntos.
 No hay un máximo de caracteres de longitud.
 Sin embargo, siempre se trata de hacerlas lo más cortas posibles.
b) WWW (WORLD WIDE WEB)
Lo que ha dado el punto de salida al extraordinario impulso de los accesos a
Internet ha sido la creación de un sistema que facilita y agiliza la localización y el
transporte de informaciones a través de la red. Esto ha sucedido a partir de 1990
con la creación de la World Wide Web a manos de Tim Berners-Lee del centro
europeo de investigación del CERN de Ginebra, en Suiza.
¿De qué se trata? Como dice su nombre es una tela de araña, grande como el
mundo, de informaciones conectadas entre sí. Este modo de utilizar la red ha
permitido crear algo similar a una única y gran biblioteca virtual. En esta biblioteca
los volúmenes contenidos se organizan de forma hipertextual y son reclamados en
el momento en el cual el usuario los solicita para consultar.
Físicamente las informaciones son depositadas en ordenadores esparcidos por el
mundo (los llamados sitios). La red funciona como sistema de transporte y lleva
las informaciones hacia quien las solicita. Una auténtica tela de araña de recursos
se vuelve así accesible a todos, aunque se encuentre a miles de kilómetros de
distancia del lugar donde están contenidos.
M.I. BERTHA EVELIA TORRES TORRES
3
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
Está claro que se trata de un sistema muy simple de consultar, porque no necesita
el uso de ningún comando o menú en particular, sino que basta un clic del ratón.
No hay que hacer nada más que leer el texto reclamado, llamado página
hipertextual, y si se desea, seguir los enlaces hacia nuevas páginas.
Además, existe la posibilidad de importar de la red las noticias reclamadas,
conservándolas en nuestro ordenador o imprimiéndolas. Para los que tengan en
mente la lectura secuencial de un libro, página tras página, el poder saltar de un
vídeo a otro siguiendo caminos diferentes, representa una agradable sensación de
libertad. Se comprende bien entonces que cada usuario gracias a la Web pueda
crearse un itinerario personal en el interior de un océano de informaciones
esparcidas en todo el globo.
World Wide Web (el Web o WWW) proporciona una interfaz gráfica por la que es
fácil desplazarse para buscar documentos en Internet. Estos documentos, así
como los vínculos entre ellos, componen una red de información.
Funcionamiento de la www
En el mundo existen un cierto número de ordenadores, llamados servidores
WWW, en los cuales se graban las informaciones.
Cada servidor alberga un cierto número de páginas. La red Internet conecta los
servidores entre ellos y con los ordenadores de los usuarios que se llaman cliente.
Para visualizar una determinada página, el usuario debe pedirle una copia al
servidor que la alberga. Esto se hace de modo transparente con un programa
adecuado, llamado navegador, instalado en su ordenador.
La red hace pues de canal de comunicación entre servidor y cliente, y por este
motivo se la llama autopista de la información.
Las informaciones que transitan en la red son fragmentadas a la salida en
pequeñas unidades llamadas paquetes, que se recomponen automáticamente a
su llegada.
En realidad, la red no es una autopista lineal y rectilínea, sino que conoce
obstáculos de diversos tipos. Pueden verificarse, por ejemplo, ralentizaciones
debidas a un excesivo tráfico, o se pueden encontrar trayectos interrumpidos.
Algunos vehículos (paquetes) son más pequeños y veloces, otros más lentos, pero
capaces de llevar mayor cantidad de noticias. Las prestaciones ofrecidas por la
red, pues, pueden variar enormemente.
Un aspecto interesante del mundo WWW es que la mayor parte de las
informaciones actualmente disponibles son accesibles gratuitamente. Para utilizar
un eslogan: es como tener el mundo en casa.
En los últimos tiempos, no obstante, una serie de informaciones, ligadas al mundo
científico y técnico, están accesibles sólo tras una forma cualquiera de pago. Por
M.I. BERTHA EVELIA TORRES TORRES
4
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
ejemplo, para consultar algunas bases de datos, es necesario obtener de los
gestores del servicio la autorización, bajo forma de contraseña. De todos modos,
esto sólo atañe a un número limitado de servicios online.
c) Correo electrónico
El correo electrónico es el intercambio de mensajes almacenados en computadora
por medio de las telecomunicaciones, es decir dos personas que tenga acceso a
una cuenta de correo puede enviarse cartas. Sin embargo, se pueden también
enviar archivos en otros formatos. El correo electrónico representa una de las
primeras aplicaciones del Internet y sigue siendo la de mayor uso.
El correo electrónico (“E-Mail” o “Electronic Mail” en inglés) es el segundo servicio
más usado de la Red Internet (el primero es la navegación por la World Wide
Web). Dos personas que tengan acceso a una cuenta de correo en Internet puede
enviarse mensajes escritos desde cualquier parte del mundo a una gran velocidad.
Lo normal es que un mensaje tarde entre unos pocos segundos o minutos,
dependiendo de la cantidad de texto que se envíe.
El Correo Electrónico nos permite enviar cartas escritas con el ordenador a otras
personas que tengan acceso a la Red. Las cartas quedan acumuladas en Internet
hasta el momento en que se piden. Es entonces cuando son enviadas al
ordenador del destinatario para que pueda leerlas. El correo electrónico es casi
instantáneo, a diferencia del correo normal, y además muy barato. Podemos
cartearnos con cualquier persona del Mundo que disponga de conexión a Internet.
Algunas ventajas sobre el uso del correo tradicional como son:
 Su costo es bajo, si se desea enviar mensajes a otro país.
 Un mismo mensaje se puede enviar a varios destinatarios al mismo tiempo.
 Es posible adjuntar al mensaje diversos tipos de archivos.
 El texto de un mensaje puede ser copiado para editarse o imprimirse.
 Los mensajes son enviados y recibidos casi al mismo tiempo.
Algunas páginas que nos permiten construir correo electrónico son:
Hotmail
Yahoo
Mixmail
Latinmail
Gmail
www.hotmail.com
www.yahoo.com.mx
www.mixmail.com
www.latinmail.com
www.gmail.com
d) Navegadores
La navegación en la Web es posible gracias a los navegadores. En el
curso de los años se han fabricado diversos tipos de navegadores
cada vez más potentes y fáciles de usar. Dada la naturaleza no
comercial de los años iniciales de la red, los primeros instrumentos de
navegación se desarrollaron en el interior de las universidades y de los
M.I. BERTHA EVELIA TORRES TORRES
5
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
centros de investigación y se pusieron a disposición gratuita de todos los usuarios.
En esta primera fase de desarrollo se puso mayor énfasis en la posible utilización
de ordenadores de distintos tipos con requisitos mínimos: las interfaces, por
ejemplo, eran puramente textuales.
Al difundirse las interfaces gráficas se desarrolló Mosaic, uno de los navegadores
más utilizados en el pasado reciente, convertido en el antecesor de los
navegadores actuales.
La abertura de la red a los servicios comerciales y el descubrimiento de la Web
como vehículo de publicación de informaciones a bajo coste ha creado una serie
de exigencias: por un lado, es importante presentar las páginas de modo
gráficamente
adecuado,
enriquecido
con
elementos
multimedia, como sonidos y
filmaciones; por otro lado, para
simplificar el uso de la red por
parte de los inexpertos, se han integrado funcionalidades diferentes de acceso a
Internet, como el correo electrónico y la transferencia de archivos.
Los navegadores mayormente utilizados hoy en día son Netscape Communicator,
Microsoft Internet Explorer y Mozilla.
e) Buscadores
La cantidad de páginas electrónicas es enorme y encontrar
alguna sobre un tema determinado, si no se conoce la
dirección o URL, puede ser muy difícil. Para encontrar
direcciones con temas específicos se emplean los
buscadores.
Los buscadores permiten rastrear en la Web las páginas que contengan la
información deseada. Los buscadores de Internet, también denominados motores
de búsqueda (Search Engines). Se trata de sitios especiales mediante las cuales
puede rastrear en la Web las páginas que contengan la información deseada.
Presentamos a continuación una lista de los buscadores más populares:
AltaVista
Yahoo!
Lycos
Infoseek
Google
Excite
Open Text
Planet Search
http://www.altavista.com
http://www.yahoo.com.mx
http://www.lycos.com
http://infoseek.go.com
http://google.com
http://www.excite.com
http://www.opentext.com
http://www.planetsearch.com
M.I. BERTHA EVELIA TORRES TORRES
6
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
f) Servidor Web
Es un programa que implementa el protocolo HTTP (hypertext transfer protocol).
Este protocolo está diseñado para transferir lo que llamamos hipertextos, páginas
Web o páginas HTML (hypertext markup language): textos complejos con enlaces,
figuras, formularios, botones y objetos incrustados como animaciones o
reproductores de sonidos.
Sin embargo, el hecho de que HTTP y HTML estén
íntimamente ligados no debe dar lugar a confundir ambos
términos. HTML es un formato de archivo y HTTP es un
protocolo.
Cabe destacar el hecho de que la palabra servidor
identifica tanto al programa como a la máquina en la que
dicho programa se ejecuta. Existe, por tanto, cierta
ambigüedad en el término, aunque no será difícil
diferenciar a cuál de los dos nos referimos en cada caso.
Un servidor Web se encarga de mantenerse a la espera de peticiones HTTP
llevada a cabo por un cliente HTTP que solemos conocer como navegador. El
navegador realiza una petición al servidor y éste le responde con el contenido que
el cliente solicita. A modo de ejemplo, al teclear www.wikipedia.org en nuestro
navegador, éste realiza una petición HTTP al servidor de dicha dirección. El
servidor responde al cliente enviando el código HTML de la página; el cliente, una
vez recibido el código, lo interpreta y lo muestra en pantalla. Como vemos con
este ejemplo, el cliente es el encargado de interpretar el código HTML, es decir, de
mostrar las fuentes, los colores y la disposición de los textos y objetos de la
página; el servidor tan sólo se limita a transferir el código de la página sin llevar a
cabo ninguna interpretación de la misma.
Sobre el servicio Web clásico podemos disponer de aplicaciones Web. Éstas son
fragmentos de código que se ejecutan cuando se realizan ciertas peticiones o
respuestas HTTP. Hay que distinguir entre:



Aplicaciones en el lado del cliente: el cliente Web es el encargado de
ejecutarlas en la máquina del usuario. Son las aplicaciones tipo Java o
Javascript: el servidor proporciona el código de las aplicaciones al cliente y
éste, mediante el navegador, las ejecuta. Es necesario, por tanto, que el
cliente disponga de un navegador con capacidad para ejecutar aplicaciones
(también llamadas scripts). Normalmente, los navegadores permiten
ejecutar aplicaciones escritas en lenguaje javascript y java, aunque pueden
añadirse mas lenguajes mediante el uso de plugins
Aplicaciones en el lado del servidor: el servidor Web ejecuta la aplicación;
ésta, una vez ejecutada, genera cierto código HTML; el servidor toma este
código recién creado y lo envía al cliente por medio del protocolo HTTP.
Las aplicaciones de servidor suelen ser la opción por la que se opta en la
mayoría de las ocasiones para realizar aplicaciones Web. La razón es que,
M.I. BERTHA EVELIA TORRES TORRES
7
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
al ejecutarse ésta en el servidor y no en la máquina del cliente, éste no
necesita ninguna capacidad adicional, como sí ocurre en el caso de querer
ejecutar aplicaciones javascript o java. Así pues, cualquier cliente dotado de
un navegador Web básico puede utilizar este tipo de aplicaciones.
Algunos servidores Web importantes son:
 Apache
 IIS
 Cherokee
Otros servidores, más simples pero más rápidos, son:
 lighttpd
 thttpd
g) Página Web
Una página de Internet o página Web es un documento electrónico que contiene
información específica de un tema en particular y que es almacenado en algún
sistema de cómputo que se encuentre conectado a la red mundial de información
denominada Internet, de tal forma que este documento pueda ser consultado por
cualesquier persona que se conecte a esta red mundial de comunicaciones y que
cuente con los permisos apropiados para hacerlo. Una página Web es la unidad
básica del World Wide Web.
Una página Web tiene la característica peculiar de que el texto se combina con
imágenes para hacer que el documento sea dinámico y permita que se puedan
ejecutar diferentes acciones, una tras otra, a través de la selección de texto
remarcado o de las imágenes, acción que nos puede conducir a otra sección
dentro del documento, abrir otra página Web, iniciar un mensaje de correo
electrónico o transportarnos a otro Sitio Web totalmente distinto a través de sus
hipervínculos.
Estos documentos pueden ser elaborados por los gobiernos, instituciones
educativas, instituciones públicas o privadas, empresas o cualquier otro tipo de
asociación, y por las propias personas en lo individual.
h) Sitios Web
Es un conjunto de archivos electrónicos y páginas Web referentes a un tema en
particular, que incluye una página inicial de bienvenida, generalmente denominada
home page, con un nombre de dominio y dirección en Internet específicos.
Un sitio Web (en inglés: Website) es un conjunto de páginas Web, típicamente
comunes a un dominio de Internet o subdominio en la World Wide Web en
Internet. Todos los sitios Web públicamente accesibles constituyen una gigantesca
"World Wide Web" de información.
M.I. BERTHA EVELIA TORRES TORRES
8
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
A las páginas de un sitio Web se accede desde un URL raíz común llamado
portada, que normalmente reside en el mismo servidor físico. Los URL organizan
las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan cómo
el lector percibe la estructura general y cómo el tráfico Web fluye entre las
diferentes partes de los sitios.
Algunos sitios Web requieren una subscripción para acceder a algunos o todos
sus contenidos. Ejemplos de sitios con subscripción incluyen muchos sitios de
pornografía en Internet, parte de muchos sitios de noticias, sitios de juegos, foros,
servicios de correo electrónico basados en Web y sitios que proporcionan datos de
bolsa en tiempo real.
Tipos de sitios Web
Existen muchas variedades de sitios Web, cada uno especializándose en un tipo
particular de contenido o uso, y puede ser arbitrariamente clasificados de muchas
maneras. Unas pocas clasificaciones pueden incluir:













Sitio archivo: usado para preservar contenido electrónico valioso
amenazado con extinción. Un ejemplo es: Internet Archive, el cual desde
1996 ha preservado billones de antiguas (y nuevas) páginas Web.
Sitio weblog (o blog): sitio usado para registrar lecturas online o para
exponer diarios en línea; puede incluir foros de discusión. Ejemplos:
Blogger, Xanga. LiveJournal, WordPress, www.x0101.com.
Sitio de empresa: usado para promocionar una empresa o servicio.
Sitio de comercio electrónico: para comprar bienes, como Amazon.com.
Sitio de comunidad virtual: un sitio donde las personas con intereses
similares se comunican con otros, normalmente por chat o foros. Por
ejemplo: MySpace, Facebook, Hi5, Multiply, Orkut.
Sitio de Base de datos: un sitio donde el uso principal es la búsqueda y
muestra de un contenido específica de la base de datos como la Internet
Movie Database.
Sitio de desarrollo: un sitio el propósito del cual es proporcionar información
y recursos relacionados con el desarrollo de software, diseño Web, etc.
Sitio directorio: un sitio que contiene contenidos variados que están
divididos en categorías y subcategorías, como el directorio de Yahoo!, el
directorio de Google y el Open Directory Project.
Sitio de descargas: estrictamente usado para descargar contenido
electrónico, como software, demos de juegos o fondos de escritorio:
Download, Tucows, Softonic, Baulsoft.
Sitio de noticias: Similar a un sitio de información, pero dedicada a mostrar
noticias y comentarios.
Sitio buscador: un sitio que proporciona información general y está pensado
como entrada o búsqueda para otros sitios. Un ejemplo puro es Google, y el
tipo de buscador más conocido es Yahoo!.
Sitio de subastas: subastas de artículos por internet, como eBay.
Sitio portal: un sitio Web que proporciona un punto de inicio, entrada o
portal a otros recursos en Internet o una intranet.
M.I. BERTHA EVELIA TORRES TORRES
9
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB

Sitios Educativos promueven cursos presenciales y a distancia, información
a profesores y estudiantes, permiten ver o descargar contenidos de
asignaturas o temas.
Diferencia entre sitio Web y página Web
A veces se utiliza erróneamente el término página Web para referirse a sitio Web.
Una página Web es parte de un sitio Web y es un único archivo con un nombre de
archivo asignado, mientras que un sitio Web es un conjunto de archivos llamados
páginas Web.
i) Lenguajes utilizables en la creación de página Web
El servicio de diseño de páginas Web, es de acuerdo a las necesidades y gustos
de los clientes, ya que se brindan propuestas con las tendencias que el sitio Web
pudiera adoptar, los clientes deciden como quiere que sea su página Web,
tomando en cuenta la forma más idónea y efectiva de presentar su empresa y sus
productos en la red de Internet para una mayor penetración en el mercado.
Existen diferentes tecnologías involucradas en desarrollo de páginas Web, en los
distintos niveles de la estructura de la aplicación. Un punto importante son los
lenguajes de programación que se utilizarán en las páginas Web, ya que de estos
lenguajes se deriva el desempeño, rapidez y lógica que las páginas Web tendrán
en la ejecución.
¿Cuál es el mejor lenguaje de programación Web?, en realidad no se puede hacer
una comparación de que lenguaje de programación es el mejor, lo que si se puede
decir, es que haciendo una integración adecuada de diferentes lenguajes, se
puede crear una página o aplicación Web de excelente calidad y con buenas
características.
 HTML
HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite
describir hipertexto, es decir, texto presentado de forma estructurada y agradable,
con enlaces (hyperlinks) que conducen a otros documentos o fuentes de
información relacionadas, y con inserciones multimedia (gráficos, sonido, etc.) La
descripción se basa en especificar en el texto la estructura lógica del contenido
(títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc) así como
los diferentes efectos que se quieren dar (especificar los lugares del documento
donde se debe poner cursiva, negrita, o un gráfico determinado) y dejar que luego
la presentación final de dicho hipertexto se realice por un programa especializado
(como Mosaic, Netscape, Internet Explorer, etc.).
 DHTML
HTML Dinámico es cualquier página Web en la que los scripts en el lado del
cliente cambian el HTML del documento, después de que éste haya cargado
completamente, lo cual afecta a la apariencia y las funciones de los objetos de la
página.
M.I. BERTHA EVELIA TORRES TORRES
10
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
DHTML no es precisamente un lenguaje de programación. Más bien se trata de
una nueva capacidad de la que disponen los navegadores modernos, por la cual
se puede tener un mayor control sobre la página que antes.
Cualquier página que responde a las actividades del usuario y realiza efectos y
funcionalidades se puede englobar dentro del DHTML, pero en este caso nos
referimos más a efectos en el navegador por los cuales se pueden mostrar y
ocultar elementos de la página, se puede modificar su posición, dimensiones,
color, etc.
DHTML nos da más control sobre la página, gracias a que los navegadores
modernos incluyen una nueva estructura para visualizar en páginas Web
denominada capa. Las capas se pueden ocultar, mostrar, desplazar, etc.
 ASP
Active Server Pages (ASP) es un lenguaje que se ejecuta del lado servidor de
Microsoft para el desarrollo de páginas Web generadas dinámicamente, se ha
comercializado como un anexo a Internet Information Services (IIS)
La tecnología ASP está estrechamente relacionada con el modelo tecnológico de
su fabricante. Intenta ser solución para un modelo de programación rápida ya que
programar en ASP es como programar en Visual Basic, por supuesto con muchas
limitaciones.
Se facilita la programación de sitios Web mediante varios objetos integrados,
como por ejemplo un objeto de sesión basada en cookies, que mantiene las
variables mientras se pasa de página a página.
 JAVA SCRIPT
JavaScript es un lenguaje de programación interpretado, es decir, que no requiere
compilación, utilizado principalmente en páginas Web, con una sintaxis semejante
a la del lenguaje Java y el lenguaje C.
Al igual que Java, JavaScript es un lenguaje orientado a objetos propiamente
dicho, ya que dispone de Herencia, si bien ésta se realiza siguiendo el paradigma
de programación basada en prototipos, ya que las nuevas clases se generan
clonando las clases base (prototipos) y extendiendo su funcionalidad.
Todos los navegadores modernos interpretan el código JavaScript integrado
dentro de las páginas Web.
El lenguaje fue inventado por Brendan Eich en la empresa Netscape
Communications, que es la que desarrolló los primeros navegadores Web
comerciales.
Tradicionalmente, se venía utilizando en páginas Web HTML, para realizar tareas
y operaciones en el marco de la aplicación únicamente cliente, sin acceso a
M.I. BERTHA EVELIA TORRES TORRES
11
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
funciones del servidor. JavaScript se ejecuta en el agente de usuario al mismo
tiempo que las sentencias van descargándose junto con el código HTML.
 CSS
Las hojas de Estilo en cascada (Cascading Style Sheets), CSS es un lenguaje
usado para definir la presentación de un documento estructurado escrito en HTML
o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el
encargado de formular la especificación de las hojas de estilo que servirán de
estándar para los agentes de usuario o navegadores.
La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de
un documento de su presentación.
La información de estilo puede ser adjuntada tanto como un documento separado
o en el mismo documento HTML. En este último caso podrían definirse estilos
generales en la cabecera del documento o en cada etiqueta particular mediante el
atributo "style".
 JSP
JavaServer Pages (JSP) es una tecnología Java que permite generar contenido
dinámico para web, en forma de documentos HTML, XML o de otro tipo. Las JSP's
permiten la utilización de código Java mediante scripts. El funcionamiento general
de la tecnología JSP es que el Servidor de Aplicaciones interpreta el código
contenido en la página JSP para construir el código Java del servlet a generar.
Este servlet será el que genere el documento (típicamente HTML) que se
presentará en la pantalla del Navegador del usuario.
La principal ventaja de JSP frente a otros lenguajes es que el lenguaje Java es un
lenguaje de propósito general que excede el mundo web y que es apto para crear
clases que manejen lógica de negocio y acceso a datos de una manera prolija.
Esto permite separar en niveles las aplicaciones web, dejando la parte encargada
de generar el documento HTML en el archivo JSP.
 PERL
Perl es un lenguaje de programación diseñado por Larry Wall en 1987. Perl toma
características del lenguaje C, del lenguaje interpretado shell (sh), AWK, sed, Lisp
y, en un grado inferior, de muchos otros lenguajes de programación.
Estructuralmente, Perl está basado en un estilo de bloques como los del C o AWK,
y fue ampliamente adoptado por su destreza en el procesador de texto y no tener
ninguna de las limitaciones de los otros lenguajes de script.
 PHP
PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor
(inicialmente PHP Tools, o, Personal Home Page Tools). PHP es un lenguaje de
programación interpretado, diseñado originalmente para la creación de páginas
web dinámicas. Se usa principalmente para la interpretación del lado del servidor
M.I. BERTHA EVELIA TORRES TORRES
12
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
(server-side scripting) pero actualmente puede ser utilizado desde una interfaz de
línea de comandos o en la creación de otros tipos de programas incluyendo
aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+
2.1.2. Objetivo y clasificación de página Web
Es importante analizar las principales motivaciones que tenemos para crear una
página Web y sobretodo las estrategias que debemos llevar a cabo para hacerlas
rentables.
Al iniciar una página Web, debemos tener muy clara la estrategia que vamos a
seguir y el ¿por qué? y ¿para qué? queremos tener esa Web.
Objetivos de una página Web son:
El primer objetivo es que la navegación sea rápida y sencilla. Es decir, que la
página que tarde más de 5 segundos en cargar pierde solo por este capítulo
entre un 20 y un 30% de los visitantes. Rápida también se refiere a que es
necesario eliminar esas odiosas páginas iniciales de presentación que tardan
una eternidad en cargar y que solo sirven para lucimiento del diseñador y
alejamiento del negocio, o esas otras de selección de idioma. Que sea sencilla
significa que los menús deben estar bien visibles en la parte izquierda o
superior de la página, lugares a los que se dirige la vista por defecto. La
información no debe estar a más de tres clicks de ratón desde la página
principal y la presentación de la misma debe ser lo más amplia posible.
El segundo objetivo de una Web debe ser que te localicen o encuentren
fácilmente. De nada sirve tener un sitio maravilloso si los usuarios no llegan a
él. Por mucho que se indique http://miempresa.com en las facturas, tarjetas de
visita y la publicidad pocas personas teclearán el nombre de la empresa o el de
la Web directamente en la barra de direcciones del navegador. Muchas de
ellas usarán el buscador preferido (Google, Yahoo, MSN) para localizarla o
llegarán a ella a través de un link publicado en otra Web en la que se hable de
la empresa.
El tercer objetivo y el más difícil de lograr es crear una comunidad dinámica en
torno a la Web. Convertir la Web en un punto de encuentro, hacerla
participativa y usar herramientas tan sencillas como los boletines para
mantener a los usuarios/clientes informados de novedades de interés. Muchas
webs no llegarán a este punto, pero que sepan que si ocupan su esfuerzo en
lograrlo su presencia en Internet será dinámica y no estática y generará
muchas y nuevas oportunidades de negocio, convirtiéndose en un canal de
venta más.
Clasificación de página Web
Existen muchas variedades de sitios Web, cada uno especializándose en un tipo
particular de contenido o uso, y pueden ser arbitrariamente clasificados de muchas
maneras. Unas pocas clasificaciones pueden incluir:
M.I. BERTHA EVELIA TORRES TORRES
13
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
 Comerciales: están creados para promocionar los negocios de una
empresa. Su finalidad es económica. Su audiencia puede estar formada por
clientes, empleados, e incluso la competencia y los medios de
comunicación. Se pueden dividir en corporativas (informan sobre la
empresa) y promocionales (que promocionan productos)
 Informativos: su finalidad principal es distribuir información. La audiencia de
este tipo de sitios depende del tipo de información que distribuyen.
 Ocio: son sitios con finalidad económica, no son sitios fáciles de crear ni
mantener ya que a veces es más importante sorprender al usuario con
innovaciones; a veces siguen reglas propias.
 Navegación: su finalidad es ayudar al usuario a encontrar lo que busca en
Internet; en este grupo se sitúan los llamados portales, que intentan abarcar
prácticamente todo dentro del propio sitio.
 Artístico: son un medio de expresión artística de su creador. Este tipo de
sitios suele saltarse todas las convenciones y las únicas reglas a aplicar
son las que el propio artista desee.
 Personales: Sitios que son un medio de expresión de su creador. Sus
objetivos y su audiencia pueden ser de lo más variado. Dentro de este sitio
se puede hacer de todo, desde colecciones de fotos de la familia hasta
tratados científicos de primer orden.
2.1.3. Estructura de una página Web
El HTML es un lenguaje que permite describir hipertexto, es decir, texto
presentado de forma estructurada y agradable, con enlaces (hyperlinks) que
conducen a otros documentos o fuentes de información relacionadas, y con
inserciones multimedia (gráficos, sonido, etc.).
¿Con qué programa puedo escribir código en HTML?.
Con cualquier editor de texto. Cuanto más sencillo mejor. Valen el Editor del DOS,
el bloc de notas de WIN, o el Notepad de WIN95, solamente que se tiene que
grabar con la extensión HTML.
La estructura es:
La descripción se basa en especificar en el texto la estructura lógica del contenido
(títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc.) así
como los diferentes efectos que se quieren dar (especificar los lugares del
documento donde se debe poner cursiva, negrita, o un grafico determinado). Los
códigos de formato que se incorporan al texto son posteriormente interpretados
por un programa especializado, que se conoce como navegador. Entre los
programas navegadores destacan como más conocidos, Internet Explorer o
Netscape y entre otros.
Un fichero HTML es un fichero de texto con extensión HTM o HTML. En el, se
incluye la información que queremos presentar, pero debemos respetar una
estructura interna que interpretara nuestro navegador.
M.I. BERTHA EVELIA TORRES TORRES
14
SUBMÓDULO 3: ELABORACIÓN DE PÁGINAS WEB
Un documento HTML, siempre comienza con la etiqueta <html>, y siempre termina
con </html>.
Dentro del documento (entre las etiquetas de principio y fin de html), hay dos
zonas bien diferenciadas: el encabezamiento y el cuerpo.

El encabezamiento, viene delimitado por las etiquetas <head>y </head>, que
sirve para definir diversos valores validos en todo el documento.
 El cuerpo, viene delimitado por <body> y </body>, y en él reside la información
del documento.
La única utilidad del encabezamiento en la que nos detendremos es la directiva
<title>, que permite especificar el título de un documento HTML. Este título no
forma parte del documento en sí, no aparece, por ejemplo, al principio del
documento una vez que este se presenta con un programa adecuado, sino que
suele servir como título de la ventana del programa que nos la muestra.
El lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta
significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o
<P> significa un párrafo, <A> es un enlace, etc. Casi todas las etiquetas tienen su
correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe
de afectar la etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de
escribir en negrita. Así que el HTML no es más que una serie de etiquetas que se
utilizan para definir la forma o estilo que queremos aplicar a nuestro documento.
El cuerpo de un documento HTML contiene el texto que, con la presentación y los
efectos que se decidan, se presentará ante el hiperlector. Dentro del cuerpo son
aplicables todos los efectos que se van a mencionar en el resto de esta guía.
Dichos efectos se especifican exclusivamente a través de directivas. Esto quiere
decir que los espacios, tabulaciones y retornos de carro que se introduzcan en el
fichero fuente no tienen ningún efecto a la hora de la presentación final del
documento.
En resumen, la estructura básica de un documento HTML queda de la forma
siguiente:
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
M.I. BERTHA EVELIA TORRES TORRES
Indica el Inicio de página
Inicio de la cabecera
Inicio del título de la página
Final del título de la página
Final de cabecera
Inicio del cuerpo de la página
Final del cuerpo de la página
Final de la página
15