DISEO DE PUBLICIDADE

TRAVS DE UN SITIO WEB

HIPOTESIS.
Sera posible que una sitio web pueda proporcionar informacin de una empresa,
ayude a hacer publicidad y mejore sus ventas?

JUSTIFICACIN.
Hacer que nuestro sitio web pueda llegar a los clientes y as hacerle publicidad a
la empresa, colocando a esta en la mente de las personas.
La pagina web dar a conocer a las personas los productos que la empresa
maneja y as el publico los conozca, vea precios, colores, etc.

OBJETIVO GENERAL.
Realizar un sitio web, la cual ayudara a mejorar las ventas de la empresa,
mostrando un catalogo virtual en el cual se muestren los productos que la
empresa dar a conocer a las personas, ya que en este tiempo todos tienen
acceso a internet.

OBJETIVOS ESPECIFICOS.

Desarrollar conocimientos y habilidades en el sector de la publicidad durante

el proyecto.
Desarrollar conocimientos de los productos que maneja la empresa durante el
proyecto.
Desarrollar habilidades y aptitudes en el diseo de sitios web durante el
proyecto.

INDICE
CAPITULO I GENERALIDADES
1.1 Antecedentes histricos.
1.2 Tipos de programacin web.
CAPITULO II MARCO TERICO.
2.1 Problemtica.
2.2 Internet
2.3 Sitios Web
CAPITULO III - PUBLICIDAD
3.1
3.2
3.3
3.4
3.5
3.6
3.7
3.8

OBJETIVOS
PRINCIPIOS
TERMINOLOGIA
ESTRATEGIAS
MEDIOS DE COMUNICACIN
MEDIOS PUBLICITARIOS
AGENCIAS DE PUBLICIDAD
EFICIENCIA DE LA PUBLICIDAD
CAPITULO IV PAGINA WEB

4.1
4.2
4.3
4.4

ESTANDARES
TECNOLOGIAS WEB
DISEO WEB APLICADO
HISTORIA DEL DISEO WEB
CAPITULO V DESARROLLO DE LA PAGINA WEB

CAPITULO I GENERALIDADES.

1.1 Evolucin de la publicidad.

Al igual que la definicin, varios expertos en la rama de la publicidad difieren sobre
los inicios de la publicidad, ya que hay autores que sealan las pinturas rupestres
en la era prehistrica como un antecedente de publicidad, y para otros, la
publicidad no tiene historia, sino que es consecuencia de la actual sociedad de
consumo.
Es necesario mencionar algunos datos histricos, ya que como en el libro Keppler
Publicidad de los autores J. Thomas Russell y W. Ronald LaneOtto Kleppner
mencionan: La necesidad de hacer publicidad parece ser parte de la naturaleza
humana, y esto se ha evidenciado desde los tiempos antiguos. De los 5 mil aos
registrados de historia de la publicidad, hasta la poca actual de la televisin por
satlite, la parte ms significativa comenz cuando Estados Unidos surgi como
una gran nacin industrial hace casi 100 aos. No obstante, la historia inicial de la
publicidad es demasiado fascinante como para ignorarla.
La mayora de expertos han encontrado evidencia del uso de la publicidad desde
pocas muy remotas. Las inscripciones en tablas, paredes y papiros de la antigua
Babilonia, Egipto y Grecia contenan listas de los productos disponibles y se
consideran los primeros anuncios publicitarios, casi todos los mensajes eran
transmitidos por personas que se paraban en las esquinas anunciando las
mercancas. "No es sorprendente que el pueblo que le dio al mundo la Torre de
Babel dejara tambin el primer testimonio conocido sobre la publicidad. Se ha
descubierto una tablilla de barro Babilonia, que data aproximadamente del ao
3000 a. de C. con inscripciones para un comerciante de ungentos, un escribano y
un zapatero. Algunos papiros exhumados de las ruinas de Tebas muestran que los
egipcios antiguos tenan mejor medio para escribir sus mensajes.
Los griegos contaban con pregonero que anunciaban la llegada de los barcos con
cargamento de vino, especias y metales. Los pregoneros despus se convirtieron
en el medio ms comn de anuncios pblicos en muchos pases europeos.
A partir de la invencin de la imprenta, se llev a la sociedad a un nuevo nivel de
comunicacin, los primeros anuncios incluyeron carteles, letreros y despus con la
aparicin del peridico se logr que los medios impresos llegaran a un mayor
nmero de personas, lo que provoc que los comerciantes comenzaran a
anunciarse. Cada vez se hizo ms importante la industria publicitaria como
resultado del desarrollo surgido en la Revolucin Industrial. La produccin en
masa y de calidad, as como la competencia creciente, obligaron a los productores
a mejorar sus productos y a anunciar dichas mejoras, as aparecieron las primeras
agencias publicitarias aproximadamente en 1840 -1845.
Dorothy Cohen, en su libro Publicidad Comercial, hace un breve resumen:

El progreso ms importante de la historia moderna de la publicidad, fue el invento

de los tipos mviles de imprenta en el siglo XV, que se tradujo al principio en la
publicacin econmica de volantes, y ms tarde en la impresin de peridicos que
contenan anuncios. La publicidad en la prensa dio pie, a su vez, a que apareciese
el vendedor de espacio en los peridicos durante el decenio de 1840, y sus
servicios se ampliaron y perfeccionaron posteriormente hasta constituir la agencia
publicitaria de nuestros das.
Al terminar la Guerra Civil, se produjo una gran expansin comercial e industrial y
el recrudecimiento de la competencia origin el crecimiento y el desarrollo de la
publicidad de marcas. Las revistas se haban convertido en un medio anunciador a
fines del siglo XIX, y el invento de la bicicleta, con la promocin competitiva de
este producto, imprimi un mpetu ms poderoso a la publicidad.
Aunque sta disminuy considerablemente durante la Primera Guerra Mundial, al
terminar se renov el inters por la publicidad y ste aument despus de la
Segunda Guerra Mundial.
La mayora de los autores mencionan a Estados Unidos, como impulsor de la
sociedad del consumo y por lo tanto de la publicidad actual. El siglo XX fue testigo
de una revolucin en la publicidad en este pas, "Earnest Elmo Calkins de la
agencia Bates cre un estilo de publicidad que ms bien pareca arte, y adems le
imprimi esttica al medio de las revistas. Los anuncios de Calkens no slo
atraan a quienes los vean sino que tambin incrementaron la imagen de los
anunciantes. Su trabajo represent la primer incursin en publicidad mediante
imgenes".
Despus de Estados Unidos, la mayora de los pases tomaron el ejemplo de
fomentar el consumo y la publicidad tom mayor importancia en todo el mundo.
Actualmente la publicidad se ha convertido en todo un arte para los anunciantes,
las agencias publicitarias han cobrado mayor auge, y se buscan cada vez nuevos
medios donde anunciarse, por lo tanto, podemos decir que la historia de la
publicidad no ha terminado, sino que se seguir escribiendo a la par del progreso.

1.1.1 Evolucin de la web

David Siegel, en su libro Creating Killer Web Sites: The Art of Third-Generation
Site Design, estableci tres generaciones de sitios web. Sin embargo desde 1996,
fecha en la que estableci su clasificacin, ha evolucionado la tecnologa
empleada en la Web, por lo que se puede aadir una generacin ms a su
clasificacin. Actualmente las cuatro generaciones conviven, aunque ya casi nadie
crea sitios web que se clasifiquen en las dos primeras generaciones.

La primera generacin
La primera generacin abarca desde el nacimiento de la Web (1992) hasta
mediados de 1994. La creacin de pginas web durante esta generacin se ve
limitada por diversas razones tecnolgicas: ancho de banda limitado (mdems de
2.4 Kbps), navegadores poco desarrollados, monitores monocromos, etc.
Las caractersticas principales de estas pginas son:

Tiempo de carga rpido: son pginas basadas en texto, con muy pocas
imgenes y ningn recurso multimedia.
Navegacin poco estructurada, con falta de coherencia.
Pginas largas, que parece que nunca se acaban. La informacin no se
suele organizar en varias pginas, ya que as se reduce el nmero de
transferencias.
Texto escrito como si fuera una hoja de papel: de lado a lado de la pgina y
desde el principio hasta el final.
Empleo de saltos de lnea como separadores.
Empleo de lneas horizontales para separar secciones en una misma
pgina.
Empleo de listas para organizar la informacin.
Poco uso de los enlaces entre pginas de un mismo sitio web.
Como las pginas son muy largas, se emplean muchos enlaces
intradocumentales.
Listas interminables de enlaces a otros sitios web.
Se pueden visualizar correctamente casi en cualquier navegador (incluso
los navegadores no grficos), pero son aburridas y poco legibles.
Las pginas web poseen un contenido educativo o cientfico. Pocas
empresas poseen un sitio web.

