Los medios de comunicación masiva son instrumentos que favorecen el

intercambio de ideas entre un reducido número de personas. Cuando se pretende

que el mensaje a transmitir llegue a un público mayor, hacemos referencia a los
medios de comunicación masivos. Éstos son precisamente los que vamos a estar
manejando a lo largo de nuestra primera clase.

 Probablemente la primera forma de comunicación entre humanos fue la de

los signos y señales empleados en la Prehistoria. Desde ese entonces se
realizaban dibujos en paredes, que reflejaban los acontecimientos que les
sucedían a los seres humanos de aquellos tiempos, como la caza y la
recolección.
 La aparición de la escritura se toma como hito de inicio de la historia. A
partir de ese momento, los cambios económicos y sociales fueron
impulsando el nacimiento y desarrollo de distintos medios de comunicación.
Los vinculados a la escritura y su mecanización (imprenta, siglo XV) como
la creación del periódico y la revista.
 Después vinieron los medios audiovisuales ligados a la era de la
electricidad (primera mitad del siglo XX) como la radio y la televisión.
 Por último la revolución de la informática y las telecomunicaciones
(revolución científico-técnica, o tercera Revolución Industrial, desde la
segunda mitad del siglo XX), en la cual todavía seguimos a un paso
acelerado, principalmente con la creación de internet.

Clasificación de los medios de comunicación

Medios primarios. Medios ´propios, se refiere al lenguaje verbal y no verbal de

aquel que transmite el mensaje.

Medios secundarios, maquinas. Se refiere a los recursos generadios por una

