1

ELABORACIÓN DE PÁGINAS WEB

1.1. ANALIZAR LAS TEORIAS DEL DISEÑO

Es práctico distinguir entre los tipos informativos y normativos de estudio arteologico. El último es más usual, porque casi todos los artefactos humanos, incluyendo productos industriales y de los artisanos, se hacen para un propósito definido. Este propósito normativo impregna el producto sí mismo, el proceso de hacerlo, y también la mayoría (pero no todo) de los estudios alrededor de productos. Por supuesto, es posible estudiar productos de una vista informativa, sin intención de mejorar el objeto ni de asistir al diseño de productos similares nuevos.Otra clasificación útil se basa en el número de objetos estudiados y así también en el alcance de validez de los hallazgos, que en otras palabras es la división entre los estudios generales y el estudio de caso. Principalmente el estudio de un objeto no diferencia mucho de estudiar varios objetos, pero en la práctica de investigación hay muchas diferencias.

La teoría del diseño marca las pautas y las bases del diseño gráfico. Tener unos conocimientos sólidos sobre todos los aspectos relacionados con el diseño gráfico determinará, junto con la creatividad del diseñador, la calidad de los diseños realizados por él mismo

La teoría del diseño es una denominación colectiva para todo el conocimiento permanente que se piensa asistir al diseño de varios productos nuevos. Esta información ha sido reunida en su mayor parte por un gran número de proyectos

1

ELABORACIÓN DE PÁGINAS WEB

de investigación. Correspondiendo a los enfoques usuales de investigación, la información está esencialmente de dos tipos: 1. Conocimiento nomotético: reglas generales que se han recolectado de varios productos diferentes. A este grupo pertenecen: o regulaciones gubernamentales o estándares para propiedades y calidades de productos o patentes o herramientas para el diseño, como algoritmos, consejos, reglas que no fallan. 2. Conocimiento ideográfico que realmente se refiere sólo a productos individuales pero que no obstante se puede generalizar a otros productos también: o ejemplares, productos meritorios producidos más temprano, o sus detalles, o estándares para productos completos o los componentes prefabricados que son disponibles para algunos productos (e.g. los edificios y computadoras) se basan a menudo en investigación y ellos así pueden ser dicho "contienen" conocimiento teórico

El minimalismo está catalogado como un movimeinto artístico de los años 60's del siglo pasado. Comenzó por representaciones de tipo tridimensional de formas básicas y regularmente geométricas como las de Sol le Witt, pero también contó con algunas manifestaciones bidimensionales. El minimalismo se basó siempre en la utilización de elementos simples, en los que no importaba nada más que el objeto en sí, no había título, no existía una representación de algo.

Actualmente también existe la tendencia minimalista en el diseño de modas o de mobiliario, así como en la arquitectura (hay muy buenos ejemplos).