En definitiva, durante este primer periodo, se emplea la Web como si fuera uno de
los medios de comunicacin tradicionales (libros, revistas, etc.). An no se sabe
como aprovechar todas las posibilidades que ofrece la Web.
Respecto a la generacin de las pginas, no existe generacin: las pginas son

estticas. A finales de este primer periodo aparece la tecnologa Common

Gateway Interface (CGI), que permite la generacin dinmica de pginas web.

La segunda generacin
La segunda generacin se extiende desde 1995 hasta la actualidad. La diferencia
principal con las pginas web de la generacin anterior es la masiva incorporacin
de elementos grficos en las pginas web:
Los iconos sustituyen a las palabras.El color de fondo se sustituye por una imagen
de fondo.Los banners sustituyen a los encabezados de las pginas.Las listas
normales se sustituyen por listas con topos (bullets) grficos.
Sus caractersticas principales son:

Tiempo de carga lento: se emplean imgenes con multitud de colores y

animaciones en exceso, debido a la novedad de su uso. No se comprueba
el rendimiento de las pginas con conexiones lentas: no se tiene en cuenta
al usuario final.
El color de fondo de las pginas deja de ser el blanco o el gris. Incluso, se
emplean imgenes como fondo de las pginas.
Empleo de tablas, aunque no con el propsito de situar el contenido (tablas
invisibles), sino para mostrar datos tabulados.
Las pginas todava poseen una estructura de arriba a abajo.
La navegacin suele ser jerrquica, a partir de una pgina principal. Sin
embargo, no existe una filosofa de planificacin de la navegacin.
Aparecen tecnologas multimedia propietarias, que necesitan la instalacin
de un plug-in para su visualizacin. Prima el uso de tecnologas (imgenes
y sonidos), aunque luego el pblico no pueda visualizar correctamente las
pginas.

En definitiva, las pginas web de esta generacin se caracterizan porque prima el

uso de la tecnologa, sin tener en cuenta el propsito del sitio web. Adems, no se
tiene en cuenta la legibilidad o claridad de la presentacin de la informacin.
Respecto a la generacin de las pginas, la mayora siguen siendo estticas,
aunque cada vez se emplea ms la tecnologa CGI. El uso de esta tecnologa abre
un abanico de posibilidades enorme: la creacin de aplicaciones web que acceden
a bases de datos. Las primeras aplicaciones que se desarrollan son pequeas y
sencillas: libro de visitas, formulario de ms informacin, etc. Si se necesita
almacenar informacin de forma persistente, se emplean ficheros en vez de bases
de datos.

La tercera generacin
La tercera generacin aparece a mediados de 1996. Las pginas pertenecientes a
esta generacin son las ms comunes en la actualidad. Se caracterizan por:

Tiempo de carga rpido: los creadores de las pginas se centran en el

contenido y no en la presentacin. Se minimiza el tiempo de carga
mediante un uso minimalista de los recursos grficos, el uso de Cascading
Style Sheets (CSS) y la optimizacin del cdigo HTML. El rendimiento de
las pginas se verifica empleando conexiones a distintas velocidades.
Las pginas se limitan para que se puedan visualizar completamente en
una pantalla, sin tener que realizar desplazamiento (scroll).
Los sitios web se crean teniendo en cuenta los posibles usuarios y el
objetivo del sitio (informar, vender, ofrecer servicios, etc.).
Se limita el nmero de enlaces, se simplifica la navegacin. Se organiza la
informacin a partir de una pgina inicial hasta una pgina final, ofreciendo
distintos caminos.
Se tienen en cuenta principios tipogrficos y de organizacin visual de la
informacin.
Se emplean metforas y temas visuales para seducir y guiar al usuario,
creando una experiencia completa desde la primera pgina hasta la ltima.
Se incorporan los principios de usabilidad y accesibilidad.
Se comprueba con usuarios reales el funcionamiento de los sitios web.
En los sitios web de las empresas cobra importancia la creacin de una
identidad corporativa. Se emplean de forma coherente los colores, las
imgenes, los smbolos e iconos, los tipos de letra, etc.

La caracterstica principal de las pginas web pertenecientes a la tercera

generacin es la planificacin: los diseadores invierten tiempo en analizar los
posibles caminos que los visitantes tomarn al visitar un sitio web, y en funcin de
ello disean los sitios web. La estructura del sitio web cobra una gran importancia.
Durante este periodo tiene lugar una explosin en el nmero de herramientas
informticas relacionadas con la Web.
En cuanto a la generacin de las pginas, este periodo supone la consolidacin de
la generacin de pginas web dinmicas. El uso de CGI est muy extendido, pero
debido a sus limitaciones aparecen nuevas tecnologas. Las primeras soluciones
relevantes provienen de Microsoft, primero con Internet Database Connector (IDC)
y luego con Active Server Pages (ASP), que supone una verdadera revolucin en
la creacin de pginas web dinmicas. A partir de ah aparecen nuevas
tecnologas ColdFusion, PHP o Java Server Pages (JSP) basada en Java.

La cuarta generacin
La cuarta y ltima generacin empieza a desarrollarse plenamente en 1999 y
discurre hasta la actualidad. Sus caractersticas principales son:

Se vuelven a emplear en exceso los recursos grficos.

En muchos casos se intenta aprovechar hasta el ltimo pixel de la pgina
para presentar informacin.
HTML evoluciona: se extiende el uso de tecnologas poco empleadas hasta
ese momento, como CSS, y aparecen nuevas tecnologas, como Dynamic
HTML (DHTML). Estas tecnologas permiten un mayor control sobre la
visualizacin de las pginas web, pero a costa de incompatibilidades entre
distintos navegadores.
Uso de nuevas tecnologas multimedia (como Macromedia Flash 19): se
puede crear un sitio web sin tener que emplear HTML.
Los principios empleados en la creacin de CD-ROM interactivos se aplican
en la creacin de pginas web.
Un equipo interdisciplinar (informtico, experto en contenidos, diseador
grfico, etc.) desarrolla los sitios web.
El aumento del ancho de banda permite streaming de video y audio en
tiempo real.
El objetivo al desarrollar un sitio web es crear una experiencia completa
desde que el visitante visualiza la primera pgina hasta que abandona el
sitio web.

Respecto a la generacin de pginas web dinmicas supone la consolidacin de

las tecnologas de generacin dinmica. La mayora de las pginas web
pertenecientes a esta generacin se crean a partir de informacin almacenada en
bases de datos.

1.2 Tipos de programacin web.

El nacimiento de HTML va ligado al de la WWW. Los orgenes de ambos se sitan
en 1991, en los trabajos que llevaba a cabo Tim Berners-Lee y sus compaeros en
el CERN en Suiza. Uno de los primeros artculos en los que muestran sus ideas es
World-Wide Web: The Information Universe. En este artculo detallan un sistema
que permita realizar el sueo de interconectar todo el conocimiento de la
humanidad y facilitar su acceso a todo el mundo gracias al empleo de los
ordenadores. Para lograrlo, hacen uso de tecnologas como el hipertexto o la
hipermedia, tecnologas que ya existan desde haca varios aos (en contra de lo
que la gente cree, estas tecnologas no fueron inventadas por ellos).
Entre las distintas partes que componen el sistema que proponen, se incluye una
sintaxis en el estilo de SGML para proporcionar formato a los documentos. A
partir de ah nace HTML como un lenguaje para el intercambio de documentos
cientficos y tcnicos. HTML evita la complejidad de SGML al definir un pequeo
conjunto de etiquetas que simplifican la estructura de los documentos y las reglas
no son tan estrictas como en SGML.
En octubre de 1994, Tim Berners-Lee, funda el W3C en el Massachusetts Institute
of Technology, Laboratory for Computer Science [MIT/LCS] en colaboracin con el
CERN, y con el apoyo de Defense Advanced Research Projects Agency (DARPA)
y de la Comisin Europea. En abril de 1995, el INRIA se convierte en el primer
host europeo de W3C.
El objetivo principal del W3C es encabezar el desarrollo de la WWW, mediante la
elaboracin de protocolos que aseguren su estandarizacin. Hoy en da, W3C
lidera el desarrollo de distintas tecnologas, como HTML, HTTP, Extensible Markup
Language (XML), Portable Network Graphics (PNG), etc. En el Cuadro 1.1
mostramos las distintas versiones de HTML que se han estandarizado desde
1995.