máquina (revistas, libros, periódicos, etc=,.

Medios terciarios, medios electrónicos. Aquellos queutilizan la tecnología para

ser productivos: radio, televisiopn.

Cuaternarios,. Medios digitales. También conocidos como los nuevos medios

de comunicación. Medios digitales.

Periódico

El periodismo es considerado por algunos autores como "El cuarto poder" de las
grandes democracias occidentales (los tres primeros son los que establecen las
constituciones modernas: poder ejecutivo, legislativo y judicial), por el poder de
influencia que tiene en los lectores.
Es de la antigua Roma de donde también proceden quienes se pueden considerar
como los primeros "periodistas": los llamados subrostani, que se ganaban la vida
vendiendo noticias o fabricando informaciones sensacionalistas.

Por otra parte, en la Edad Media abundaron los "avisos", hojas sueltas escritas a
mano, sin firma, y tan sólo con la fecha y el nombre de la ciudad, en las que se
informaba de los movimientos de los barcos y que recogían las declaraciones de
marineros o peregrinos.

rollover

Asimismo, el nacimiento de la imprenta, en el siglo XV, permitió que se pudiera

imprimir, dar forma y difundir las informaciones que hasta ese momento habían
sido expuestas en simples hojas sueltas escritas a mano y supuso la desaparición
de las hojas manuscritas. También posibilitó la periodicidad en las publicaciones
dando inicio a la prensa.

Teléfono

¿Cuál es el teléfono más caro del mundo? El GoldVish LeMillion. Este teléfono
cuesta alrededor de 1.2 millones de dólares, o sea, aproximadamente 15 millones
600 mil pesos.

Este teléfono es una pieza única, está hecho con oro blanco de 18 kilates y lleva
incrustados 120 kilates de diamantes.

El teléfono es un dispositivo de telecomunicación diseñado para transmitir

conversaciones por medio de señales eléctricas.

Durante mucho tiempo Alexander Graham Bell fue considerado el inventor del
teléfono, junto con Elisha Gray. Sin embargo, Bell no fue el inventor de este
aparato, sino solamente el primero en patentarlo. Esto ocurrió en 1876. El 11 de
junio de 2002 el Congreso de Estados Unidos aprobó la resolución 269, por la que
se reconocía que el inventor del teléfono había sido Antonio Meucci, que lo llamó
teletrófono, y no Alexander Graham Bell. En 1871 Meucci sólo pudo, por
dificultades económicas, presentar una breve descripción de su invento, pero no
formalizar la patente ante la Oficina de Patentes de Estados Unidos de
Norteamérica.

Como sabes el sistema de marcación del teléfono era mecánico (en algunos caso
lo sigue siendo), aquel disco que daba vueltas. En nuestros días ya se usa el
marcado por tonos, en donde sólo presionas el número, no tienes que darle toda
una vuelta al disco. Incluso los últimos avances tecnológicos te permiten marcar el
número con sólo decirlo en voz alta

Radio

¿Cuál fue la primera radiodifusión de audio en la historia? La Nochebuena de

1906, Reginald Fessenden transmitió desde Brant Rock Station (Massachusetts,
Estados Unidos) la primera radiodifusión de audio de la historia. Así, buques en el
mar pudieron oír una radiodifusión que incluía a Fessenden tocando al violín la
canción "O Holy Night" (Oh, santa noche) y leyendo un pasaje de la Biblia.

La primera emisión se realizó en Buenos Aires tres meses antes, el 27 de agosto

de 1920. Ese día, a través de la instalación de una antena y un transmisor en el
techo del Teatro Coliseo Argentino, se transmitió la ópera Parsifal de Richard
Wagner. Los acordes fueron escuchados a la distancia por unos pocos porteños
que contaban con equipos receptores. La transmisión resultó exitosa, más allá de
algunos ruidos producidos por la estática.

La radio hacia 1945 vivió su etapa de esplendor. En 1960 el mundo contaba con
mas de 12 mil emisoras y la radio continuaba siendo el medio de comunicación de
masas más importante. Sin embargo, en poco tiempo sería superada en audiencia
por su principal competidora: la televisión.

La radio es una tecnología que posibilita la transmisión de señales mediante la

modulación de ondas electromagnéticas. Por su alcance electromagnético le era
mucho más fácil poder llegar a lugares lejanos.

A partir de una serie de inventos efectuados en el campo de la electricidad, la

telegrafía y la telefonía se desarrolló lo que conocemos como "la radio". A fines del
siglo XIX, un físico de origen italiano unificó los avances en estos campos y
realizó, en 1901, la primera transmisión transatlántica sin cables de voces
humanas. Había nacido la radio.

Cine
¿Cuál es el país que más películas produce al año? El país que más películas
produce no es Estados Unidos, como se podría pensar, sino ¡India!, con alrededor
de mil producciones cinematográficas al año. ¿La razón? La mayoría de la gente
no tiene televisor y los boletos de cine resultan mucho más baratos.

Televisión

¿Cuál es la televisión más grande del mundo? Hasta principios del 2010, la
pantalla de televisión de alta definición más grande del mundo pertenece al equipo
de futbol americano Vaqueros de Dallas. Esta televisión de alta definción mide
48.7 metros de largo y 21.9 de alto.

En 1926 el físico británico, John Logie Baird desarrolló la primera televisión. Un

año después, la cadena de televisión inglesa BBC produjo las primeras emisiones.
Tres años más tarde, en 1930, Estados Unidos entró al mercado televisivo con sus
canales CBS y NBS. Estas primeras emisiones no tenían horarios fijos.

Fue en la década de los 50 cuando la televisión se abrió a diferentes países del

mundo. Fue a partir de 1970, con la aparición de la televisión a color, que los
televisores experimentaron un crecimiento enorme.

A medida que la audiencia televisiva se incrementaba por millones, hubo otros

sectores de la industria del ocio que sufrieron drásticos recortes de patrocinio; la
industria del cine comenzó su declive con el cierre de muchos locales.

En la actualidad, existen más de 300 canales de televisión y una audiencia de 200

millones de personas, y hay más de 60 millones de televisiones distribuidas a nivel
internacional.

Sin embargo, lo más actual en medios de comunicación es el internet, pero éste

será tema para las siguientes clases.

La globalización de la información es el fenómeno que se ha dado desde que los

medios son más accesibles para todos (internet) y las herramientas están a la
mano y son más fáciles de manejar (Tecnologías de la información y la
comunicación).

La información puede recorrer el mundo varias veces y desde cada punto del
globo terráqueo. Hoy día, en la era de internet, cada uno de nosotros puede
transformarse en un vehículo de información, como en el caso del fenómeno de
los blogs en internet.

El término sociedad de la información surge partir de los años 60; se refiere

básicamente a que los medios de generación de riqueza poco a poco se están
trasladando de los sectores industriales a los sectores de servicios. En las
sociedades modernas la mayor parte de los empleos ya no estarán asociados a
las fábricas de productos tangibles, sino a la generación, almacenamiento y
procesamiento de todo tipo de información. Es por eso que los sectores
relacionados con las tecnologías de la información y la comunicación (TIC)
desempeñan un papel muy importante.

Internet: breve historia

Internet tuvo su origen a partir de 1958, cuando el gobierno de Estados Unidos

estaba ideando una manera de hacer que las comunicaciones no se perdieran, a
pesar de las guerras que sostenían (en aquel tiempo era la Guerra Fría). De ahí se
originó la idea de formar un medio de comunicación que soportara la transmisión
de datos e información.

A partir de ese momento la agencia encargada de realizar este proyecto,

ARPANET, realizó varios enlaces a distancia entre dos computadoras o más,
generando una red conectada entre varias computadoras alrededor del mundo.

Para 1980 ya existían cerca de 100 mil computadoras conectadas.

El proyecto perseguía en un principio fines militares, después académicos, para

finalmente en 1991 extender el medio y el servicio para todo mundo, en lo que
llamamos la web o WWW.

La web

En 1990 un físico llamado Tim Berners unió internet con el lenguaje de marcado
HTML, creando lo que ahora conocemos como World Wide Web o WWW.

La World Wide Web, cuya traducción podría ser Red Global Mundial o "Red de
Amplitud Mundial", es un sistema de documentos de hipertexto enlazados y
accesibles a través de internet. Con un navegador web, un usuario visualiza sitios
de internet compuestos de páginas web que pueden contener texto, imágenes,
videos u otros contenidos multimedia, y navega a través de ellas usando
hiperenlaces.
La web

En 1990 un físico llamado Tim Berners unió internet con el lenguaje de marcado
HTML, creando lo que ahora conocemos como World Wide Web o WWW.

La World Wide Web, cuya traducción podría ser Red Global Mundial o "Red de
Amplitud Mundial", es un sistema de documentos de hipertexto enlazados y
accesibles a través de internet. Con un navegador web, un usuario visualiza sitios
de internet compuestos de páginas web que pueden contener texto, imágenes,
videos u otros contenidos multimedia, y navega a través de ellas usando
hiperenlaces.

¿Qué es una página web?

También conocida como página de internet, es un documento adaptado para la

web y que normalmente forma parte de un sitio web. Su principal característica
son los hiperenlaces a otras páginas, siendo esto el fundamento de la red.

¿Qué es un sitio web?

Un sitio web (en inglés website o web site) es un sitio (localización) en la World
Wide Web que contiene documentos (páginas web) organizados jerárquicamente.

Cada documento (página web) contiene texto y/o gráficos que aparecen como
información digital en la pantalla de una computadora.

Cada sitio web tiene una página de inicio (en inglés Home Page), que es el primer
documento que ve el usuario cuando entra en el sitio web poniendo el nombre del
dominio de ese sitio web en un navegador. El sitio normalmente tiene otros
documentos (páginas web) adicionales.

Cada sitio pertenece y es gestionado por un individuo, una compañía o una

organización (webmaster).

¿Qué contiene una página web?

Una página web está compuesta principalmente por información (sólo texto o
multimedia) e hiperenlaces; además puede contener o asociar dos tipos de
elementos: datos de estilo para especificar cómo debe visualizarse, o aplicaciones
embebidas (incrustadas en el código de la página) para hacerla interactiva.

Un servidor web es la computadora que almacena y administra los sitios web. Éste
es propiedad de las compañías que ofrecen hosting.

Los archivos de cada sitio web se almacenan y se ejecutan en el servidor.

Hay muchos servidores de internet, todos ellos tienen como función común la
tarea de proporcionar el acceso a los archivos y servicios de la web. Cuando los
usuarios se conectan a un servidor pueden acceder a programas, archivos y otra
información contenida en él, como en el caso de alguna página en la que puedas
descargar un archivo de texto o de video.

Un dominio de internet es el nombre de un servidor de internet que facilita recordar

de forma más sencilla la dirección IP, por ejemplo: tallerdepaginasweb.com.mx

Todos los servidores y páginas de internet tienen una dirección numérica que se
conoce como dirección IP (Protocolo de internet), por ejemplo: 216.29.152.110

ipos de dominios

En general, hay dos tipos de dominios de internet: internacionales o Top Level

Domains, y territoriales o Country Code Top Level Domain.

1. Internacionales o Top Level Domains (TLD)

Este tipo de dominios son los que no delimitan a una página como perteneciente a
una región en particular. En los últimos años, en un intento por vender más
dominios han surgido nuevas terminaciones para dominios internacionales, sin
embargo, los principales son: .com, .net y .org.

2. Territoriales o Country Code Top Level Domain (ccTLD)

Los dominios regionales fueron otorgados para cada país y su terminación es la

abreviación del país. Por ejemplo: .com.mx (México), .com.ar (Argentina) y .com.br
(Brasil).

Partes de un dominio

Los dominios están formados por dos partes:

1. El nombre

El nombre del dominio es el que contiene generalmente la razón social, marca o

nombre de la página. Por ejemplo en tallerdepaginasweb.com.mx, el nombre del
dominio es "tallerdepaginasweb".

2. La extensión
La extensión del dominio identifica el tipo de dominio que es (esto se explica más
adelante). Por ejemplo en tallerdepaginasweb.com.mx, la extensión es ".com.mx".

El código que utilizan los servidores para darnos acceso a la información solicitada
es de tipo numérico. Los dominios fueron creados para evitarnos la tarea de
recordar el código específico de las páginas y servidores web que deseamos
consultar.

Por ejemplo, cuando escribimos en internet el

dominio tallerdepaginasweb.com.mx, el servidor de nombres de dominio, el cual
está vinculado al proveedor de web hosting de dicho dominio, nos proporciona la
dirección IP 216.29.152.110, y nuestro navegador buscará esa dirección numérica
para darnos acceso a la información.

¿Cómo localizamos una página de internet?

Una página de internet se visualiza por medio de cualquier browser o buscador de

internet, ya sea Internet Explorer, Firefox, Opera, entre otros.

¿cómo las localizamos dentro del inmenso espacio de información que es

internet?

Para encontrar y visualizar una página de internet que estamos buscando tenemos
que conocer dos conceptos que están relacionados con todo buscador (ya sea
Google, Yahoo!, entre otros) en internet, éstos son:

Indexación: se refiere al listado de dominios que arrojan los buscadores como

Google y Yahoo. Fungen como elemento básico para localizar la página web que
contiene la información que buscamos.

Metatags: etiquetas invisibles incorporadas al encabezado de la página web. Tiene

como objetivo facilitar el buen funcionamiento del buscador al incluir información
(metadatos) de referencia para la página web específica.

a estructura de la página web define la claridad de su contenido, permitiendo que

el lector se sienta cómodo al consultarla. Si no cuidamos la estructura de la página
que estamos desarrollando, posiblemente provoquemos que el lector opte por
abandonarla. Recuerda, el desarrollo de una página web se hace para beneficio
del lector, quien no conoce lo mismo que tú. Tu página debe ser siempre sencilla,
pero completa.

Elementos que puede contener una página web para hacerla más interactiva:
Formularios: herramientas que permiten al usuario interactuar con la persona que
administra la página. Pueden ser usadas para dejar comentarios, suscribirse a
algún servicio o hacer pedidos.

Sistema de búsquedas: esta función permite que el lector pueda seleccionar un

texto de su interés sin necesidad de revisar todo el contenido (esa función es
básica en páginas con contenido extenso).

Contenido multimedia: el uso de imágenes, videos y animaciones dentro de una

página web favorece la interacción del usuario con la información.

a) La combinación adecuada de texto, imágenes, videos, sonidos y