El arte conceptual o conceptualismo se basó en la primacía de la idea o concepto por encima de la técnica o forma final del objeto. Es más, no solo se limitó a objetos bi o tridimensionales (escultura o pintura), sino que incursionó en los actos, como es el caso del happening o el performance, así como también en el video. Cuando se contem`la una obra conceptual no se ve nada más que el medio por el cual el artista intentó transmitirnos una idea. Muchas veces solo vemos las instrucciones de cómo realizar un proceso en el cual intervendremos de modo activo en la obra, siendo nosotros los hacedores de la misma

1.2. IDENTIFICAR EL IMPACTO Y EL ENFOQUE EN DISEÑOS EXISTENTES.

El diseño de nuevos productos es crucial para la supervivencia de la mayoría de las empresas. Aunque existen algunas firmas que experimentan muy poco cambioen sus productos, la mayoría de las

1

ELABORACIÓN DE PÁGINAS WEB

compañías deben revisarlas en forma constante. En las industrias que cambian con rapidez, la introducciónde nuevos productos es una forma de vida y se han desarrollado enfoques muy sofisticados para presentar nuevos productos. El diseño del producto casi nunca es responsabilidadúnica de la función de operaciones, sin embargo ésta se ve muy afectada por la introducción de nuevos productos y viceversa. La función de operaciones es el "receptor" de la introducción de nuevos productos. Al mismo tiempo, estos nuevos productos se ven limitados por las operaciones existentes y la tecnología. Por lo tanto, resulta extremadamente importante comprender el proceso de diseño de nuevos productos así como su interacción con las operaciones.Las decisiones sobre el producto afectan a cada una de las áreas de toma de decisiones de operaciones, por lo tanto, las decisiones sobre los productos deben coordinarse de manera íntima con las operaciones para asegurarse de que esta área queda integrada con el diseño del producto. A través de una cooperación íntima entre operaciones y mercadotecnia, la estrategia del mercado y la estrategia del producto se pueden integrar con las decisiones que se relacionan con el proceso, la capacidad, inventarios, fuerza de trabajo y calidad.La definición del producto es el resultado del desarrollo de una estrategia empresarial. Por ejemplo, la estrategia empresarial podría exigir una línea de productos completa para servir a un sector particular de los clientes. Como resultado, se definirán nuevos productos para completar la línea de productos. Estas definiciones de nuevos productos se convierten entonces en un insumo para la estrategia de operaciones y las decisiones de operaciones se ajustan para acoplarse a la estrategia de nuevos productos. Al tener una participación activa desde el comienzo, las operaciones pueden asumir un papel de apoyo externo de etapa 4 en términos de su estrategia de operaciones y toma de decisiones.El diseño del producto es un pre requisito para la producción al igual que el pronóstico de volumen. El resultado de la decisión del diseño del producto se transmite a operaciones en forma de especificaciones del producto. En estas especificaciones se indican las características que se desea tenga el producto y así se permite que se proceda con la producción.

1.3.DISEÑAR FORMATOS CONSIDERANDO LAS ZONAS AUREAS, DIRECCION,SENTIDO Y EQUILIBRIO.

çToda obra de comunicación visual nace de la necesidad de transmitir un mensaje específico. Undiseñador gráfico no es un creador de formas, sino un creador de comunicaciones, un

1

ELABORACIÓN DE PÁGINAS WEB

profesionalque mediante un método específico (diseño) construye mensajes (comunicación) con mediosvisuales (grafismos). No es el creador del mensaje, sino su intérprete.El principal componente de toda composición gráfica es pues el mensaje a interpretar, la información que se desea hacer llegar al destinatario a través del grafismo. Esta información se debe representar por medio de diferentes elementos gráficos, que pueden ser muchos y variados,aunque los más comunes son:•Elementos gráficos simples: puntos y líneas de todo tipo (libres, rectas, quebradas curvas,etc.)•Elementos geométricos, con contorno o sin él: polígonos, círculos, elipses, óvalos, etc.•Tipos: letras de diferentes formas y estructura, utilizadas para presentar mensajes textuales.•Gráficos varios: logotipos, iconos, etc.•Ilustraciones•Fotografías•Cualquier otro elemento visual apto para comunicar un mensaje.a .  Z O N A S A U R E A S .

La creó Vitruvio, la autoridad romana en arquitectura. Ideó un sistema de cálculo matemático dela división pictórica,

1

ELABORACIÓN DE PÁGINAS WEB

para seccionar los espacios en partes iguales y así conseguir una mejor composición. Se basa en el principio general de contemplar un espacio rectangular dividido, agrandes rasgos, en terceras partes, tanto vertical como horizontalmente. La escala se utiliza en planos y mapas para la representación de una medición proporcional real.La medición nos permite adecuarnos a la realidad, pero más importante es lo que colocamos junto al objeto visual o el marco en el que está colocado. La medición universal es la propiamedida del hombre, el tamaño medio de las proporciones humanas.La pregunta que hacen todos los diseñadores es: ¿cómo podemos distribuir el espacio de diseñode una forma acertada? Pues bien, no hay una norma que nos indique la división perfecta, peroexiste una fórmula muy conocida en el mundo del diseño, que permite dividir el espacio en partesiguales, para lograr un efecto estético agradable y que puede llegar a ser muy eficaz. Esta teoríase denomina

"La regla Áurea", también conocida como"sección áurea".b. DIRECCION Y SENTIDO.

En la comunicación visual el diseñador tendrá que tener en cuenta tanto la vertiente psicológicade la percepción humana como las significaciones culturales que pueden tener ciertos elementos.El diseñador gráfico es una especie de arquitecto del espacio gráfico y debe distribuir loselementos en función de una estructura interna que tenga una significación, guía o intencióncoincidente con el mensaje que se quiera transmitir. Esta estructura será la responsable de laelección cromática y su

1

ELABORACIÓN DE PÁGINAS WEB

intencionalidad expresiva, de la elección de las imágenes o de ladisposición de los bloques de texto.

1.4.APLICAR LA TEORIA DEL COLOR CONSIDERANDO EL CIRCULO CROMATICO,CONTRASTES, EL RGB Y CMY.

Empezaremos diciendo que el color en sí no existe, no es una característica del objeto, es másbien una apreciación subjetiva nuestra. Por tanto, podemos definirlo como, una sensación que seproduce en respuesta a la estimulación del ojo y de sus mecanismos nerviosos, por la energíaluminosa de ciertas longitudes de onda.El color es pues un hecho de la visión que resulta de las diferencias de percepciones del ojo ad i s t i n t a s l ong i t udes de onda que componen l o que s e denomina e l " e spec t ro" de l uz b l anca reflejada en una hoja de papel. Estas ondas visibles son aquellas cuya longitud de onda estácomprendida entre los 400 y los 700 nanómetros; más allá de estos límites siguen existiendoradiaciones, pero ya no son percibidos por nuestra vista.En las artes gráficas tenemos dos grandes categorías con respecto al color, imagen en color e imagen en b l anco y neg ro , en é s t a s ú l t imas podemos d i f e r enc i a r : - imágenes a p luma . - imágenes t r amadas : med i an t e d i f e r en t e s t i pos de g r i s . As imi smo , l a s imágenes en co lo r s e pueden dividir en dos categorías: - colores planos: manchas uniformes de color. - degradados,t amb ién t r amadas . E l co lo r e s un e l emen to bá s i co a l a ho ra de e l abo ra r un mensa j e v i sua l . Muchas veces, el color no es un simple atributo que recubre la forma de las cosas en busca de lafidelidad reproducida. A pesar de que, sin el color la forma permanece, con frecuencia el Mensajeses, precisamente, el Color, o lo que sólo puede expresarse por el Color.E l co lo r e s t á p r e sen t e en t odos l o s a spec to s de l a i den t i dad empre sa r i a l y de marca . En l a identidad, las empresas pueden hacer que el color sea el principal elemento de su identidadutilizando un único color o una paleta de colores como parte de su identidad visual. Si el color seemplea uniformemente en una serie de elementos de la identidad, se termina convirtiendo en larúbrica de la empresa.d . C I R C U L O C R O M A T I C O .E l o j o h u m a n o p u e d e d i s t i n g u i r e n t r e 1 0 . 0 0 0 c o l o r e s . S e p u e d e n a d e m á s e m p l e a r t r e s d i m e n s i o n e s f í s i c a s d e l c o l o r p a r a r e l a c i o n a r e x p e r i e n c i a s d e p e r c e p c i ó n c o n p r o p i e d a d e s m a t e r i a l e s : s a t u r a c i ó n , b r i l l a n t e z y t o n o . E l c í r c u l o c r o m á t i c o n o s s i r v e p a r a o b s e r v a r l a o r g a n i z a c i ó n b á s i c a y l a i n t e r r e l a c i ó n d e l o s c o l o r e s . T a m b i é n l o p o d e m o s e m p l e a r c o m o f o r m a p a r a h a c e r l a s e l e c c i ó n d e c o l o r q u e n o s p a r e z c a a d e c u a d a a n u e s t r o d i s e ñ o . P o d e m o s e n c o n t r a r d i v e r s o s c í r c u l o s d e c o l o r , p e r o e l q u e a q u í v e m o s e s t á c o m p u e s t o d e 1 2 c o l o r e s b á s i c o s . D e n t r o e n c o n t r a m o s e l n e g r o , q u e s e p r o d u c e g r a c i a s a l a m e z c l a d e t o d o s e l l o s . E n e s t e c í r c u l o c r o m á t i c o p o d e m o s e n c o n t r a r : •

1

ELABORACIÓN DE PÁGINAS WEB

l o s c o l o r e s p r i m a r i o s :r o j o , a z u l y a m a r i l l o ;•l o s s e c u n d a r i o s :v e r d e , v i o l e t a y n a r a n j a ;•y l o s t e r c i a r i o s :  r o j o v i o l á c e o , r o j o a n a r a n j a d o , a m a r i l l o a n a r a n j a d o , a m a r i l l o v e r d o s o , a z u l v e r d o s o y a z u l v i o l á c e o .e.RGB (RED, GREEN, BUE) y CMY (CYAN, MAGENTA, YELLOW)Los tonos secundarios se obtienen al mezclar partes iguales de dos primarios; los tonos terciariosse consiguen al mezclar partes iguales de un tono primario y de un secundario adyacente. Losprimarios son colores que se consideran absolutos y que no pueden crearse mediante la mezclade otros colores. Sin embargo, mezclar los primarios en diversas combinaciones crea un númeroin f i n i t o de co lo r e s . Depend i endo de qué ámb i to , podemos encon t r a r t r e s j uegos de co lo r e s primarios: √Los artistas y diseñadores parten de un juego formado por elrojo, el amarillo y el azul.M e z c l a n d o p i g m e n t o s d e é s t o s c o l o r e s p u e d e n o b t e n e r s e t o d o s l o s d e m á s t o n o s .√El segundo juego de primarios es el del rojo, verde y el azul,conocidos comoprimariosaditivos. Son l o s p r ima r io s de l a l uz y s e u t i l i z an en e l c ampo de l a c i enc i a o en l a formación de imágenes de monitores. Si se mezclan en distintos tantos por ciento, formanotros colores y si lo hacen en cantidades iguales producen la luz blanca.√El tercer juego se compone de magenta, amarillo y cyan.Se tratan de losprimariossustractivosy son l o s emp leados po r l o s impre so re s . En impren t a , l a s epa rac ión de colores se realiza utilizando filtros para restar luz de los primarios aditivos, con lo que seobtienen los colores de impresión por proceso sustractivo.f . C O N T R A S T E S . El tono:Es el matiz del color, es decir el color en sí mismo, supone su cualidad cromática, es-simplemente- un sinónimo de color. Es la cualidad que define la mezcla de un color con blanco ynegro. Está relacionado con la longitud de onda de su radiación. Según su tonalidad se puededecir que un color es rojo, amarillo, verde... Aquí podemos hacer una división entre:•

1

ELABORACIÓN DE PÁGINAS WEB

tonos cálidos (rojo, amarillo y anaranjados). Aquellos que asociamos con la luz solar, elfuego...•y tonos fríos (azul y verde). Los colores fríos son aquellos que asociamos con el agua, laluz de la luna ...Los términos "cálido" y "frío" se utilizan para calificar a aquellos tonos que connotan dichascualidades; éstos términos se designan por lo que denominamos "temperatura de color". Lasdiferencias entre los colores cálidos y los fríos pueden ser muy sutiles. Por ejemplo, el papelblanco puede parecer más cálido o más frío por una leve presencia de rojo o azul. Lo mismoocurre con el gris y el negro.La brillantez:Tiene que ver con la intensidad o el nivel de energía. Es la luminosidad de un color(la capacidad de reflejar el blanco), es decir, el brillo. Alude a la claridad u oscuridad de un tono.Es una condición variable, que puede alterar fundamentalmente la apariencia de un color. Laluminosidad puede variar añadiendo negro o blanco a un tono.En general, con los tonos puros que tienen un valor más luminoso (amarillo, naranja, verde) seconsiguen las mejores variantes claras, mientras que los tonos puros que tienen normalmente unvalor normalmente menos luminoso (rojo, azul, violeta) ofrecen las mejores variantes oscuras.La saturación:Es t á r e l a c ionada con l a pu reza c romá t i ca o f a l t a de d i l uc ión con e l b l anco . Constituye la pureza del color respecto al gris, y depende de la cantidad de blanco presente.Cuanto más saturado está un color, más puro es y menos mezcla de gris posee

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 Web2.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

1

ELABORACIÓN DE PÁGINAS WEB

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 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:

1

ELABORACIÓN DE PÁGINAS WEB

Clasificación Significado Ejemplo.com (en algunos países, .co) Es una compañía u

organización comercial. Ford.com Bancomer.com

.edu (en algunos países, .ac) Es una institución de educación, universidades, colegios, institutos o centros de investigación.

mit.edu harvard.edu cecytes.edu Itson.edu

.gob (en algunos países .gov) Se trata de organizaciones del gobierno.

sonora.gob presidencia.gob

.mil Es una institución militar. armada.mil.co defenselink.mil army.mil

.net Se trata de algún nodo administrativo o de conexión de un proveedor de servicios, o de alguna entidad de servicios.

internic.net Prodigy.net

.org Se utiliza para organizaciones que no entren en ninguna de las categorías anteriores, por ejemplo organizaciones sin fines de lucro.

Ife.org.mx educar.org vidahumana.org cndh.org.mx greenpeace.org conevyt.org.mx

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.

1

ELABORACIÓN DE PÁGINAS WEB

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. 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 wwwEn el mundo existen un cierto número de ordenadores, llamados servidores WWW, en los cuales se graban las informaciones.

1

ELABORACIÓN DE PÁGINAS WEB

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 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ónicoEl 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

1

ELABORACIÓN DE PÁGINAS WEB

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 www.hotmail.comYahoo www.yahoo.com.mxMixmail www.mixmail.comLatinmail www.latinmail.comGmail www.gmail.com

d) NavegadoresLa 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 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.

1

ELABORACIÓN DE PÁGINAS WEB

Los navegadores mayormente utilizados hoy en día son Netscape Communicator, Microsoft Internet Explorer y Mozilla.

e) BuscadoresLa 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 http://www.altavista.com

Yahoo! http://www.yahoo.com.mx

Lycos http://www.lycos.com

Infoseek http://infoseek.go.com

Google http://google.com

Excite http://www.excite.com

Open Text http://www.opentext.com

Planet Search http://www.planetsearch.com

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

1

ELABORACIÓN DE PÁGINAS WEB

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, 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

1

ELABORACIÓN DE PÁGINAS WEB

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 WebEs 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.

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.

1

ELABORACIÓN DE 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.

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

1

ELABORACIÓN DE PÁGINAS 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.

HTMLHTML (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.).

DHTMLHTML 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.

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.

1

ELABORACIÓN DE PÁGINAS WEB

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.

ASPActive 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 SCRIPTJavaScript 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 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.

CSSLas 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.

1

ELABORACIÓN DE PÁGINAS WEB

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".

JSPJavaServer 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.

PERLPerl 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.

PHPPHP 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 (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 WebEs 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.

1

ELABORACIÓN DE PÁGINAS WEB

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 WebExisten 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:

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.

1

ELABORACIÓN DE PÁGINAS WEB

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.

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.

1

ELABORACIÓN DE PÁGINAS WEB

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> Indica el Inicio de página<HEAD> Inicio de la cabecera

<TITLE> Inicio del título de la página</TITLE> Final del título de la página

</HEAD> Final de cabecera<BODY> Inicio del cuerpo de la página</BODY> Final del cuerpo de la página

</HTML> Final de la página