Cuadro 1.1

En enero de 2000 aparece Extensible Hyper Text Markup Language (XHTML) 1.0,
el futuro sustituto de HTML. Como dice el propio estndar, se trata de una
reformulacin de HTML en XML 1.0 XHTML es el lenguaje HTML escrito segn
las normas que impone XML. Por tanto, es una aplicacin concreta de XML y no
deben confundirse entre s. Las principales diferencias entre HTML y XHTML 1.0
son:

Las etiquetas y atributos tienen que escribirse en minsculas.

Los valores de los atributos tienen que ir entre comillas.
No se admiten atributos sin valor.
Todas las etiquetas tienen que aparecer por parejas (inicio y fin) o como
etiquetas vacas.

1.2.1 HTML
HTML, siglas de HyperText Markup Language (lenguaje de marcado
hipertextual), hace referencia al lenguaje de marcado para la elaboracin
de pginas web. Es un estndar que, en sus diferentes versiones, define una
estructura bsica y un cdigo (denominado cdigo HTML) para la definicin de
contenido de una pgina web, como texto, imgenes, etc. Es un estndar a cargo
de la W3C, organizacin dedicada a la estandarizacin de casi todas las
tecnologas ligadas a la web, sobre todo en lo referente a su escritura e
interpretacin.
El lenguaje HTML basa su filosofa de desarrollo en la referenciacin. Para aadir
un elemento externo a la pgina (imagen, vdeo, script, etc.), este no se incrusta
directamente en el cdigo de la pgina, sino que se hace una referencia a la
ubicacin de dicho elemento mediante texto. De este modo, la pgina web
contiene slo texto mientras que recae en el navegador web (interpretador del
cdigo) la tarea de unir todos los elementos y visualizar la pgina final. Al ser un
estndar, HTML busca ser un lenguaje que permita que cualquier pgina web
escrita en una determinada versin, pueda ser interpretada de la misma forma
(estndar) por cualquier navegadores web actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y
suprimido caractersticas, con el fin de hacerlo ms eficiente y facilitar el desarrollo
de pginas web compatibles con distintos navegadores y plataformas (PC de

escritorio, porttiles, telfonos inteligentes, tablets, etc.). Sin embargo, para

interpretar correctamente una nueva versin de HTML, los desarrolladores de
navegadores web deben incorporar estos cambios y el usuario debe ser capaz de
usar la nueva versin del navegador con los cambios incorporados. Usualmente
los cambios son aplicados mediante parches de actualizacin automtica (Firefox,
Chrome) u ofreciendo una nueva versin del navegador con todos los cambios
incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador
no actualizado no ser capaz de interpretar correctamente una pgina web escrita
en una versin de HTML superior a la que pueda interpretar, lo que obliga muchas
veces a los desarrolladores a aplicar tcnicas y cambios que permitan corregir
problemas de visualizacin e incluso de interpretacin de cdigo HTML. As
mismo, las pginas escritas en una versin anterior de HTML deberan ser
actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos
navegadores an mantienen la capacidad de interpretar pginas web de versiones
HTML anteriores. Por estas razones, an existen diferencias entre distintos
navegadores y versiones al interpretar una misma pgina web.
El lenguaje HTML puede ser creado y editado con cualquier editor de
textos bsico, como puede ser Gedit en Linux, el Bloc de notas de Windows, o
cualquier otro editor que admita texto sin formato como Emacs, Microsoft
Wordpad, TextPad, Vim, Notepad++, entre otros.
Existen, adems, otros editores para la realizacin de sitios web con
caractersticas WYSIWYG (What You See Is What You Get, o en espaol: lo que
ves es lo que obtienes). Estos editores permiten ver el resultado de lo que se
est editando en tiempo real, a medida que se va desarrollando el documento.
Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que
una forma un tanto ms simple, ya que estos programas, adems de tener la
opcin de trabajar con la vista preliminar, tiene su propia seccin HTML, la cual va
generando todo el cdigo a medida que se va trabajando. Algunos ejemplos de
editores WYSIWYG son KompoZer, Microsoft FrontPage o Adobe Dreamweaver.
Combinar estos dos mtodos resulta muy interesante, ya que de alguna manera
se ayudan entre s. Por ejemplo, si se edita todo en HTML y de pronto se olvida
algn cdigo o etiqueta, simplemente me dirijo al editor visual o WYSIWYG y se
contina ah la edicin o viceversa, ya que hay casos en que resulta ms rpido y
fcil escribir directamente el cdigo de alguna caracterstica que el usuario desea
adherir al sitio que buscar la opcin en el programa mismo.
Existe otro tipo de editores HTML llamados WYSIWYM que dan ms importancia
al contenido y al significado que a la apariencia visual. Entre los objetivos que
tienen estos editores es la separacin del contenido y la presentacin,
fundamental en el diseo web.
HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de
comienzo y final, mediante las cuales se determina la forma en la que debe

aparecer en su navegador el texto, as como tambin las imgenes y los dems

elementos, en la pantalla del ordenador.
Toda etiqueta se identifica porque est encerrada entre los signos menor que y
mayor que (<>), y algunas tienen atributos que pueden tomar algn valor. En
general las etiquetas se aplicarn de dos formas especiales:

Se abren y se cierran, como por ejemplo: <b>negrita</b>, que se vera en

su navegador web como negrita.

No pueden abrirse y cerrarse, como <hr />, que se vera en su navegador

web como una lnea horizontal.

Otras que pueden abrirse y cerrarse, como por ejemplo <p>.

Las etiquetas bsicas o mnimas son:

1.2.2 XHTML
XHTML, Siglas del ingls eXtensible HyperText Markup Language. XHTML es
bsicamente HTML expresado como XML vlido. Es ms estricto a nivel tcnico,
pero esto permite que posteriormente sea ms fcil al hacer cambios o buscar
errores entre otros. En su versin 1.0, XHTML es solamente la versin XML de
HTML, por lo que tiene, bsicamente, las mismas funcionalidades, pero cumple las
especificaciones, ms estrictas, de XML. Su objetivo es avanzar en el proyecto
del World Wide Web Consortium de lograr una web semntica, donde la
informacin, y la forma de presentarla estn claramente separadas. La versin 1.1
es similar, pero parte a la especificacin en mdulos. En sucesivas versiones la
W3C planea romper con los tags clsicos trados de HTML.
Las principales ventajas del XHTML sobre el HTML son:

Se
pueden
incorporar
elementos
de
distintos espacios
nombres XML (como MathML y Scalable Vector Graphics).

de

Un navegador no necesita implementar heursticas para detectar qu quiso

poner el autor, por lo que el parser puede ser mucho ms sencillo.

Como es XML se pueden utilizar fcilmente herramientas creadas para

procesamiento de documentos XML genricos (editores, XSLT, etc.).

El estndar XHTML indica en un apndice informativo una manera de escribir

XHTML de modo tal que los navegadores actuales que slo entienden HTML, lo
procesen como si fuera ste. Para esto se deber crear un documento con
algunas restricciones y consideraciones, y servirlo con el content-type text/html,
en vez del correcto para XHTML.
Algunas de las reglas propuestas para que XHTML parezca HTML son:
No usar instrucciones de proceso.

Los elementos vacos (como <br>) debern escribirse <br />, es decir en
forma abreviada y con un espacio antes de /.

No se debe utilizar la forma abreviada para elementos no vacos que no

tengan contenido, es decir: no se debe escribir <p/>.

Para algunos autores, la inclusin de este apndice en el estndar fue un error y

consideran que es un error usar XHTML de esta manera.
La siguiente lista muestra algunas reglas de XHTML 1.0 que lo diferencian
de HTML 4.01. Muchas de estas diferencias vienen con el cambio de ser una
aplicacin SGML a ser una aplicacin del ms estricto XML:
Los elementos vacos deben cerrarse siempre:

Incorrecto: <br>

Correcto: <br></br>

<br/>

<br

/>

Nota: Cualquiera de las tres formas es vlida en XHTML. Para

compatibilidad segn el "Apndice C" debe usarse <br />.
Los elementos no vacos tambin deben cerrarse siempre:

Incorrecto: <p>Primer prrafo<p>Segundo prrafo

Correcto: <p>Primer prrafo</p><p>Segundo prrafo</p>