animaciones favorece la satisfacción del usuario, ya que le permite interactuar con
la información que se le presenta.

b) Otro elemento que se puede utilizar para generar una comunicación activa
con el usuario son las respuestas automáticas al usuario (se utiliza cuando se le
pide al usuario realizar acciones específicas dentro de la página).

Tipos de estructuras de páginas web

1. Jerárquica: pasa de los datos generales a los específicos. Es semejante al

árbol, todas las ramas están interrelacionadas entre sí y se alimentan del
mismo tronco.

2. Lineal: permite recorrer la información de manera horizontal (cómo leer

un libro). Se recomienda utilizarlo en las páginas diseñadas para exponer
tutoriales o visitas guiadas.

3. Lineal con jerarquía: combinación de la jerárquica y la lineal. La

organización de contenido es jerárquica, y el usuario puede acceder a él de
forma lineal.

4. Red: no lleva un orden, es útil para simular el recorrido de una ciudad,

por ejemplo. Al usarlo podemos provocar que el usuario se pierda de cierto
contenido.

Organización de una web

El primer paso para trabajar en el diseño de nuestro sitio web es la elaboración

de un boceto. Hacerlo nos va a permitir cuidar que la presentación de los
contenidos sea la adecuada, considerando el perfil de usuario que tenemos
proyectado. Además, será un instrumento fundamental para hacer
modificaciones precisas en el momento que sea necesario.
 Al elaborar tu boceto deberás tomar en cuenta el diagrama que se muestra