Los elementos anidados deben tener un correcto orden de apertura/cierre (el que
se abre ltimo, debe cerrarse primero).

Incorrecto: <em><strong>Texto</em></strong>

Correcto: <em><strong>Texto</strong></em>

Los valores de los atributos deben siempre ir encerrados entre comillas (simples o
dobles).

Incorrecto: <td rowspan=3>

Correcto: <td rowspan="3">

Correcto: <td rowspan='3'>

Los nombres de elementos y atributos deben ir en minsculas.

Incorrecto: <A HREF="http://www.domname.com">Domname</A>

Correcto: <a href="http://www.domname.com">Domname</a>

No est permitida la minimizacin de atributos (se usa el nombre del atributo como
valor).

Incorrecto: <textarea readonly>Solo-lectura</textarea>

Correcto: <textarea readonly="readonly">Solo-lectura</textarea>

Los atributos desaprobados en HTML 4.01 no forman parte de XHTML.

Incorrecto: <font color="#0000FF">Blue text</font>

Correcto: <span style="color: #0000FF;">Blue text</span>

1.2.3 JAVASCRIPTS

JavaScript es un lenguaje de programacin interpretado, dialecto del

estndar ECMAScript. Se define como orientado a objetos, basado en
prototipos, imperativo, dbilmente tipado y dinmico.
Se utiliza principalmente en su forma del lado del cliente (client-side),
implementado como parte de un navegador web permitiendo mejoras en la interfaz
de usuario y pginas web dinmicas aunque existe una forma de JavaScript
del lado
del
servidor (Server-side
JavaScript o SSJS).
Su
uso
en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones
de escritorio (mayoritariamente widgets) es tambin significativo.
JavaScript se dise con una sintaxis similar al C, aunque adopta nombres y
convenciones del lenguaje de programacin Java. Sin embargo Java y JavaScript
no estn relacionados y tienen semnticas y propsitos diferentes.
Todos los navegadores modernos interpretan el cdigo JavaScript integrado en las
pginas web. Para interactuar con una pgina web se provee al lenguaje
JavaScript de una implementacin del Document Object Model (DOM).
Tradicionalmente se vena utilizando en pginas web HTML para realizar
operaciones y nicamente en el marco de la aplicacin cliente, sin acceso a
funciones del servidor. JavaScript se interpreta en el agente de usuario, al mismo
tiempo que las sentencias van descargndose junto con el cdigo HTML.
Una cuarta edicin est en desarrollo e incluir nuevas caractersticas tales como
paquetes, espacio de nombres y definicin explcita de clases.
JavaScript soporta gran parte de la estructura de programacin de C (por ejemplo,
sentencias if, bucles for, sentencias switch, etc.). Con un salvedad, en parte: en C,
el mbitode las variables alcanza al bloque en el cual fueron definidas; sin
embargo en JavaScript esto no es soportado, puesto que el mbito de las
variables es el de la funcin en la cual fueron declaradas. Esto cambia con la
versin de JavaScript 1.7, ya que soporta block scoping por medio de la palabra
clave let. Como en C, JavaScript hace distincin entre expresiones y sentencias.
Una diferencia sintctica con respecto a C es la insercin automtica de punto y
coma, es decir, en JavaScript los puntos y coma que finalizan una sentencia
pueden ser omitidos.

Dinmico

Tipado dinmico

Como en la mayora de lenguajes de scripting, el tipo est asociado al valor, no a

la variable. Por ejemplo, una variable x en un momento dado puede estar ligada a
un nmero y ms adelante, religada a una cadena. JavaScript soporta varias
formas de comprobar el tipo de un objeto, incluyendo duck typing. Una forma de
saberlo es por medio de la palabra clave typeof.
Objetual
JavaScript est formado casi en su totalidad por objetos. Los objetos en
JavaScript son arrays asociativos, mejorados con la inclusin de prototipos (ver
ms adelante). Los nombres de las propiedades de los objetos son claves de tipo
cadena: obj.x = 10 y obj['x'] = 10 son equivalentes, siendo la notacin con
punto azcar sintctico. Las propiedades y sus valores pueden ser creados,
cambiados o eliminados en tiempo de ejecucin. La mayora de propiedades de un
objeto (y aquellas que son incluidas por la cadena de la herencia prototpica)
pueden ser enumeradas a por medio de la instruccin de bucle for... in. JavaScript
tiene un pequeo nmero de objetos predefinidos como son Function y Date.
Evaluacin en tiempo de ejecucin
JavaScript incluye la funcin eval que permite evaluar expresiones como
expresadas como cadenas en tiempo de ejecucin. Por ello se recomienda que
eval sea utilizado con precaucin y que se opte por utilizar la
funcin JSON.parse() en la medida de lo posible, pues resulta mucho ms segura.

Funcional
Funciones de primera clase
A las funciones se les suele llamar ciudadanos de primera clase; son objetos en s
mismos. Como tal, poseen propiedades y mtodos, como .call() y .bind(). Una
funcin anidada es una funcin definida dentro de otra. Esta es creada cada vez
que la funcin externa es invocada. Adems, cada funcin creada forma
una clausura; es el resultado de evaluar un mbito conteniendo en una o ms
variables dependientes de otro mbito externo, incluyendo constantes, variables
locales y argumentos de la funcin externa llamante. El resultado de la evaluacin
de dicha clausura forma parte del estado interno de cada objeto funcin, incluso
despus de que la funcin exterior concluya su evaluacin.

Prototpico
Prototipos
JavaScript usa prototipos en vez de clases para el uso de herencia. Es posible
llegar a emular muchas de las caractersticas que proporcionan las clases en
lenguajes orientados a objetos tradicionales por medio de prototipos en
JavaScript.
Funciones como constructores de objetos
Las funciones tambin se comportan como constructores. Prefijar una llamada a la
funcin con la palabra clave new crear una nueva instancia de un prototipo, que
heredan propiedades y mtodos del constructor (incluidas las propiedades del
prototipo de Object). ECMAScript 5 ofrece el mtodo Object.create, permitiendo la
creacin explcita de una instancia sin tener que heredar automticamente del
prototipo de Object (en entornos antiguos puede aparecer el prototipo del objeto
creado como null). La propiedad prototype del constructor determina el objeto
usado para el prototipo interno de los nuevos objetos creados. Se pueden aadir
nuevos mtodos modificando el prototipo del objeto usado como constructor.
Constructores predefinidos en JavaScript, como Array u Object, tambin tienen
prototipos que pueden ser modificados. Aunque esto sea posible se considera una
mala prctica modificar el prototipo de Object ya que la mayora de los objetos en
Javascript heredan los mtodos y propiedades del objeto prototype, objetos los
cuales pueden esperar que estos no hayan sido modificados.

Otras caractersticas

Entorno de ejecucin
JavaScript normalmente depende del entorno en el que se ejecute (por ejemplo,
en un navegador web) para ofrecer objetos y mtodos por los que los scripts
pueden interactuar con el "mundo exterior". De hecho, depende del entorno para
ser capaz de proporcionar la capacidad de incluir o importar scripts (por ejemplo,
en HTML por medio del tag<script>). (Esto no es una caracterstica del lenguaje
per se, pero es comn en la mayora de las implementaciones de JavaScript.)

Funciones varidicas

Un nmero indefinido de parmetros pueden ser pasados a la funcin. La funcin

puede acceder a ellos a travs de los parmetros o tambin a travs del objeto
localarguments. Las funciones varidicas tambin pueden ser creadas usando el
mtodo .apply().

Funciones como mtodos

A diferencia de muchos lenguajes orientados a objetos, no hay distincin entre la
definicin de funcin y la definicin de mtodo. Ms bien, la distincin se produce
durante la llamada a la funcin; una funcin puede ser llamada como un mtodo.
Cuando una funcin es llamada como un mtodo de un objeto, la palabra
clave this, que es una variable local a la funcin, representa al objeto que invoc
dicha funcin.
Arrays y la definicin literal de objetos
Al igual que muchos lenguajes de script, arrays y objetos (arrays asociativos en
otros idiomas) pueden ser creados con una sintaxis abreviada. De hecho, estos
literales forman la base del formato de datos JSON.
Expresiones regulares
JavaScript tambin soporta expresiones regulares de una manera similar a Perl,
que proporcionan una sintaxis concisa y poderosa para la manipulacin de texto
que es ms sofisticado que las funciones incorporadas a los objetos de tipo string.

Extensiones especficas del fabricante