enseguida:

1. Objetivos: deben ser sencillos, es necesario tomar en cuenta las

características de nuestros posibles lectores, ya que nos permitirán definir
los contenidos que debemos incluir.
2. Contenidos: la relevancia del contenido depende de su relación con el
objetivo. Deben tener una extensión media. En caso de ser muy largos, hay
que separarlos en subtemas. Si son muy cortos, se deben agrupar en un
tema más general
3. Organización: para eso hay que estructurar la información recopilada en
un conjunto de páginas web. Podemos crear una estructura propia, pero lo
más lógico es guiarnos por una estructura clásica.
4. Secuenciación: es la elaboración de la trama de vínculos que nos permiten
navegar entre las páginas de un sitio. En esta etapa podemos empezar a
generar ideas sobre el tipo de gráficos que queremos usar y su ubicación.
Se puede utilizar un "tablero de secuencia", que es un esquema gráfico que
nos ayudará a recordar en todo momento dónde encaja cada página en el
aspecto global de la presentación.
5. Revisión de objetivos: es el último paso antes de empezar a trabajar con
HTML (tema de la próxima clase). Es revisar si nuestro "tablero de
secuencia" cubre los objetivos.

HTML

Es el lenguaje con el que se escriben las páginas web. Dichas páginas pueden
ser vistas por el usuario mediante la aplicación conocida como navegador
(Explorer, Firefox, entre otros). Por lo tanto, puede decirse que el HTML es el
lenguaje usado por los navegadores para mostrar las páginas webs al usuario,
siendo hoy en día la interfase más extendida en la red.

Este lenguaje nos permite juntar y acomodar textos, sonidos e imágenes y

combinarlos a nuestro gusto. Además, y es aquí donde reside su ventaja con
respecto a libros o revistas, el HTML nos permite la introducción de referencias
a otras páginas por medio de los enlaces hipertexto.

Historia de HTML

El HTML como lenguaje, fue elaborado por Tim Berners Lee, la misma persona
que creó la WWW y por consiguiente la web. Este hombre creó el HTML para que
en la red de Internet se pudieran visualizar cierto tipo de elementos con un único
tipo de lenguaje y así todos pudieran entenderlo.

¿De dónde proviene el lenguaje HTML?

El lenguaje HTML está definido en términos del SGML. HTML es un ejemplo de un

lenguaje definido en SGML, se trata de una simplificación, ya que la complejidad
del SGML hacía que este lenguaje no fuera apropiado para la web. En cambio,
HTML fue más apropiado y por eso es el que se utiliza.

Características del lenguaje HTML

Cuando Berners Lee y sus compañeros definieron el lenguaje HTML para facilitar
la navegación web, definieron sus cuatro características básicas.

1. La información debía estar distribuida en diferentes páginas (no muy

extensas) enlazadas entre sí.
2. Debe ser hipertexto y facilitar la navegación.
3. Debe ser compatible entre todos los equipos y sistemas operativos
vigentes.
4. Debe favorecer la dinámica y agilidad con que se presenta la información.

Dichas características son las que marcaron el diseño de todos los elementos de
la World Wide Web, incluida la programación de páginas web. El lenguaje HTML
se creó como respuesta a todos estos requisitos.

Este lenguaje sería el encargado de convertir un archivo de texto inicial en una

página web con diferentes tipos y tamaños de letra, con imágenes impactantes,
animaciones sorprendentes y formularios interactivos.

¿Qué se necesita para crear una página web usando HTML?

¡Sólo creatividad y conocer el lenguaje!

Para el diseñador web una de las características más importantes de este

lenguaje, es que no es necesario ningún programa especial para crear una página
web. Gracias a ello se ha conseguido que se puedan crear páginas con cualquier
computadora y sistema operativo.

El lenguaje HTML sólo es texto y por tanto lo único necesario para escribirlo es un
editor de texto como el que acompaña a cualquier sistema operativo como
Windows:

Bloc de notas.
Wordpad.

Word (el que viene con Office).

4. Editores HTML

Últimamente han aparecido nuevas alternativas que facilitan la creación de

páginas web. Son los editores HTML. Podemos dividir estos editores en tres
grupos, éstos son:

Asistentes: Ayudan a crear el lenguaje o código HTML e incluyen plantillas de

código prefabricadas, por ejemplo Microsoft Publisher.

Conversores: Son programas con otra función que la de la creación web pero que
permiten convertir a HTML. Son ejemplos de conversores Microsoft Word y
PageMaker.

Editores WYSIWYG: Siglas de "What You See Is What You Get" (lo que ves es lo
que obtienes, en español). Estos editores permiten crear páginas web sin escribir
código HTML como si se tratase de un programa de dibujo por computadora.
Algunos ejemplos de este tipo de editores son Macromedia Dreamweaver o
Microsoft Frontpage.

5. Algunas razones para usar HTML

Todos los editores HTML son de gran ayuda al momento de crear una página web.
Según la clasificación anterior, cada uno tendrá ventajas y desventajas. Al
momento de generar una página web no basta saber manipular los editores, es
necesario conocer el lenguaje HTML.

Ventajas de conocer HTML

Conocer el lenguaje HTML tiene ciertas ventajas, algunas de ellas son:

1. Seremos capaces de aprovechar todas las características de este lenguaje,

incluso las más nuevas.

2. Aunque se usa un editor WYSIWYG tendremos la capacidad de corregir errores

o incluir etiquetas no soportadas por el editor.

3. No dependeremos de la disponibilidad de una herramienta concreta para poder

crear páginas web. Con un simple editor de textos será suficiente.

6. Browsers o navegadores y HTML

Una de las principales características de HTML, como ya se mencionó, es que sea
visible en la mayoría de los sistemas operativos y navegadores.

¿Por qué? Porque es parte de la razón de ser de este lenguaje, que sea sencillo,
accesible y universal.

Para que el contenido de una página web sea visto en cualquier navegador debe
cumplir con una condición: ser descriptivo.