JavaScript se encuentra oficialmente bajo la organizacin de Mozilla Foundation, y
nuevas caractersticas del lenguaje son aadidas peridicamente. Sin embargo,
slo algunosmotores JavaScript soportan estas caractersticas:

Las propiedades get y set (tambin soportadas por WebKit, Opera,

ActionScript y Rhino).
Clusulas catch condicionales.
Protocolo iterador adoptado de Python.
Corrutinas tambin adoptadas de Python.
Generacin de listas y expresiones por comprensin tambin adoptado de
Python.
Establecer el mbito a bloque a travs de la palabra clave let.

Desestructuracin de arrays y objetos (forma limita de emparejamiento de

patrones).
Expresiones concretas en funciones (function(args) expr).
ECMAScript para XML (E4X), una extensin que aade soporte nativo XML
a ECMAScript.

El uso en paginas web.

El uso ms comn de JavaScript es escribir funciones embebidas o incluidas en
pginas HTML y que interactan con el Document Object Model (DOM o Modelo
de Objetos del Documento) de la pgina. Algunos ejemplos sencillos de este uso
son:

Cargar nuevo contenido para la pgina o enviar datos al servidor a travs

de AJAX sin necesidad de recargar la pgina (por ejemplo, una red social
puede permitir al usuario enviar actualizaciones de estado sin salir de la
pgina).

Animacin de los elementos de pgina, hacerlos desaparecer, cambiar su

tamao, moverlos, etc.

Contenido interactivo, por ejemplo, juegos y reproduccin de audio y vdeo.

Validacin de los valores de entrada de un formulario web para asegurarse

de que son aceptables antes de ser enviado al servidor.

Transmisin de informacin sobre los hbitos de lectura de los usuarios y

las actividades de navegacin a varios sitios web. Las pginas Web con
frecuencia lo hacen para hacer anlisis web, seguimiento de anuncios, la
personalizacin o para otros fines.

Dado que el cdigo JavaScript puede ejecutarse localmente en el navegador del

usuario (en lugar de en un servidor remoto), el navegador puede responder a las
acciones del usuario con rapidez, haciendo una aplicacin ms sensible. Por otra
parte, el cdigo JavaScript puede detectar acciones de los usuarios que HTML por
s sola no puede, como pulsaciones de teclado. Las aplicaciones como Gmail se
aprovechan de esto: la mayor parte de la lgica de la interfaz de usuario est
escrita en JavaScript, enviando peticiones al servidor (por ejemplo, el contenido de
un mensaje de correo electrnico). La tendencia cada vez mayor por el uso de la
programacin Ajax explota de manera similar esta tcnica.
Un motor de JavaScript (tambin conocido como intrprete de JavaScript o
implementacin JavaScript) es un intrprete que interpreta el cdigo fuente de
JavaScript y ejecuta la secuencia de comandos en consecuencia. El primer motor
de JavaScript fue creado por Brendan Eich en Netscape Communications

Corporation, para el navegador web Netscape Navigator. El motor, denominado

SpiderMonkey, est implementado en C. Desde entonces, ha sido actualizado (en
JavaScript 1.5) para cumplir con el ECMA-262 edicin 3. El motor Rhino, creado
principalmente por Norris Boyd (antes de Netscape, ahora en Google) es una
implementacin de JavaScript en Java. Rhino, como SpiderMonkey, es compatible
con el ECMA-262 edicin 3.
Un navegador web es, con mucho, el entorno de acogida ms comn para
JavaScript. Los navegadores web suelen crear objetos no nativos, dependientes
del entorno de ejecucin, para representar el Document Object Model (DOM) en
JavaScript. El servidor web es otro entorno comn de servicios. Un servidor web
JavaScript suele exponer sus propios objetos para representar objetos de peticin
y respuesta HTTP, que un programa JavaScript podra entonces interrogar y
manipular para generar dinmicamente pginas web.
Debido a que JavaScript es el nico lenguaje por el que los ms populares
navegadores comparten su apoyo, se ha convertido en un lenguaje al que muchos
frameworks en otros lenguajes compilan, a pesar de que JavaScript no fue
diseado para tales propsitos. A pesar de las limitaciones de rendimiento
inherentes a su naturaleza dinmica, el aumento de la velocidad de los motores de
JavaScript ha hecho de este lenguaje un entorno para la compilacin
sorprendentemente factible.

1.2.4 PHP
PHP
es
un acrnimo
recursivo que
significa PHP
Hypertext
Preprocessor (inicialmente PHP Tools, o, Personal Home Page Tools). Fue creado
originalmente por Rasmus Lerdorf; sin embargo la implementacin principal de
PHP es producida ahora por The PHP Group y sirve como el estndar de facto
para PHP al no haber una especificacin formal. Publicado bajo la PHP License, la
Free Software Foundation considera esta licencia como software libre.
Puede ser desplegado en la mayora de los servidores web y en casi todos los
sistemas operativos y plataformas sin costo alguno. El lenguaje PHP se encuentra
instalado en ms de 20 millones de sitios web y en un milln de servidores. El
enorme nmero de sitios en PHP ha visto reducida su cantidad a favor de otros
nuevos lenguajes no tan poderosos desde agosto de 2005. El sitio web de
Wikipedia est desarrollado en PHP. Es tambin el mdulo Apache ms popular
entre las computadoras que utilizan Apache como servidor web.
El gran parecido que posee PHP con los lenguajes ms comunes
de programacin estructurada, como C y Perl, permiten a la mayora de

los programadores crear aplicaciones complejas con una curva de aprendizaje

muy corta. Tambin les permite involucrarse con aplicaciones de contenido
dinmico sin tener que aprender todo un nuevo grupo de funciones.
Aunque todo en su diseo est orientado a facilitar la creacin de sitios webs, es
posible crear aplicaciones con una interfaz grfica para el usuario, utilizando la
extensin PHP-Qt oPHP-GTK. Tambin puede ser usado desde la lnea de
comandos, de la misma manera como Perl o Python pueden hacerlo; a esta
versin de PHP se la llama PHP-CLI (Command Line Interface).
Cuando el cliente hace una peticin al servidor para que le enve una pgina web,
el servidor ejecuta el intrprete de PHP. ste procesa el script solicitado que
generar el contenido de manera dinmica (por ejemplo obteniendo informacin
de una base de datos). El resultado es enviado por el intrprete al servidor, quien
a su vez se lo enva al cliente.
Mediante extensiones es tambin posible la generacin de archivos PDF, Flash,
as como imgenes en diferentes formatos.
Permite la conexin a diferentes tipos de servidores de bases de datos tales
como MySQL, PostgreSQL, Oracle, ODBC, DB2, Microsoft
SQL
Server, Firebird y SQLite.
PHP tambin tiene la capacidad de ser ejecutado en la mayora de los sistemas
operativos, tales como Unix (y de ese tipo, como Linux o Mac OS X) y Microsoft
Windows, y puede interactuar con los servidores de web ms populares ya que
existe en versin CGI, mdulo para Apache, e ISAPI.
PHP es una alternativa a las tecnologas de Microsoft ASP y ASP.NET (que
utiliza C# y Visual
Basic
.NET como
lenguajes),
a ColdFusion de
la
empresa Adobe, a JSP/Java y aCGI/Perl. Aunque su creacin y desarrollo se da
en el mbito de los sistemas libres, bajo la licencia GNU, existe adems un
entorno de desarrollo integrado comercial llamado Zend Studio. CodeGear (la
divisin de lenguajes de programacin de Borland) ha sacado al mercado un
entorno de desarrollo integrado para PHP, denominado 'Delphi for PHP. Tambin
existen al menos un par de mdulos para Eclipse, uno de los entornos ms
populares.

Caractersticas.

Orientado al desarrollo de aplicaciones web dinmicas con acceso a

informacin almacenada en una base de datos.

Es considerado un lenguaje fcil de aprender, ya que en su desarrollo se

simplificaron distintas especificaciones, como es el caso de la definicin de las
variables primitivas, ejemplo que se hace evidente en el uso de php arrays.

El cdigo fuente escrito en PHP es invisible al navegador web y al cliente,

ya que es el servidor el que se encarga de ejecutar el cdigo y enviar su
resultado HTML al navegador. Esto hace que la programacin en PHP sea
segura y confiable.

Capacidad de conexin con la mayora de los motores de base de datos

que
se
utilizan
en
la
actualidad,
destaca
su
conectividad
con MySQL y PostgreSQL.

Capacidad de expandir su potencial utilizando mdulos (llamados ext's o

extensiones).

Posee una amplia documentacin en su sitio web oficial, entre la cual se

destaca que todas las funciones del sistema estn explicadas y ejemplificadas
en un nico archivo de ayuda.

Es libre, por lo que se presenta como una alternativa de fcil acceso para
todos.

Permite aplicar tcnicas de programacin orientada a objetos. Incluso

aplicaciones como Zend framework, empresa que desarrolla PHP, estn
totalmente desarrolladas mediante esta metodologa.

No requiere definicin de tipos de variables aunque sus variables se

pueden evaluar tambin por el tipo que estn manejando en tiempo de
ejecucin.

Tiene manejo de excepciones (desde PHP5).

Si bien PHP no obliga a quien lo usa a seguir una determinada metodologa

a la hora de programar, an hacindolo, el programador puede aplicar en su
trabajo cualquier tcnica de programacin o de desarrollo que le permita
escribir cdigo ordenado, estructurado y manejable. Un ejemplo de esto son
los desarrollos que en PHP se han hecho del patrn de diseo Modelo Vista
Controlador (MVC), que permiten separar el tratamiento y acceso a los datos,
la lgica de control y la interfaz de usuario en tres componentes
independientes.

Debido a su flexibilidad ha tenido una gran acogida como lenguaje base

para las aplicaciones WEB de manejo de contenido, y es su uso principal.

Inconvenientes.

Como es un lenguaje que se interpreta en ejecucin, para ciertos usos

puede resultar un inconveniente que el cdigo fuente no pueda ser ocultado.
La ofuscacin es una tcnica que puede dificultar la lectura del cdigo pero no
necesariamente impide que el cdigo sea examinado.

Debido a que es un lenguaje interpretado, un script en PHP suele funcionar

considerablemente ms lento que su equivalente en un lenguaje de bajo nivel,
sin embargo este inconveniente se puede minimizar con tcnicas
de cache tanto en archivos como en memoria.

Las variables al no ser tipificadas dificulta a los diferentes IDEs para ofrecer
asistencias para el tipificado del cdigo, aunque esto no es realmente un
inconveniente del lenguaje en s. Esto es solventado por Zend Studio
aadiendo un comentario con el tipo a la declaracin de la variable.

CAPITULO II MARCO TEORICO.

2.1Problemtica
En la empresa distribuidora ROKA S.A. DE C.V. se observo una deficiencia en el
sector de la publicidad, ya que esta no tiene un medio de comunicacin adecuado
y otro medio de publicidad es bastante caro.
Es debido a que la empresa labora en varias ciudades como Crdoba, Orizaba y
algunos pueblos de la cercana, es mucho pagar publicidad para cada uno de
ellos.
Un factor importante es que, ahora todo el mundo cuenta con una conexin a
internet y con el fcil acceso a las paginas web, esto ayuda a que un servicio de
renta de host y una creacin de pagina web resulte mas barato y mas eficiente en
el sector de la publicidad.
De aplicarse la pagina web, se tendra la ventaja de dar a conocer los productos
que la empresa maneja, tener una relacin mas directa con un cliente y incluso
tener algunas pre-ventas por internet.

2.2 Internet
Como base primordial para el entendimiento del tema a tratar es esencial conocer
el concepto de Internet, debido a que es por donde se va a ver reflejado el trabajo
realizado, el cual segn lvaro Ibez, Nacho Palou y Javier Pedreira (2005)
definen: Es un conjunto de redes: redes de computadores y equipos fsicamente
unidos que conectan puntos de todo el mundo. Estas conexiones se presentan en
muchas formas, desde cables de red local (varias maquinas conectadas en una
oficina)
En base a lo anterior definido, se puede describir a internet como un gran sistema
conformado por computadores que se encuentran entrelazados con el fin de
compartir informacin. Para que se establezca una comunicacin en Internet es
necesario que existan dos puntos: uno es el computador personal desde el que se
va a acceder y el otro es cualquiera de los servidores que hay en la Red y facilitan
informacin.
Uno de los protocolos fundamentales de internet es el TCP/IP (Protocolo de
control de transmisin/Protocolo de Internet), que es un protocolo de transmisin
que asigna a cada maquina que se conecta un numero especifico llamado IP el
cual acta a modo de numero telefnico. Se establece que el protocolo TCP/IP
sirve para establecer una comunicacin entre dos puntos remotos mediante el
envi de informacin en paquetes.
Sin embargo, es importante destacar que en la actualidad Internet se ha
convertido como especie de una Red de redes sociales que utiliza a la tecnologa
como herramienta para desarrollar sus procesos de informacin, de comunicacin,
de intercambio, y de generacin de nuevos conocimientos.

2.2.2 Impacto de Internet en las organizaciones.

Internet se ha convertido en la plataforma ideal para las organizaciones. Al
respecto se seala que se estima que en los prximos aos, el volumen de
negocio en la red alcanzar cuotas importantes y que, tanto el comercio empresaempresa como el empresa-particular movern mucho dinero a travs de la red.
Crendose as formulas y modelos de negocio que se basan en el marketing
personalizado, la fidelidad de clientes, la creacin de comunidades virtuales, los
servicios sencillos y con alto componente tecnolgico y otras claves necesarias
para una adecuada puesta en marcha de negocios en Internet.
Uno de los principales usos de Internet es el dar soporte al cliente en lnea
(online). De esta forma, los clientes pueden solicitar informacin e incluso hablar
con otros clientes y compartir sus propias experiencias y soluciones. Al

aprovecharse Internet para dar soporte a clientes, una compaa puede

proporcionar trato personalizado a los clientes, sin importar ni la zona horaria, ni
donde estn, ni el coste de las llamadas telefnicas, adems de ahorrar tiempo en
gestiones por telfono. Pero adems, en ventanas puede hacerse uso de Internet
para contactar con clientes actuales y potenciales. Dado que la creacin y envi
de un mensaje de correo electrnico es sencillo y rpido para un cliente, aumenta
las posibilidades de que un cliente potencial vuelva a preguntar sobre algn
producto que podra tener inters para el.
Una de las vertientes de Internet, es Intranet, se ha convertido en un concepto
muy importante en las comunicaciones de las organizaciones. Muchas
organizaciones estn empezando a cosechar beneficios de la implantacin de
redes corporativas de tipo Intranet. El coreo electrnico por ejemplo, permite
mantener comunicaciones independientes de la distancia y conseguir el
intercambio de mensajes en cuestin de minutos. Con esto se consigue que las
comunicaciones corporativas sean mucho mas eficientes y la mejora en la
productividad eficiencia y efectividad se notan inmediatamente.

2.2.3 La Word Wide Web

Originalmente, la World Wide Web WWW fue desarrollada por Tim Berners Lee
en 1990 en el Laboratorio Europeo de Fsica de Partculas, (CERN) para facilitar la
comunicacin y formacin de los colaboradores, cientficos y estudiantes
dispersos geogrficamente por todo el mundo y que participaban en sus
proyectos. La WWW es un sistema de navegacin que homogeneiza la bsqueda
y el acceso a todos los servicios de informacin universal. Esto se consigue
aplicando los conceptos de hipertexto, mediante una bsqueda indexada apoyada
en el empleo de una serie de diferentes protocolos de red.
Entre las caractersticas particulares de la WWW se puede destacar: La
presentacin de la informacin se hace a travs de documentos especiales
denominados hipertexto, que permiten utilizar de un modo muy sencillo los
recursos disponibles y navegar de una forma muy intuitiva. Los documentos de
hipertexto estn formados por una combinacin de textos e imgenes graficas
incluyendo adems hiperenlaces (links). Los hiperenlaces son palabras o frases
que contienen mas informacin al seleccionar una palabra marcada como
hiperenlaces, se navega a otra pagina donde se presenta informacin adicional o
relacionada con dicha palabra.
El uso de tcnicas multimedia, ya que un documento de hipertexto puede
contener, textos, imgenes, videos y sonido. Los programas cliente que se usan
para navegar por la WWW pueden acceder a gran parte de los servicios
comentados en el punto anterior (FTP, E-mail, Chat, etc.) de manera que todos
estos servicios se encuentran integraos al navegador.

Presentacin atractiva de la informacin, que puede venir acompaada de todo

tipo de grficos explicativos y, en general, de cualquier elemento propio de los
entornos grficos. Entre los beneficios del desarrollo de servidores WWW en las
Administraciones
Publicas
cabe
citar:

La reduccin de costos asociados con la elaboracin y publicacin de