El objetivo de este lenguaje será simplemente describir cómo es una página de

manera que examinando esa descripción el navegador del usuario final sea capaz
de mostrarlo de la mejor forma posible.

Con HTML podremos indicarle al navegador...

- Cuál es un titular

- Dónde comienza un párrafo

- Cuáles son elementos de una lista

Posteriormente el navegador decidirá cómo mostrar esos elementos.

¿Por qué funciona así?

En un principio esta característica del HTML puede resultar molesta para el

creador de la página, que no puede saber cómo será vista más que de una forma
aproximada. Sin embargo, es fundamental para conseguir que el World Wide Web
(www) pueda ser navegado con cualquier tipo de computadora.

Debemos tener en cuenta que no todos los sistemas operativos son gráficos, que
incluso usando un mismo sistema operativo existen diferentes resoluciones de
pantalla. Por esta razón, el lenguaje necesario para crear páginas debe ser
descriptivo y, como consecuencia tras crear una página, el diseñador debe ver
cómo es mostrada con varios navegadores distintos.

El HTML es un lenguaje de marcas que basa su sintaxis en un elemento de base

al que llamamos “etiqueta”. A través de éstas vamos definiendo los elementos del
documento como enlaces, párrafos e imágenes. Así pues, un documento HTML
estará constituido por texto y un conjunto de etiquetas para definir la forma con la
que se tendrá que presentar éste y otros elementos en la página.

Elementos de HTML
  Etiquetas
 Elementos
 Atributos

¿Qué son las etiquetas (tags)?

El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de

texto destacado de una forma especial que permiten la definición de las distintas
instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas
estructuras del lenguaje. A estas marcas las denominaremos etiquetas (tags) y
serán la base principal del lenguaje HTML.

HTML está compuesto por un conjunto de elementos que son la base de su

estructura. Esto significa que donde un tag es definido en el código HTML,
sucederá algo en la representación de ese documento, que puede ser visual o no.

Los elementos están compuestos por dos tags: el tag de apertura y el tag de cierre
(a excepción de los elementos vacíos cuando el tag de cierre es omitido). Aquí
tienes un ejemplo básico de un elemento HTML con ambos tags -de apertura y de
cierre- y el contenido en el medio:

¿Qué son los atributos?

Los atributos pueden proporcionar ciertas características a un tag (por ejemplo,

altura, ancho o color), algunas veces muy importantes, que finalmente definirán
cómo debe ser interpretado el tag.

¿Qué son los eventos?

Los eventos son ampliamente usados en documentos HTML como una forma de
asociar tags HTML a script. De manera simple, los scripts son programas del lado
cliente que cumplen una cierta tarea y los eventos son las cosas que ocurren y
ejecutan los scripts (por ejemplo, el puntero del mouse pasa sobre un elemento, la
página termina de cargarse).

HTML dinamico

El HTML dinámico o DHTML (del inglés Dynamic HTML) designa el conjunto de

técnicas que permiten crear sitios web interactivos usando una combinación de
lenguaje HTML estático; un lenguaje interpretado en el lado del cliente (como
JavaScript), el lenguaje de hojas de estilo en cascada (CSS) y la jerarquía de
objetos de un DOM (todos ésos los verás en la próxima clase).

Usos del HTML Dinámico

Entre los usos más habituales de DHTML están el hacer menús desplegables,
imágenes que cambia al pasar el cursor sobre ellas, objetos en movimiento,
botones que permiten desplazar el texto que se está mostrando, textos
explicativos que aparecen al situar el cursor sobre ciertas palabras clave,
cronómetros, por mencionar algunos.

Otro uso interesante de esta tecnología es la creación de juegos de acción que

utilizan el navegador web para funcionar, aunque tradicionalmente este tipo de
desarrollos han sido complicados debido a las diferencias en el lenguaje y las
características soportadas por los distintos navegadores existentes.
Recientemente los navegadores más populares han empezado a soportar
estándares comunes, como el DOM, lo cual ha facilitado mucho la creación de
este tipo de aplicaciones.

Script

Al igual que un guionista escribe un guion, un diseñador de páginas web crea un

script, tomando en cuenta las acciones que se van a llevar a cabo dentro de la
página web al momento de visualizarla.

Un script, cuya traducción literal es "guion“, o archivo de órdenes, es un programa

usualmente simple, que por lo general se almacena en un archivo de texto. Los
scripts son casi siempre programas interpretados, pero no todo programa
interpretado es considerado un script.

ntes de introducir un script -como Java- en una página web, debemos destacar
que la programación JavaScript se realiza dentro del propio documento HTML.

Para evitar que ambos lenguajes se mezclen entre sí, debemos incluir
delimitadores. Éstos separan las etiquetas, o tags, HTML de las instrucciones
JavaScript, favoreciendo que la página funcione adecuadamente.

JavaScript

JavaScript es un lenguaje de programación muy sencillo. Fue pensado para

facilitar y agilizar el proceso de programación. Aun cuando no se tiene experiencia
previa en programar. El diseñador web podrá aprender el lenguaje con facilidad y
utilizar todas sus características sin invertir muchas horas en ello.

JavaScript se utiliza para crear efectos en las páginas web. Por ejemplo rollovers,
menús desplegables y ventanas secundarias.

En estos casos es útil usar Javascript, ya que nos permite implementar los efectos
en poco tiempo y sin errores. Consulta el enlace que aparece enseguida para que
puedas ver un ejemplo de páginas generadas con Java

Elementos de la sintaxis de JavaScript

 Comentarios

Es una herramienta exclusiva para el diseñador web. Su función es facilitar la

lectura del script al momento de modificarlo y depurarlo.

Para evidenciar que se trata de un comentario, se utiliza un símbolo inicial /*, y al

final se cierra con el símbolo */. Por ejemplo:

/*Este comentario se puede extender varias líneas*//SCRIPT

 Uso de mayúsculas

Es fundamental cuidar el uso de mayúsculas y minúsculas para evitar que el

navegador nos marque un error de sintaxis en lugar de desplegar el texto. Los
nombres deberán escribirse con minúsculas, en el caso de tener más de una
palabra, la primera irá con minúscula y las siguientes en mayúsculas. Las
excepciones las veremos más delante.

 Separación de instrucciones

Hay dos formas de hacerlo:

1. Utilizando el carácter punto y coma (;).

2. Con salto de línea.

XNL

El lenguaje de marcas extensible, mejor conocido como XML, llamado así por su
nombre en inglés Extensible Markup Languaje, fue desarrollado con el objetivo de
simplificar y adaptar el lenguaje SGML. Ha permitido definir la gramática de
lenguajes específicos de programación, por lo tanto, podemos decir que XML no
es propiamente un lenguaje particular, sino una mera estrategia para definir los
diferentes lenguajes según las necesidades que busca atender.

El HTML es hoy en día el tipo de documento más empleado en el mundo. En sus

inicios, su sencillez era tal que cualquier persona podía escribir documentos en
este formato, sin necesidad de tener conocimientos de informática. Ésta fue una
de las razones de su éxito, pero también condujo a un cierto caos.

El crecimiento exponencial de la web en los años 90 produjo grandes cantidades

de documentos pero mal estructurados, problema agravado aún más por la falta
de respeto a los estándares, por parte de diseñadores web y fabricantes de
software.

La respuesta a los problemas surgidos en torno al HTML vino de la mano del XML
(Extensible Markup Language). El XML es un metalenguaje que permite crear
etiquetas adaptadas a las necesidades (de ahí lo de "extensible"). El estándar
define cómo pueden ser esas etiquetas y qué se puede hacer con ellas. Es
además especialmente estricto en cuanto a lo que está permitido y lo que no, todo
documento debe cumplir dos condiciones: ser válido y estar bien formado.

¿Cómo evoluciona el XML?

El XML se extendió con rapidez, ya que todo documento XML es a su vez SGML.
Los programas y documentos creados para y con SGML podían convertirse casi
automáticamente al nuevo lenguaje. El XML simplificó radicalmente la complejidad
del SGML, facilitando el aprendizaje y la implementación del nuevo estándar.

El XML fue ideado originalmente para entornos semiestructurados, como textos y

publicaciones. Uno de los ejemplos más claros es el XHTML, la redefinición del
HTML, con las ventajas que ello supone. Sin embargo, pronto se observó que sus
virtudes podían ser útiles en campos muy distintos. Los lenguajes basados en
XML tienen aplicaciones incontables, como en la transacción de datos entre
servidores, intercambio de información financiera y reacciones químicas, entre
otras.

¿Por qué es importante el XML?

El formato XML ha favorecido en gran medida el intercambio de datos

electrónicos. Es muy similar al del lenguaje HTML, sin embargo, se limita a
describir los datos que HTML se encargará de mostrar al lector. Con esta tarea, le
facilita la lectura de datos a las diferentes aplicaciones.

¿Cuáles son las tecnologías disponibles de XML?

XML tiene algunas tecnologías que lo ayudan a formar un estándar para la

visualización de varios tipos de archivos. Entre las tecnologías XML disponibles se
pueden destacar:
Lenguaje extensible de hojas de estilo (XSL): muestra la estructura, el diseño y la
paginación adecuada del contenido dentro de un navegador web o un dispositivo
móvil. El Lenguaje XSL permite crear hojas de estilo. XSL considera los valores de
sus datos para poder transformarlos, ordenarlos, filtrarlos y darles formato.

Lenguaje de rutas XML (XPath): da acceso a diferentes partes de un documento

XML, identificando sus diferentes características.

Lenguaje de enlace XML (XLink): se usa para insertar elementos en un documento

y crear enlaces entre los diferentes recursos XML. También funciona como un
mecanismo de vinculación, permitiendo crear enlaces dentro de un archivo XML.
La función es semejante a la de un enlace de una página web.

Lenguaje de direccionamiento XML (XPointer): el XPointer da acceso a los

elementos, atributos y contenidos de un documento XML. Puede decirse que es
una extensión del XPath. La secuencia de trabajo es la siguiente: XLink establece
un enlace con un recurso de XML y XPointer ubica el punto específico del
documento con el que se hace el enlace. Con Xpointer, es posible establecer un
punto final y un punto de inicio para ejecutar una acción entre los elementos
ubicados entre ambos puntos.

Lenguaje de consulta XML (XQL): el lenguaje de consulta permite extraer datos de

diferentes documentos XML ubicados en la web. Al tener una función similar a la
de un operador de búsquedas, facilita la ubicación de datos en diferentes tipos de
documentos.

6. Usos de XML

Ya vimos que XML no es propiamente un lenguaje, sino una estrategia para

adaptar los diferentes lenguajes a necesidades específicas. Hagamos más sencilla
la comprensión de sus distintos usos tomando en cuenta tres categorías
generales:

Categorías de trabajo XML

Enseguida vamos a revisar la utilidad que tiene XML en diferentes categorías de

trabajo:

1. Sitios web: con XML podemos separar el contenido de la página y la manera

como se presenta. De esta manera podemos adaptar el contenido a diferentes
formatos, sin llevarnos mucho tiempo en ello.
2. Comunicación entre aplicaciones: debido a la estandarización de datos que
maneja XML, la tarea de intercambiar información en la red se vuelve más
sencilla.

3. Configuración de programas: esta tarea es más sencilla cuando se utiliza XML

porque sus datos son simples, y dan claridad al proceso de programación.

Clase11

Taller de páginas web

Clase 11

Google Sites

Objetivos

Objetivos

Al final de la clase serás capaz de:

Emplear la plataforma Google Sites para crear un sitio web.

Explora