catlogos, revistas y boletines de informacin de difusin masiva.

La mejora de la calidad de la informacin al permitir una actualizacin

permanente

El acercamiento de la Administracin al ciudadano a travs de un servicio

universal de bajos costos.

El objetivo de los poderes pblicos con los ciudadanos, en su calidad de usuarios

de los servicios de informacin que proporcionan, se ha de basar en el logro de
dos objetivos bsicos:

Facilitar el conocimiento de la existencia, disponibilidad y medios de acceso

a los productos de informacin elaborados a partir de los datos pblicos.

Promover polticas orientadas a asegurar que la informacin llegue al mayor

numero posible de usuarios y en las condiciones mas favorables de tiempo y
costo, contribuyendo de esta manera al crecimiento de la industria de la
informacin electrnica.

2.3 Sitio Web

Un sitio web es una coleccin de pginas de internet relacionadas y comunes a
un dominio de Internet o subdominio en la World Wide Web en Internet.
Una pgina web es un documento HTML/XHTML que es accesible generalmente
mediante el protocolo HTTP de Internet.
Todos los sitios web pblicamente accesibles constituyen una gigantesca World
Wide Web de informacin (un gigantesco entramado de recursos de alcance
mundial).
A las pginas de un sitio web se accede frecuentemente a travs de un URL raz
comn llamado portada, que normalmente reside en el mismo servidor fsico. Los

URL organizan las pginas en una jerarqua, aunque los hiperenlaces entre ellas
controlan ms particularmente cmo el lector percibe la estructura general y cmo
el trfico web fluye entre las diferentes partes de los sitios.
Algunos sitios web requieren una subscripcin para acceder a algunos o todos sus
contenidos. Ejemplos de sitios con subscripcin incluyen algunos sitios de noticias,
sitios de juegos, foros, servicios de correo electrnico basados en web, sitios que
proporcionan datos de bolsa de valores e informacin econmica en tiempo real,
etc.
Un sitio web es un gran espacio documental organizado que la mayora de las
veces est tpicamente dedicado a algn tema particular o propsito especfico.
Cualquier sitio web puede contener hiperenlaces a cualquier otro sitio web, de
manera que la distincin entre sitios individuales, percibido por el usuario, puede
ser a veces borrosa.
No debemos confundir sitio web con pgina web; esta ltima es slo un archivo
HTML, una unidad HTML, que forma parte de algn sitio web. Al ingresar una
direccin web, como por ejemplo www.wikipedia.org, siempre se est haciendo
referencia a un sitio web, el que tiene una pgina HTML inicial, que es
generalmente la primera que se visualiza. La bsqueda en Internet se realiza
asociando el DNS ingresado con la direccin IP del servidor que contiene el sitio
web en el cual est la pgina HTML buscada.
Los sitios web estn escritos en cdigo HTML (Hyper Text Markup Language), o
dinmicamente
convertidos
a
ste,
y
se
acceden
aplicando
un software conveniente llamado navegador web, tambin conocido como un
cliente HTTP. Los sitios web pueden ser visualizados o accedidos desde un
amplio
abanico
de
dispositivos
con
conexin
a
Internet,
como computadoras personales, porttiles, PDAs, y telfonos mviles.
Un sitio web est alojado en una computadora conocida como servidor web,
tambin llamada servidor HTTP, y estos trminos tambin pueden referirse
al software que se ejecuta en esta computadora y que recupera y entrega las
pginas de un sitio web en respuesta a peticiones del usuario. Apache es el
programa ms comnmente usado como servidor web (segn las estadsticas de
Netcraft) y el Internet Information Services (IIS) de Microsoft tambin se usa con
mucha frecuencia. Un sitio web esttico es uno que tiene contenido que no se
espera que cambie frecuentemente y se mantiene manualmente por alguna
persona o personas que usan algn tipo de programa editor. Hay dos amplias
categoras de programas editores usados para este propsito que son:

Editores de texto como Notepad, donde el HTML se manipula directamente

en el programa editor o

Editores WYSIWYG como por ejemplo Microsoft FrontPage y Adobe

Dreamweaver, donde el sitio se edita usando una interfaz GUI y el HTML
subyacente se genera automticamente con el programa editor.

Un sitio web dinmico es uno que puede tener cambios frecuentes en

la informacin. Cuando el servidor web recibe una peticin para una determinada
pgina de un sitio web, la pgina se genera automticamente por el software,
como respuesta directa a la peticin de la pgina; Por lo tanto se puede dar as un
amplio abanico de posibilidades, incluyendo por ejemplo: (a) Mostrar el estado
actual de un dilogo entre usuarios, (b) Monitorizar una situacin cambiante, o
proporcionar informacin personalizada de alguna manera a los requisitos del
usuario individual, etc.
Hay un amplio abanico de sistemas de software, como el lenguaje de
programacin PHP, Active Server Pages (ASP), y Java Server Pages (JSP) que
estn disponibles para generar sistemas de sitios web dinmicos. Los sitios
dinmicos a menudo incluyen contenido que se recupera de una o ms bases de
datos o usando tecnologas basadas en XML como por ejemplo el RSS.
El contenido esttico puede tambin ser generado peridicamente de manera
dinmica, o si ocurren ciertas y determinadas condiciones; con esta estrategia se
evitar la prdida de rendimiento por causa de iniciar el motor dinmico para cada
usuario o para cada conexin.
Hay plugins disponibles para navegadores, que se usan para mostrar contenido
activo como Flash, Silverlight, Shockwave o applets, escritos en Java. El HTML
dinmico tambin proporciona interactividad para los usuarios, y el elemento de
actualizacin en tiempo real entre pginas web (las pginas no tienen que
cargarse o recargarse para efectuar cualquier cambio), principalmente usando
el DOM y JavaScript, el soporte de los cuales est integrado en la mayora de
navegadores web modernos.

ltimamente, dado el compromiso social de muchos gobiernos, se recomienda

que los sitios web cumplan determinadas normas de accesibilidad, para que stos,
puedan ser visitados y utilizados por el mayor nmero de personas posibles,
independientemente de sus limitaciones fsicas o derivadas de su entorno.
La accesibilidad web viene recogida en las Pautas de Accesibilidad al Contenido
Web WCAG 1.0 del W3C.

2.3.1 Tipos de Sitios Web

Existen muchas variedades de sitios web, cada uno especializndose en un tipo
particular de contenido o uso, y ellos pueden ser arbitrariamente clasificados de
muchas maneras. Unas pocas clasificaciones pueden incluir:

Sitio archivo: usado para preservar contenido electrnico valioso

amenazado con extincin. Dos ejemplos son: Internet Archive, el cual
desde 1996 ha preservado billones de antiguas (y nuevas) pginas web;
y Google Groups, que a principios de 2005 archivaba ms de 845.000.000
mensajes expuestos en los grupos de noticias/discusin de Usenet, tras su
adquisicin de Deja News.

Sitio weblog (o blog o bitcora digital): sitio usado para registrar lecturas
online o para exponer contenidos en lnea con la fecha del da de ingreso;
tambin
puede
incluir
foros
de
discusin.
Ejemplos: Blogger, LiveJournal, WordPress.

Sitio de empresa: usado para promocionar una empresa o servicio.

Sitio de comercio electrnico: para comprar bienes, como Amazon.com.

Sitio de comunidad virtual: un sitio o portal social donde las personas con
intereses similares se comunican unos con otros, normalmente por chat o foros
o simples mensajes. Por ejemplo: MySpace, Facebook, Hi5, Orkut, Habbo,
Multiply, Quepasa.

Sitio de Base de datos: un sitio donde el uso principal es la bsqueda y

muestra de un contenido especfico de la base de datos, como por
ejemplo Internet Movie Database.

Sitio de desarrollo: un sitio con el propsito de proporcionar informacin y

recursos relacionados con el desarrollo de software, diseo web, etc.

Sitio directorio: un sitio que contiene contenidos variados que estn

divididos en categoras y subcategoras, como el directorio de Yahoo!, el
directorio de Google, y el Open Directory Project.

Sitio de descargas: estrictamente usado para

electrnico,
como software,
juegos
escritorio: Download, Tucows, Softonic, Baulsoft.

Sitio de juego: un sitio que es propiamente un juego o un patio de recreo

donde mucha gente viene a jugar, como MSN Games, Minijuegos.com,

descargar contenido
o fondos
de

Pogo.com
y
Chaos y Runescape.

los MMORPGsVidaJurasica, Planetarion, Kings

of