Antes de crear un sitio web, es necesario que tengas una cuenta de Google,
misma que obtendrás al crear un buzón de correo electrónico en Gmail. Para ello,
accede a www.gmail.com y crea tu cuenta, como se muestra en el siguiente video.

Adquiere una cuenta

Conoce

1. ¿Qué es Google Sites?

Google Sites es una aplicación en línea que permite crear un sitio web de grupo
de una forma tan sencilla como editar un documento. Con Google Sites los
usuarios pueden reunir en un único lugar y de forma rápida información variada,
incluidos videos, calendarios, presentaciones, archivos adjuntos y texto. Además,
pueden compartirla con facilidad para verla y editarla con un grupo reducido, con
toda su organización o con el mundo.

Características de Google Sites

Las características principales de Google Sites te permitirán…

1. Personalizar el sitio.

2. Crear subpáginas.

3. Elegir distintos tipos de página, con plantillas predeterminadas.

4. Adjuntar archivos multimedia en cualquier parte del sitio.

5. Administrar la configuración de permisos del sitio.

6. Buscar en el contenido de Google Sites, con la tecnología de búsqueda de

Google.

Desarrollo web

Clase11

Taller de páginas web

Clase 11

Google Sites

Objetivos

Objetivos

Al final de la clase serás capaz de:

Emplear la plataforma Google Sites para crear un sitio web.

Explora

Antes de crear un sitio web, es necesario que tengas una cuenta de Google,
misma que obtendrás al crear un buzón de correo electrónico en Gmail. Para ello,
accede a www.gmail.com y crea tu cuenta, como se muestra en el siguiente video.
Adquiere una cuenta

Conoce

1. ¿Qué es Google Sites?

Google Sites es una aplicación en línea que permite crear un sitio web de grupo
de una forma tan sencilla como editar un documento. Con Google Sites los
usuarios pueden reunir en un único lugar y de forma rápida información variada,
incluidos videos, calendarios, presentaciones, archivos adjuntos y texto. Además,
pueden compartirla con facilidad para verla y editarla con un grupo reducido, con
toda su organización o con el mundo.

Características de Google Sites

Las características principales de Google Sites te permitirán…

1. Personalizar el sitio.

2. Crear subpáginas.

3. Elegir distintos tipos de página, con plantillas predeterminadas.

4. Adjuntar archivos multimedia en cualquier parte del sitio.

5. Administrar la configuración de permisos del sitio.

6. Buscar en el contenido de Google Sites, con la tecnología de búsqueda de

Google.

Desarrollo de contenido web

generar un sitio web personalizado. Seguramente cuando llegaste a los cuadros

indicados para introducir el contenido de cada página te detuviste un poco a
pensar sobre el contenido que debería tener tu página. Veamos cuatro preguntas
clave que nos pueden ayudar a desarrollar los contenidos:

1. ¿Qué voy a decir?

2. ¿A quién lo voy a decir?

3. ¿Para qué lo voy a decir?

4. ¿Cómo lo voy a decir?

Google Drive

Google Drive nos permite cargar archivos para poder modificarlos en línea sin
necesidad de descargarlos a la computadora donde estamos trabajando. También
nos ofrece la posibilidad de trabajar de manera colaborativa en un mismo
documento y al mismo tiempo.

Entre las múltiples acciones que nos permite realizar la plataforma de Google
Drive, vamos a destacar tres:

a. Subir archivos que tengas guardados en tu computadora o bien, crearlos

directamente en la plataforma.

b. Abrir y editar archivos en línea, tal como lo haces en un programa instalado en

tu computadora.

c. Compartir tus archivos con las personas que tú elijas.

BLOG

Blog es una palabra en inglés que en español se traduce como "bitácora". Es una
herramienta que simula un diario personal, por lo que sus contenidos son,
comúnmente, opiniones de quien lo escribe. El blog busca propiciar el intercambio
de ideas sobre un tema particular; para eso, cuenta con un apartado para
comentarios.

El blog es un escrito informal, se caracteriza por presentar al lector opiniones

actualizadas sobre un tema en especial. Es una herramienta valiosa para
complementar un sitio web, ya que promueve la discusión entre los lectores del
sitio, y los pone en contacto directo con el autor del mismo.

Google maps

Google Maps es otro de los servicios que ofrece el sitio web Google. No es sino
una plataforma en la que se pueden consultar mapas de diferentes ciudades del
mundo. Desde del 2005, cada mapa cuenta con imágenes satelitales que nos
permiten ver los lugares como si estuviéramos ahí.
Este servicio es posible debido a la tecnología cartográfica que utiliza. Además de
las ubicaciones de los diferentes sitios, nos permite consultar información sobre
lugares importantes y la posibilidad de mostrarnos cómo nos podemos desplazar
de nuestro lugar actual al que estamos buscando.

Con Google Maps podrás disfrutar de las siguientes funciones:

 Resultados de búsqueda de empresas integradas: encuentra empresas e

información de contacto en un mismo sitio, todo ello integrado en el mapa.
También se ofrecen otros datos, tales como reseñas, horarios y formas de
pago que aceptan.
 Mapas que se pueden arrastrar: haz clic en los mapas y arrástralos para ver
al instante las áreas que los rodean sin tener que esperar a que se carguen.
 Imágenes por satélite: podrás ver imágenes obtenidas por satélite, así
como imágenes de satélite con datos de mapa superpuestos. Asimismo,
podrás hacer un acercamiento o ver las imágenes en formato panorámico.
 Mapas de relieve: observa características físicas, así como montañas,
vegetación o sombreado en las elevaciones.
 Street View (Vista de calle): podrás ver imágenes de la calle y desplazarte
por ellas.
 Rutas detalladas: introduce una dirección y Google Maps se encargará de
señalarla y de trazar el itinerario. Planifica un viaje añadiendo varios
destinos a la ruta y arrástrala para personalizarla.
 Combinaciones de teclas: las teclas de flecha te permiten obtener vistas
panorámicas hacia la izquierda, la derecha, arriba y abajo. Desplázate con
las teclas AvPág, RePág, Inicio y Fin. Amplía o reduce la imagen con las
teclas que tienen el signo más (+) y menos (-), respectivamente.
 Función de acercamiento (zoom): haz doble clic con el botón de la izquierda
para ampliar y doble clic con el botón de la derecha para reducir (si eres
usuario de Mac, usa Ctrl+ y doble clic). Utiliza la rueda de desplazamiento
del mouse para ampliar y reducir los mapas.
 1. Lenguaje

HTML: código que utilizan los navegadores para presentar todos los contenidos de
un sitio web al usuario que lo consulta. Con sólo escribir algunas instrucciones,
siguiendo el formato adecuado, el navegador presenta al usuario textos,
imágenes, audios y videos.

JavaScript: lenguaje de programación usado para crear pequeños programas que

realicen acciones en las páginas web.

2. Estructura

Forma: se refiere al diseño que se utiliza para organizar la información dentro del
sitio web (colores, ubicación de texto e imágenes, tipografías, entre otros).

Fondo: término que se utiliza para definir el contenido de una página web. Ya no
hablamos de una ubicación, sino del texto y los archivos multimedia que hay en la
página.

3. Herramientas

Sitios web: conjunto de páginas, organizadas y presentadas bajo una misma

dirección de internet.

Páginas web: documento electrónico que integra texto y archivo multimedia. Éstas
dependen de un sitio específico.

Imágenes: gráficos estáticos, utilizados para confirmar los contenidos de una

página web.

Archivos multimedia: elementos de audio, video o imágenes interactivas que

acompañan la información presentada en la página web.

Al conocer todos estos elementos, tenemos la posibilidad de integrar un proyecto

web.

Proyecto web

Cuando se hace referencia a un proyecto web, se habla del conjunto de páginas,

imágenes, colores y archivos multimedia que integran un sitio web. Es necesario
que el desarrollo del proyecto web parta de un objetivo claro y viable, considere el
perfil de usuario al que va dirigido y sea actualizado con la debida frecuencia.

El sitio web trabajado a lo largo del curso, sólo podrá considerarse "proyecto", si
continuamos trabajando en él, después de terminado el tiempo destinado para
esta materia.
Durante el curso, avanzamos paso a paso en el desarrollo de nuestro sitio web. A
continuación hay una serie de pasos que pueden ayudarte a visualizar un proyecto
integrado antes de empezar el trabajo de desarrollo de páginas web.

1. Definir

Boceto.

Objetivo para el proyecto.

Temas a tratar.

Plataforma en la que se va a trabajar.

Estos cuatro pasos te darán la base para definir la estructura de tu página. A partir
de aquí podrás empezar a trabajar sobre el fondo de tu proyecto web.

2. Desarrollar

El texto que se va a publicar.

Imágenes y archivos multimedia.

Documentos descargables.

3. Conformar el proyecto

Reunir todos los elementos anteriores, en un mismo sitio.

4. Renovar

Revisar, periódicamente los comentarios de tus usuarios.

Reflexionar sobre el cumplimiento de objetivos.

Actualizar contenidos.

La renovación debe hacerse de forma continua, y respetando las necesidades del

usuario. No olvides que el proyecto web debe responder al gusto de tus lectores
antes que al propio.

a web 4.0, o web social, está compuesta por sitios web que integran diferentes
servicios tecnológicos para favorecer las relaciones interpersonales de los
usuarios de internet. Posee las características estudiadas a lo largo de este curso,
y las complementa con otras herramientas que permiten al usuario manipular la
información que se muestra en la página. En este caso no es el diseñador web
quien determina el valor de los elementos de la página, sino el usuario mismo.

2. Características de la versión web 4.0

Ligero: esta característica se refiere a los tiempos de descarga de los sitios web.
Los de la primera versión tardaban mucho en cargar y hasta te mostraban una
barra de avance, ahora ya casi no nos detenemos a ver esta barra porque estos
tiempos se han reducido. Basta que hagamos clic en el vínculo que deseamos
abrir para poder ver el contenido casi al mismo tiempo.

Portátil: no es necesario estar frente a una computadora para ver los sitios web,
podemos consultarlos desde nuestros diferentes dispositivos móviles, siempre y
cuando tengamos acceso a una conexión de internet. Actualmente podemos
darnos cuenta de que la mayoría de los lugares cuentan con redes inalámbricas a
las que cualquiera puede tener acceso.

Alta resolución de su material multimedia: la resolución de un archivo se refiere a

la calidad de presentación del mismo, por lo que, sin importar el tamaño de la
pantalla en la que abramos un contenido web 4.0, podremos verlo con claridad.

No es lo mismo una web social, que una red social

Web social vs. red social

No debemos confundir las redes sociales con la web social. Aun y cuando todas
las redes sociales están basadas en la versión web 4.0, no son las únicas
opciones de web social. Tenemos el ejemplo de las aplicaciones para celular:
podemos ver el mismo sitio web en dos versiones diferentes, una corresponde a la
versión para computadora, y otra específica para los dispositivos móviles.

El internet se creó para dar solución a una problemática de comunicación en

tiempos de guerra. Hoy, en su versión 4.0, da respuesta a las necesidades de
comunicación interpersonal que la globalización ha generado a pasos
agigantados.

WEB 1.0

 Web tradicional
 Basada en hipertextos
 Sirve para compartir diferentes archivos multimedia

WEB 2.0
  Web colaborativa
 Basada en HTML y Java
 Permite que el usuario inrteractue con la información

Web 3.0

 Web semántica (provee significación=

 Documentos HTML escritos con lenguaje natural
 Favorece el procesamiento de datos mediante un ordenador

Web 4.0

 Web social
 Conecta al mundo físico con el mundo virtual por medio de dispositivos
inalámbricos
 Sirve para el intercambio de información en tiempo real