Sitio de informacin: contiene contenido que pretende informar a los

visitantes, pero no necesariamente de propsitos comerciales; tales
como: Free Internet Lexicon y Encyclopedia. La mayora de los gobiernos e
instituciones educacionales y sin nimo de lucro tienen un sitio de informacin.

Sitio de noticias: Similar a un sitio de informacin, pero dedicada a mostrar

noticias y comentarios de la actualidad.

Sitio pornogrfico: muestra imgenes y vdeos de contenido sexual

explcito.

Sitio de promocin web: usado para promocionar otras pginas webs por
medio de publicacin de artculos de opinin.

Sitio buscador: un sitio que proporciona informacin general y est pensado

como entrada o bsqueda para otros sitios. Un ejemplo puro es Google, y el
tipo de buscador ms conocido es Yahoo!.

Sitio shock: incluye imgenes u otro material que tiene la intencin de ser
ofensivo a la mayora de visitantes.

Sitio de subastas: subastas de artculos por internet, como eBay.

Sitio personal: Mantenido por una persona o un pequeo grupo (como por
ejemplo familia) que contiene informacin o cualquier contenido que la persona
quiere incluir: Facebook, Fotolog.

Sitio portal: un sitio web que proporciona un punto de inicio, entrada o

portal, a otros recursos en Internet o una intranet.

Sitio Web 1.0: un sitio web esttico. Un sitio donde el visitante slo puede
recorrer sus pginas sin posibilidad de interactuar con ellas.

Sitio Web 2.0: un sitio web interactivo. Un sitio donde el visitante puede
hacer ms cosas que recorrer sus pginas, en concreto, extraer informacin en
la forma y criterios que estime oportuno y conveniente.

Sitio Web 3.0: un sitio web inteligente. Un sitio que reconoce al usuario y
muestra una dinmica en funcin de sus gustos, preferencias, historial, el
momento y el estado de nimo en que se encuentre. Slo est disponible en
muy contadas redes privadas. Para Internet an se est desarrollado pero se
encuentra posiblemente en fases muy incipientes (fase de definicin). Los

sistemas de inteligencia artificial y de interaccin hardware lo hacen

tecnolgicamente posible aunque nos encontramos todava lejos de su
implementacin a gran escala.

Creador de sitios: es bsicamente un sitio que permite crear otros sitios,

utilizando herramientas de trabajo en lnea, como PageCreative.

Sitio colaborativo o Wiki: un sitio donde los usuarios editan

colaborativamente, donde los propios visitantes son los responsables de
mantener
la
aplicacin
viva,
usando
tecnologas
de
ltima
generacin: pikeo, flickr, Wikipedia.

Sitio poltico: un sitio web donde la gente puede manifestar su visin

poltica. Ejemplo: New Confederacy.

Sitio de rating: un sitio donde la gente puede alabar o menospreciar lo que

aparece.

Sitios educativos: promueven cursos presenciales y a distancia, informacin

a profesores y estudiantes, permiten ver o descargar contenidos de
asignaturas o temas.

Sitio spam: sitio web sin contenidos de valor que ha sido creado
exclusivamente para obtener beneficios y fines publicitarios, engaando o
pretendiendo engaar a los motores de bsqueda.

Glosario
Applet: Es un componente de una aplicacin que se ejecuta en el contexto de otro
programa
ASP: Es una tecnologa de Microsoft del tipo "lado del servidor" para pginas
web generadas dinmicamente
Banners: Es un formato publicitario en Internet.
CGI: Es una importante tecnologa de la World Wide Web que permite a un cliente
(navegador web) solicitar datos de un programa ejecutado en un servidor web.
Chrome: Es un navegador web desarrollado por Google.
ColdFusion: Es un servidor de aplicaciones y un lenguaje de programacin usado
para
desarrollar
aplicaciones
de Internet,
generalmente
sitios
web
generados dinmicamente.
CSS: Hacen referencia a un lenguaje de hojas de estilos usado para describir la
presentacin semntica (el aspecto y formato) de un documento escrito en
lenguaje de marcas.
DHTML: designa el conjunto de tcnicas que permiten crear sitios web interactivos
utilizando una combinacin de lenguaje HTML esttico, un lenguaje interpretado
en el lado del cliente (como JavaScript), el lenguaje de hojas de estilo en
cascada (CSS) y la jerarqua de objetos de un Document Object Model(DOM).
DOM: es una interfaz de programacin de aplicaciones para acceder, aadir y
cambiar dinmicamente contenido estructurado en documentos con lenguajes
como JavaScript

Dreamweaver: Aplicacin que sirve para la creacin y edicin de sitios web y

aplicaciones web.
EMACS: Es un editor de texto.
Frameworks: Un conjunto estandarizado de conceptos, prcticas y criterios para
enfocar un tipo de problemtica particular que sirve como referencia, para
enfrentar y resolver nuevos problemas de ndole similar.
Firefox: Es un navegador web libre y de cdigo abierto.
GNU: sistema operativo libre en desarrollo, compatible con Unix
GUI: es un programa informtico que acta de interfaz de usuario, utilizando un
conjunto de imgenes y objetos grficos para representar la informacin y
acciones disponibles en la interfaz.
HTTP: Es el protocolo usado en cada transaccin de la World Wide Web.
HTML: Hace referencia al lenguaje de marcado para la elaboracin de pginas
web.
Intranet: Red de ordenadores privados que utiliza tecnologa Internet para
compartir dentro de una organizacin parte de sus sistemas de informacin y
sistemas operacionales.
KBPS:
Es
una
unidad
de
medida
que
se
usa
en telecomunicaciones e informtica para calcular la velocidad de transferencia de
informacin a travs de una red.
Macromedia Flash: Se trata de una aplicacin de creacin y manipulacin
de grficos vectoriales con posibilidades de manejo de cdigo mediante un
lenguaje de scripting llamado ActionScript.
NOTEPAD++: Es un editor de texto y de cdigo fuente libre con soporte para
varios lenguajes de programacin.
PDAS:
Es
una computadora de
mano
originalmente
diseada
como agenda electrnica con un sistema de reconocimiento de escritura.
PNG: Es un formato grfico basado en un algoritmo de compresin sin
prdida para bitmaps no sujeto a patentes.
SGML: Consiste en un sistema para la organizacin y etiquetado de documentos.

Shockwave: Es un complemento para navegadores web que permite la

reproduccin de contenidos interactivos como juegos, presentaciones,
aplicaciones de formacin, etc, anteriormente llamado Macromedia Shockwave.

Streaming: Es la distribucin de multimedia a travs de una red de

computadoras de manera que el usuario consume el producto al mismo tiempo
que se descarga.
TEXTPAD: Es un popular editor
operativos Microsoft Windows.

de

texto para

la

familia

de sistemas

VIM: Es la sigla de "Vdeo Interactivo Multimedial" o, lo que es lo

mismo, IMV en ingls.
WEB: Es un sistema de distribucin de documentos de hipertexto o hipermedios
interconectados y accesibles va Internet.
WORDPAD: Es un procesador de textos bsico que se incluye con casi todas las
versiones de Microsoft Windows desde Windows 95en adelante.
WYSIWYG: es el acrnimo de What You See Is What You Get (en espaol, "lo
que ves es lo que obtienes"). Se aplica a los procesadores de texto y otros
editores de texto con formato (como los editores de HTML) que permiten escribir
un documento viendo directamente el resultado final, frecuentemente el resultado
impreso.
W3C: Es un consorcio internacional que produce recomendaciones para la World
Wide Web.
XML: Es un lenguaje de marcas desarrollado por el World Wide Web
Consortium (W3C) utilizado para almacenar datos en forma legible.

1.1 Delimitacin del problema.

La siguiente investigacin se ha delimitado de la siguiente manera:

Tiempo:
El tiempo que se utiliza para esta investigacin es de un semestre
acadmico de la Universidad de Sotavento A.C. (US), que abarca con
los meses de Septiembre a Diciembre del ao 2013.
rea de Estudio:
Para esta investigacin se abarcaron los siguientes temas, aspectos
de publicidad, diseo de paginas web . Por otro lado se incluyeron
elementos relacionados con la tecnologa, especficamente Internet.

1.1 ANALISIS DE LA SITUACIN.

La empresa distribuidora ROKA S.A. DE C.V., es una empresa
encargada de distribuir productos refrigerados, yogurt, carnes fras y
algunos abarrotes. La situacin actual de la empresa es que no tiene
medios adecuados para dar publicidad a la empresa.