Internet es una red global de computadoras interconectadas que permite el acceso a una gran cantidad de información y su uso tiene un profundo impacto en áreas como el trabajo, el entretenimiento, la educación, la salud, las finanzas y la religión. Se originó en las décadas de 1960 y 1970 como una red militar estadounidense llamada ARPANET y evolucionó para permitir el acceso público a través del desarrollo del protocolo TCP/IP y herramientas como el navegador web.

1. 1
Teoría de Diseño Web
¿Qué es internet?
Internet es la gran biblioteca virtual mundial, donde cualquier personaen cualquier parte del
mundo puede accedera este gigantesco archivo digital dondeel conocimiento, el ocio y el
mundo laboral convergen en un mismo espacio llamado Internet.
Internet representa el máximo exponente de la globalización, es un espacio donde podemos
comprar, vender o compartir cualquier producto, servicio o información con cualquier
persona y lugar del mundo, es decir internet es un lugar dondeinteractuamos globalmente.
Internet también se le conocecomo red de redes o la gran red, debido a que su origen y
filosofía se basan en interconectar computadores y ordenadores entre sí creando una gran
telaraña de intercomunicación, dichas interconexiones se realizan mediante cable físico
convencional, fibra óptica, red eléctrica, via satélite... Internet proviene del acrónimo
INTERconected NETworks (red de trabajos interconectados)
Los orígenes de internet datan de la década de los años 60 del siglo XX, donde los primeros
estudios teóricos lanzaban la idea de interconectar ordenadores mediante el envio de
bloques de información digitales (código binario), dando como resultado la primera red
interconectada de la historia cuando se creó el primer enlace computacional entre la
universidad de Stanford con la universidad de Ucla.
A finales de los 60 y principios de los 70 el departamento de defensa de los Estados Unidos
desarrolló la primera gran red mundial de intercomunicación entre ordenadores conocida
como Arpanet, Arpanet fue el origen de Internet y funcionaba bajo los primeros protocolos
de comunicación que fueron desarrollados específicamente, dichos protocolos fueron la
base y la semilla para el desarrollo de los protocolos modernos TCP/IP en los que se basa la
Red actual.
A finales de los 80 y principios de los 90 se desarrollaron las herramientas necesarias
(hardware y software) como el código HTML, servidores dondealojar los sitios webs,
navegadores de internet... los cuales permitieron al gran público acceder y manejar Internet
con un simple clic de ratón, gracias a estas y otras herramientas miles de empresas nuevas
se fundaron creando un nuevo modelo de negocio basado en la red, google, facebook,
yahoo, ebay, wikipedia.... sonentre otras grandes empresas y fundaciones cuyo origen y
sentido estan basados en Internet.
Al igual que la máquina de vapor inició la revolución industrial del siglo XX, Internet ha
sido la precursorade una nueva revolución conocidacomo la nueva era digital.
Preguntas de repaso
1) ¿Qué es internet?
2) ¿Qué representa internet hoy en la actualidad?
3) ¿De qué orígenes data internet?

2. 2
4) ¿De qué termino proviene internet?
5) ¿Qué sucedió a finales de los 60 y principios de los 70?
6) ¿ A finales de los 80 y principios de los 90 que se desarrollaron?
7) ¿Qué a ha producido internet en este siglo?
IMPORTANCIA DEL INTERNETEN LA SOCIEDAD ACTUAL
El Internettiene un impacto profundo en el área del trabajo, entretenimiento, el
conocimiento, en la salud, finanzas, religión, etc a nivel mundial. Gracias a la web, millones
de personas tienen acceso fácil e inmediato a una cantidad extensa y diversa de
información en línea.
Comparado a las enciclopedias y a las bibliotecas tradicionales, la web ha permitido una
descentralización repentina y extrema de la información y de los datos. Algunas compañías
e individuos han adoptado el uso de los weblogs, quese utilizan en gran parte como
diarios actualizables. Algunas organizaciones comerciales animan a su personalpara
incorporar sus áreas deespecialización en sus sitios, con la esperanza deque impresionen
a los visitantes con conocimiento experto e información libre.
Internetha llegado a gran parte de los hogares y de las empresas de los países ricos, en
este aspecto se ha abierto una brecha digital con los países pobres, en los cuales la
penetración de Internety las nuevas tecnologías es muy limitada para las personas.
No obstante, en el transcurso deltiempo se ha venido extendiendo el acceso a Interneten
casi todas las regiones del mundo, de modo que es relativamente sencillo encontrar por lo
menos 2 computadoras conectadas en regiones remotas.
Desdeuna perspectiva cultural del conocimiento, Internetha sido una ventaja y una
responsabilidad. Para la gente que está interesada en otras culturas, la red de redes
proporciona una cantidad significativa de información y de una interactividad que sería
inasequible deotra manera.
Internetentró como una herramienta de globalización, poniendo fin al aislamiento de
culturas. Debido a su rápida masificación e incorporación en la vida del ser humano, el
espacio virtuales actualizado constantemente de información, fidedigna o irrelevante.
inasequible :adj. Queno se puede alcanzar o conseguir; inaccesible.
Sinónimos de inasequible : imposible, impracticable, inabordable, inaccesible,
inalcanzable
Antónimos de inasequible: accesible, asequible, realizable
– Características
1. Entretenimiento
Muchos utilizan la Internetpara descargar música, películas y otros trabajos. Hay fuentes
que cobran por su uso y otras gratuitas, usando los servidores centralizados y distribuidos,
las tecnologías de P2P. Otros utilizan la red para tener acceso a las noticias y el estado del
tiempo.

3. 3
La mensajería instantánea o Chat y el correo electrónico son algunos de los servicios de
uso más extendido. En muchas ocasiones los proveedores dedichos servicios brindan a sus
afiliados servicios adicionales como la creación de espacios y perfiles públicos en donde los
internautas tienen la posibilidad de colocar en la red fotografías y comentarios
personales. Seespecula actualmente si tales sistemas de comunicación fomentan o
restringen el contacto de persona a persona entre los seres humanos.
En tiempos más recientes han cobrado auge portales como “You Tube”, en donde los
usuarios pueden tener acceso a una gran variedad de videos sobreprácticamente
cualquier tema. El sistema multijugador constituye también buena parte del
entretenimiento en Internet.
2. Trabajo
Con la aparición de Internety de las conexiones de alta velocidad disponibles al público,
Internetha alterado de manera significativa la manera de trabajar de algunas personas al
poder hacerlo desde sus respectivos hogares. Internetha permitido a estas personas
mayor flexibilidad en términos de horarios y de localización.
Internety sobretodo los blogs han dado a los trabajadores un foro en el cual expresar sus
opiniones sobresus empleos, jefes y compañeros, creando una cantidad masiva de
información y de datos sobreel trabajo.
Internetha impulsado el fenómeno de la Globalización y junto con la llamada
desmaterialización de la economía ha dado lugar al nacimiento de una Nueva Economía
caracterizada por la utilización de la red en todos los procesos deincremento de valor de
la empresa.
Otro tema importante es la forma en que fluyen las noticias por Internet, el contenido está
disponible “al instante” gracias a blogs que seganan la vida por medio de publicidad en su
sistema. Los medios escritos tienen una tendencia a desaparecer debido a este fenómeno,
personalmente no creo que suceda por completo ya que las personas quegeneran las
noticias y están en el lugar de los hechos tienen sueldos gracias a los medios tradicionales
y habría un colapso completo de trabajar de una forma “gratuita”.
3. La educación y el internet
La aparición de Internetimpacta en esta situación. Ocasionara profundos cambios en los
métodos de enseñanza - aprendizajey en los objetivos educativos. Le produceun gran
golpe a la educación memorística.
El principalvalor agregado, la principal diferencia, entre unos alumnos y otros, entre unos
profesionales y otros, entre unos empresarios y otros, ya no estará dada por quien tiene
más información sino por quienes tendrán la capacidad de interpretar mejor la
información y elaborarla más creativamente, produciendo un razonamiento de mejor
calidad.
Internetposibilita, por primera vez en la historia de la educación, que la mente quede
liberada de tener que retener una cantidad enorme de información; solo es necesario
comprender los conceptos sobrela dinámica de los procesos en los cuales una información

4. 4
está encuadrada, ello permite utilizar métodos pedagógicos con los cuales el alumno
puede aprender más y mejor en un año lo que le requería tres.
Ahora los docentes pueden destinar su esfuerzo y el de los alumnos en desarrollar más las
capacidades mentales que les posibiliten a los estudiantes poder "comprender
adecuadamente" la información y "elaborarla creativamente", pudiendo así producir una
calidad superior de razonamiento.
Respecto de la enseñanza formal, Internetpuede ser útil de tres maneras: Como apoyo a
la enseñanza tradicional; como complemento a ella y como sustituto e esa enseñanza
escolarizada o presencial.
a. Se le emplea fundamentalmente como una nueva biblioteca. Los alumnos, en el salón
de clases, en sus casas o en las bibliotecas tradicionales, obtienen en línea información
que antes buscaban en los libros de papel y tinta. Museos virtuales, libros digitalizados y
especialmente información periodística, son fuentes de investigación para los estudiantes.
En ese tipo de indagaciones, suele haber una limitación: la información que se solicita en
un motor de búsqueda es tan especifica, o especializada, que los alumnos no pasan por la
experiencia que significa hojear un libro de papel y tinta, pagina por pagina.
b. La Internetcomo complemento de la enseñanza que se obtiene en la escuela, permite
una actualización constantede conocimientos en las mas variadas especialidades. Un
arquitecto, un médico o un agrónomo, podrán hallar en la red sitios en los que no solo
aparecen las novedades científicas y técnicas de cada disciplina, sino en los que además es
posible intercambiar experiencias con otros profesionales en diversos sitios del mundo.
Internet, abierta a todas las vertientes del conocimiento, propicia el intercambio
interdisciplinario. Pero además, facilita la especialización del conocimiento.
c. Hay quienes consideran que ya, o pronto, es o será posible que la educación a
distancia, a través de la Internet, sustituya a la educación presencial (es decir, impartida
por el profesor delante de sus estudiantes). Las nuevas tecnologías, se dice, incluso
permiten la propagación a mayor número de alumnos de una cátedra que en otras
circunstancias sería recibida por unas cuantas decenas.
4-Educación Virtual
Internetcomo herramienta educativa:
Cada día más centros de enseñanza están conectados a Internet. Los profesores y los
alumnos utilizan esta conexión al mundo de diversas formas. En primer lugar, Internetes
una fuente inagotable de información y datos de primera mano. Como red
originariamente científica, puede encontrarsegran cantidad de información útil para las
clases. Podemos encontrar materiales para cualquier nivel educativo preparados por otros
profesores. Incluso existen archivos deprogramaciones y experiencias educativas,
documentos para uso del profesor en la preparación de sus actividades de enseñanza /
aprendizaje, etc.
Aula Virtual:
El concepto clave es interacción que da lugar a un nuevo concepto: el aula virtual, un
entorno de enseñanza / aprendizajebasado en un sistema de comunicación mediada por
ordenador, un espacio simbólico.

5. 5
5 Salud
Cada vez más personas navegan en la red buscando consejos o diagnósticos médicos y
consultan vía e-mail a médicos virtuales que quizá habitan a miles de kilómetros de
distancia. El hospital virtual brinda servicios de interconsultas, programas deeducación a
distancia y mucha información de primera calidad diseñada especialmente para la
comunidad. Hay servicios virtuales en casi todas las áreas de la salud (oftalmología,
oncología, dermatología, salud mental, etc.), pero es importante aclarar que no se hacen
diagnósticos médicos no se prescriben medicamentos ni tratamientos. El contacto médico-
paciente es fundamentaly eso nunca va a cambiar.
En el internet se pudeencontrar desdeun Vademecum médico hasta una información
especializada.
6- Finanzas
Ya tiene nombre propio: "Home banking", un servicio interactivo que permite al cliente de
un banco, bajo las más estrictas condiciones de seguridad, realizar desde su computadora
varias operaciones bancarias. Digitando un código personal, el usuario puede pagar
servicios, impuestos y tarjetas de crédito, hacer consultas y transferencias de fondos y
comprar o vender divisas. El sistema no es una novedad, pero silo es que cada vez más
gente lo incorpora como rutina.
Porquela banca electrónica vía Internetno solo se perfila como una modalidad cómoda y
práctica. "Con los robos que hay en las sucursales delos banco, hacer las operaciones
desde el hogar es mucho más seguro.
7- Información
Estudiantes, investigadores, científicos, escritores, periodistas y aficionados a los temas
más diversos e inverosímiles, tienen en Internetsu lugar en el mundo dondebuscar
información, rastrear un dato, encontrar una novedad. Por ejemplo, sepuede recorrer los
anaqueles de la biblioteca nacional y encontrar el libro que se anda buscando. También es
posible recorrer nuestros museos.
Sin olvidar sus orígenes, la red brinda la posibilidad de consultar enciclopedias,
monografías, basede datos, archivos y hasta intercambiar datos y conocimientos con otras
personas. Internetes una fuente inagotable, pero la lectura por placer o por ansias de
conocimientos es solo la punta del iceberg. Porquetambién alberga toda la información de
lo que sucede en el mundo al instante. A ellas hay que sumarlela edición on-line de la
mayoría de los diarios y revistas tradicionales que uno puede comprarle al canillita de la
esquina. Así, hoy es posibleleer los principales matutinos nacionales y provinciales; puede
ojearsevarias de las revistas de actualidad y especializadas que están en los quioscos,
escuchar casitodas las estaciones de radio AM y FMque recorren el dial y hasta ver en
directo algún programa de televisión. Lejos de casa, este cable a la propia tierra se está
convirtiendo en una de las herramientas más populares para menguar la nostalgia y, a la
vez, estar informado.

6. 6
8- Religión
La oferta en materia de contenidos religiosos es una de las más completas de Internet. En
nuestro país, las principales religiones tienen numerosos sitios en los que se puede
encontrar desde información hasta asesoramiento espiritual. Y en el directorio virtual de
sitios católicos iglesia.org funciona una red mundial de oración, donde uno se conecta y
deja una intención para que fieles y parroquias detodo el mundo recen por ella. Además,
la agencia informativa católica ofrece información actualizada sobrela iglesia y permite
realizar consultas on-line sobrela Biblia y el catecismo. Musulmanes, evangélicos, judíos y
miembros de otras religiones brindan asesoramiento espiritualy otros servicios a través de
la red. En los sitios dedicados a dar información sobreel muro de los lamentos, por
ejemplo varias organizaciones alcanzan hasta la pared santa notas o peticiones
provenientes de cualquier parte del mundo.
9- Clasificados
Hace más de un año que los clasificados avanzaron sobrela red. Hoy se pueden buscar
empleos, viviendas, automóviles, mascotas y ofertas de servicios sentado frente a la
pantalla, evitando esperas y colas tediosas. Los clasificados virtuales tienen la ventaja de
que, en general, la búsqueda se puede personalizar y ordenar, con lo cual se agiliza el
trámite y se ahorra tiempo.
En un país con una tasa de desocupación tan alta, la oferta y búsqueda de empleo a través
de Internettal vez sea una de las opciones más esperadas. Hay varios sitios dondebuscar
trabajo o publicar un currículum vitae.
10- VENTAJAS Y RIESGOS DE INTERNET
Ventajas de Internet
Internetes una herramienta a la que se le atribuyen innumerables ventajas para la
educación, el comercio, el entretenimiento y en última instancia para el desarrollo del
individuo. La participación en grupos virtuales nos permite interaccionar con gente con
nuestros propios intereses dondesea que estén ubicados físicamente. Esto hace que la
pertenencia al grupo virtual seconvierta en una parte importante de su identidad al
fomentar su autoaceptación.
Una gran parte de los servicios de conexión proporcionan recursos como enciclopedias,
noticieros, acceso a bibliotecas y otros materiales educativos de valor. Ésta es la cara más
amable, útil y pedagógica de la red y la que convierte Interneten una herramienta de alto
valor educativo.
Por otra parte el ordenador y en especial las telecomunicaciones ofrecen una enorme
facilidad de acceso a todo tipo de sucesos, personas einformación decualquier rincón del
mundo. Los usuarios pueden obtener información acerca del tema que deseen sin
desplazamientos ni gestiones. Esto es doblemente atractivo ya que además de útil,
Internetse aleja de la televisión o del videojuego, que ofrece información que en su
mayoría se absorbede una manera pasiva.
Internetbrinda la oportunidad de participar activamente para comunicarsecon otras
personas del mundo o elegir a qué tipos de información o distracciones desean acceder.

7. 7
Riesgos de Internet
Sin embargo, son estos mismos atractivos los que pueden ser, en algunas ocasiones,
perjudiciales. La fascinación que provoca el ir de un lado para otro con un simple
movimiento de dedo puede generar una curiosidad casicompulsiva. La inmediatez con
que se ejecutan los cambios de rumbo dentro de la red, crea la necesidad de una urgente
gratificación y de una constante retro-alimentación. El no obtener esto de forma
satisfactoria puede provocar ansiedad y nerviosismo.
Otros factores de riesgo que no debemos menospreciar es que los niños puedan acceder a
contenidos y materiales gráficos inapropiados o no aptos para su edad -sexo, violencia,
drogas-. Debemos también advertir a los niños sobrelos peligros que puede conllevar el
hecho de que, por inconsciencia, facilite información personalo de la familia a otro
usuario en ocasión de un encuentro por chat, u otra vía.
Dentro de los riesgos del internet, debido al tiempo que pasan las personas frente al
computador, tenemos también
· Afecciones a la vista y al oído
· Malas posturas, dolores deespalda y articulares.
· Cansancio.
· Obesidad por la falta de ejercicio.
· La pérdida de amigos – soledad.
· Ludopatía.
· Adicción a juegos, al chat y a la computadora.
· Exposición a los campos electromagnéticos de los equipos.
· Otros (incremento del consumo eléctrico, costos extra).
· Contribuye a reducir el círculo social y afectar al bienestar psicológico.
Preguntas de repaso
1) ¿Qué impacto a nivel mundial, ha producido internet sobrela sociedad?
2) ¿Qué comparaciones sehace con las bibliotecas tradicionales e internet?
3) ¿Hasta dónde ha llegado internet en la sociedad?
4) ¿Desdelo cultural que ha aportado internet?
5) Dentro de los servicios que ofrece internet (salud, educación, salud, etc) describir
tres características de cada uno.
6) Realice un cuadro comparativo de las ventajas y riesgos de internet.
IMPLICACIONES DEINTERNETEN LAS ORGANIZACIONES
Las redes sociales y los nuevos medios hanrevolucionadolas comunicaciones. Cada día
más, las organizaciones parecierantomar conciencia del cambiode paradigma
comunicacional. La evoluciónde los medios digitales sobre lacomunicacióntradicional
es un hecho que pocos han podido ignorar ante las exigencias de unnuevomercado,
interconectado, más críticoe inteligente.

8. 8

9. 9

10. 10
Páginas de servicios
Tipos y clases de páginas web
El diseño y programación de una página web ya sea para un negocio u organizaciones lo
puedes realizarsecon diferentes tecnologías.
Estas tecnologías se clasifican en grupos o clases. También sería bueno formularte o
formular a tu futuro cliente las siguientes preguntas a fin de conocer bien sus necesidades
y asípoder ofrecerle un servicio que al final sea un producto que cumpla su tarea real.
¿Qué quieres que haga tu web?
- Una herramienta de marketing: proporcionar información sobretu actividad, empresa,
tus productos y servicios a clientes potenciales.
– Una herramienta de comunicación corporativa: proporcionar información relevantea
inversores, accionistas y prensa.
– Queincremente tus ventas: vender directamente a través de la web.
– Un canal de atención al cliente: permitir tener comunicación con tus clientes, y así
aumentar su satisfacción y retención.
¿Quién es el público objetivo de tu web?
- Clientes potenciales.
– Clientes actuales.
– Distribuidores.
– Particulares o empresas.
¿Qué hace tu competencia?
- ¿Cumplen lo que los usuarios esperan deellos?

11. 11
– ¿Quées lo que te gusta de su web?
– ¿Y lo que no?
Portal.
Es un sitio web que en su página principal permite el acceso a múltiples secciones que, por
lo general, son foros, chats, cuentas de correo, buscador, acceso registrado para obtener
ciertas ventajas, las últimas noticias de actualidad… un sinfín de recursos para brindar al
usuario la mejor experiencia de búsqueda para una temática en particular o para una
temática muy amplia. Estamos hablando de dos tipos diferenciados de portal: Portal
Horizontal, se reconocepor su temática variada con el fin de captar el mayor tráfico de
internautas posible. Son un ejemplo de esta modalidad, los portales de Lycos, Yahoo,
Altavista, MSN, etc. Por otra parte, tenemos el PortalVertical, que secentra en ofrecer
contenido de una temática en particular, de este modo podemos hablar de Portal
Inmobiliario, Portalde Comercio, Portal Laboral, etc.
Tienda virtual o Comercioelectrónico.
Como su nombre indica, se trata de un sitio web que publica los productos deuna tienda
en particular en Internet. Permite la compra on-line a través de VISA, domiciliación
bancaria o transferencia por norma general. Ofreceal administrador un panel de gestión
para poder subir los productos, actualizarlos, eliminarlos, etc. Es importante observar
cuando realizamos una compra on-line, que la página donderealizamos la compra
muestre un “candado” en la parte inferior derecha o bien en la parte derecha de la barra
de navegación. Este detalle indica que la empresa propietaria de la tienda virtual ha
habilitado una zona segura para que los datos no sean copiados por los hackers.
Página Web con Gestor de Contenidos.
Se trata de un sitio web cuyo contenido seactualiza a través de un panel de gestión por
parte del administrador del sitio. Este panel de gestión suele ser muy intuitivo y fácil de
usar. En aquellas páginas web que requieran una actualización constante se suele
incorporar este panel de gestión para que pueda controlarsedía a día por parte del
cliente.
Web 1.0 Definición
La Web 1.0 empezó
en los años 60's
junto al Internet, de
la forma más básica
que existe, con
navegadores de solo
texto, como ELISA,
Web2.0 Definición
Se refiere a una
segunda generación
de Web basada en
comunidades de
usuarios y una gama
especial de servicios,
como las redes
Web 3.0 Definición
Podemos identificar
la Web semántica
como una forma de
Web 3.0. Existe una
diferencia
fundamental entre
ambas versiones
Web 4.0 Definición
Este término motiva
a pensar en que
consisteeste tipo de
web. Por ahora
algunos señalan que
el resultado de 3D +
web 3.0 (web

12. 12
era bastante rápido
pero muy simple.
Después en los 90
surgió HTML (Hyper
Text Markup
Language) como
lenguaje hipertexto
e hizo que las
páginas Web sean
más agradables a la
vista y puedan
contener
componentes como
imágenes, formatos
y colores.
Ventajas
E Exposición al
mundo entero a
través del Internet.
• El presentador de
la información tiene
total controly
autoridad de lo
publicado.
Podremos dialogar
de forma natural y
en linea con una
agente virtual
inteligente. •
Internet: Se
accederá por medios
de un “dispositivo,
delgado,
Ligero, portátil y
con muy alta
resolución”. •
Integrado en los
sociales, los blogs,
los wikis o las
folcsonomías, que
fomentan la
colaboración y el
intercambio ágil de
información entre
los usuarios, donde
el estaticismo de las
páginas pasa a
transformarseen
una matriz de
interacción del
usuario con la Red
pudiendo él mismo
incluir su propia
información en el
sistema, creando o
no webs interactivas
y visuales
Ventajas
Propagación
inmediata de
contenido e
información (RSS)
que va a permitir un
mejor desarrollo de
la estructura en red.
1.2.Uso deotras
fuentes para
desarrollar nuevas
aplicaciones. Esta
cuestión va a
permitir que el
desarrollo de nuevas
aplicaciones se
centre en la
aportación de valor
añadido, centrando
los recursos en lo
nuevo, y sacando
partido de lo hecho
Web (2.0 y
semántica) y es el
tipo de participante
y las herramientas
que se utilizan. La
2.0 tiene como
principal
protagonista al
usuario humano que
escribe artículos en
su blog o colabora
en un wiki.
Ventajas
El código es mucho
más sencillo de
desarrollar y
mantener.
• Los
buscadores
encuentran
información
relevante más
fácilmente.
• Es mucho
más sencillo hacer
modificaciones al
diseño o compartir
información.
• No se
depende de un solo
servicio para
obtener
información, sino
que ésta puede
semántica) +
Inteligencia artificial
+ voz como vehículo
de
intercomunicación =
web 4.0 (web total)
es decir que una vez
se establezca esta
web semántica
(entre el año 2010 y
el 2020) será el
turno de avanzar
hacia la web 4.0 en
la que el sistema
operativo
establecido en la
web cobre
protagonismo.
Ventajas
Podremos dialogar
de forma natural y
en linea con una
agente virtual
inteligente. •
Internet: Se
accederá por medios
de un “dispositivo,
delgado,
Ligero, portátil y
con muy alta
resolución”. •
Integrado en los
vehículos

13. 13
vehículos.
Desventajas
La comunicación es
pasiva.
• No se permite
retro alimentación
perdiendo la
oportunidad de
tener acceso a
información
relevante.
• No se conoce
inmediatamente la
reacción del público
en relación a la
información
compartida
por otros
Desventajas
La seguridad de
datos
confidenciales,
como la
contabilidad,
facturación, etc. Es
uno de los aspectos
que más sedebaten,
al estar
almacenados en
servidores ajenos.
La dependencia del
sistema a la
conexión de Internet
sigue siendo una
barrera a su
adopción.
estar distribuida en
varios sitios y
juntarla en un tercer
Desventajas
Hay que tener más
cuidado con la
seguridad de la
información del
sitio.
Desventajas
Dependientes de la
tecnología
Mal uso tecnológico
en la vida.
CONCLUSIÓN
LA WEB 1.0: Fue el principio del inicio del desarrollo de las telecomunicación, con la web
1.0 el usuario era restringido a leer la misma información ya que no se podía actualizar
continuamente.
LA WEB 2.0: tenemos un gran avancecomo es el intercambio de información entre
usuarios y la interacción en redes sociales como el facebook y entre otros, permitiéndonos
estar comunicados con todo el mundo.
LA WEB 3.0: Se describeel camino evolutivo en la información, ya que esta recopila ciertos
mecanismos de las anteriores, se la optimiza a través de un rápido y fácil acceso al
intercambio de información y la participación en redes sociales, facilitando las actividades
del usuario.
LA WEB 4.0: Es el avancemás grandeen las telecomunicaciones, ya que con esta
tecnología facilita la investigación, a través de la creación de un sistema operativo tan rápido
enrespuestacomoescerebrohumano. Llegóel momentode hablarsobre HTML, el lenguaje conel que creanlas
páginasweb.
HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un
conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán
una página web.

14. 14
El HTML se creó en un principio con objetivos divulgativos de información con texto y
algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y
consulta con carácter multimedia (lo que es actualmente la web), de modo que, el HTML
se creó sin dar respuesta a todos los posibles usos quese le iba a dar y a todos los
colectivos de gente que lo utilizarían en un futuro. Sin embargo, pese a esta deficiente
planificación, si que sehan ido incorporando modificaciones con el tiempo Conceptos de
diseño web
Preguntas:
1- ¿Defina que es un portal?
2- ¿Defina que es una tienda virtual?
3- ¿Qué es una página web con gestor de contenidos?
4- Realizar un cuadro con las definiciones de web 1-2-3-4, describa dos ventajas y
desventajas decada una.
5- Defina que es HTML.
Tipos de dominos
En Internetexisten varios tipos de terminaciones de dominios o, mejor dicho, dominios de
primer nivel. Estos son los.com, .org, .es, etc.
Como decíamos, los dominios de primer nivel indican el ámbito al que pertenecen, hay
principalmente dos grupos, genéricos y territoriales.
Dominios genéricos
Son dominios que se otorgan a nivel internacional, para empresas y personas detodo el
mundo. Los vamos a enumerar aquí, indicando el tipo de institución al que van dirigidos.
.com : Para empresas o en general para cualquier web que tenga carácter comercial. En un
principio, quería decir que ese dominio que se trataba de una compañía estadounidense,
pero en la práctica cualquiera ha tenido acceso a estos dominios que se han hecho muy
populares y los preferidos para cualquier tipo de fin.
.net : Indica una red en Internet, la de un proveedor de servicios por ejemplo. Una opción
que a la larga también se ha convertido en válida para cualquier tipo de propósito.
.org Destinado para organizaciones, asociaciones, fundaciones y demás entidades muchas
veces con fines benéficos o si ánimo de lucro.
.gov Es para las páginas del gobierno de los Estados Unidos.
.edu Reservado para las instituciones relativas a la educación, pero solo las de los Estados
Unidos.
.mil Se utiliza para instituciones militares de los estados unidos.

15. 15
.int Que pertenece a la Unión Internacionalde Telecomunicaciones, y en el que se pueden
encontrar organismos quese hayan creado con acuerdos internacionales, como las
Naciones Unidas.
Hay un organismo llamado NIC que es el que se encarga de regular el registro de los
dominios a nivel mundial. Se encarga de indicar para que se utiliza cada dominio, quien
está autorizado a registrarlo, y quien puede ser el registrador. Esta entidad delega en otras
para desempeñar todo el trabajo de organización queconlleva la administración de los
dominios, sobretodo en los distintos países, como más adelante se verá.
Para registrar undominio
Anteriormente, el registro de dominios sólo lo podía realizar una empresa llamada
Network Solutions, que mantuvo el monopolio hasta el verano de 1999. Actualmentese
encuentra liberalizado este mercado y existen muchas más empresas registradoras de
dominios. De todos modos, a través de estas empresas operan muchos más intermediarios
y encontrar un registrador cercano a nosotros puedeser muy sencillo.
Sólo los dominios del tipo .com.net y .org (y ahora también los .info .biz y .edu) se
encuentran al alcance de cualquier persona. Para registrarlos podemos acceder a las
páginas de las empresas que están capacitadas para ello. En DesarrolloWeb.compodemos
ayudaros también en esta tarea.
En nuestro servicio de alojamiento puedes solicitar un dominio y registrarlo para cuanto
tiempo desees. Además, en la parte de la derecha puedes ver un formulario donde escribir
y buscar el dominio que deseas. Posteriormente, si es que tu dominio está libre, podrás
registrarlo a través de nuestras páginas. En estas páginas debemos realizar una búsqueda
para saber sise encuentra disponible el dominio que deseamos. Una vez hemos
comprobado que no pertenece ya a ninguna persona podemos pasar a su registro, quese
realiza a través de unos formularios online en esas mismas páginas.
Si vamos a colocar unas páginas web en el dominio y vamos a contratar los servicios de
hosting en algún proveedor, puedeser aconsejableque este sea el encargado de la labor
de registro. Lo hará a través de una de esas empresas capacitadas para ello (señaladas
arriba) y, generalmente, sin un coste adicional, o en el caso de haberlo, no será muy
elevado. (probablemente el mismo precio que tenga trasladar ese dominio a sus
servidores)
Hay unos costes relacionados al registro de los dominios, costes que no se pueden evitar y
que no se los queda el proveedor, sino que son destinados al NIC. Para los dominios .com,
.net y .org, el costedel registro es de 35 dólares. Esta tasa permite mantener el dominio
durante 1 año. Posteriormentehay que pagar 35 dólares por año para seguir manteniendo
el nombre.

16. 16
¿Qué es hosting?
Ahora ya registrastetu dominio, pero hay un problema, cuando intentes acceder a tu
dominio por el navegador no va a cargar nada, esto es porque el dominio solo es tu
nombreen internet y su trabajo es mostrar en el navegador los archivos de tu web, pero
esos archivos necesitan estar en algún lado, sino como sabrá el dominio que cosa mostrar.
Es aquí donde entra al juego el Hosting, y es que el hosting (palabra en inglés que significa
hospedaje) es ese espacio en internet donde alojarás los archivos de tu web, tales como
imágenes, texto, documentos html y css, vídeos, pdfs, etc, ese espacio es un espacio
determinado dentro de un servidor o computador que está configurado para alojar a los
sitios web (CPU), piensa en el hosting como si fuesetu USB online, allí puedes guardar
todo lo que quieras (siempreque el espacio te lo permita) y cada vez que alguien escribe
tu dominio en el navegador, el dominio seenlazará con el hosting y mostrará su
contenido.
Recomendaciones paracomprar un Hosting
Imagina que quieres alquilar un local para tu negocio, las cosas que buscas en ese local son
que sea un local grande, que esté en un centro comercial muy concurrido, que tenga
buena seguridad, etc. En el caso del hosting es exactamente igual, tienes que elegir un
hosting que cubra tus necesidades, sobretodo en cuanto a espacio, transferencia
mensual, soportetécnico, velocidad y seguridad. Por ejemplo si tienes un blog o sitio web
en wordpress, lo mejor sería que busques un hosting para wordpress, ya quetienen los
requerimientos necesarios para que tu wordpress funcionedelo mejor, a partir de allí
evalúa el soportetécnico, la cantidad de espacio para alojar tus archivos, etc.
CONCLUSIÓN
El hosting y dominio a pesar de ser dos cosas distintas, son dos cosas queestán siempre
juntas, uno necesita del otro para funcionar y es por eso que mucha gente los confundeo
tiene un concepto equivocado de lo que es, lo bueno es que ahora tu ya sabes que es
exactamente cada uno, como se diferencian, lo importante que es saberlos elegir y lo
necesarios que son el uno del otro.
El "Hosting Web"o servidor, es el espacio físico donde son alojadas las paginas web o
Sitio.
El hosting web es el lugar que ocupa una pagina, sitio, sistema, correo electrónico o
archivos en internet dentro de un servidor, con una conexión permanente accesible
durante los 365 del año, las 24 hs. al día.

17. 17
Dominios territoriales
Los dominios tienen un nombre y una terminación que indica su actividad o procedencia
territorial. Por ejemplo, yahoo.com: yahoo es el nombre y .com expresael ámbito de esa
página, comercial eneste caso.
Escoger bien el nombre del dominio es fundamental, sieste tiene gancho podremos ser
fácilmente recordados eidentificados en Internet. A veces no es tan sencillo realizar una
buena elección del nombre del dominio pues puede que los que nos gusten ya hayan sido
registrados por otras personas.
En muchos casos, el registro de los dominios ha sido realizado como un auténtico pillaje,
solicitando los usuarios de Internetmiles de nombres con el único objetivo de poseer ese
dominio con gancho, pensando en futuras compensaciones, y sin presentar ninguna
información en sus páginas web. Los nombres de las empresas importantes son los que
más han sufrido este pillaje, que ha obligado a las empresas a comprar los dominios
"raptados" por un precio astronómico a sus dueños.
También existen dominios de primer nivel que indican el territorio de origen de la página.
Estos dominios solo se le otorgan a empresas o personas delos países relacionados con el
dominio.
Como ejemplos de dominios territoriales podemos señalar .es para España, .fr para
Francia, .mx para México...
El registro de los dominios territoriales es regulado en base a unas normas específicas para
cada país. Los encargados de crear estas normas para el registro son los distintos
delegados del NIC de cada país. De este modo, el ES-NIC ( www.nic.es) es el encargado en
España, mientras que MX-NIC ( www.nic.mk)es el de México, o AR-NIC ( www.nic.ar) elde
Argentina.
España, por ejemplo, las normas para el registro de un dominio .es son bastante
restrictivas, y no todo el mundo puede registrarlos. En concreto para acceder a estos
debemos ser una empresa y nuestro nombredebe de ser igual al del dominio que
queremos registrar, o muy parecido. También es posible el registro si se poseeuna marca
registrada en España con ese nombre, siempre llevado a cabo por una empresa y no por
una persona física.
Para consultar los requisitos para el registro de dominios en otros países podemos visitar
las páginas de sus NIC correspondientes, dondesiempreestará todo bien explicado y con
la información más actualizada.
Registrar undominio
En este caso, los NIC de los distintos paises son los que dicen cómo realizar esta labor, y los
que realizan el registro. Detodos modos debemos apoyarnos en las mismas empresas que
nos servían para el registro de dominios genéricos. También nos pueden ayudar nuestros
proveedores de hosting, que conocerán bien las normas de registro de los países donde
trabajan.

18. 18
Con respecto al registro de los .es, que es el que conocemos, puedes registrarlos también
por medio de nuestro servicio de registro de dominios y haremos de intermediarios para
registrarlo a través de ES-NIC.
Para los dominios .es, el coste del registro viene a costar 72,12 € (IVA incluido). Esta tasa
permite mantener el dominio durante 1 año natural(es decir, sólo hasta que se termina el
año en curso). Posteriormentehay que pagar 48,08 € por año (IVA incluido) para seguir
manteniendo el nombre.
Donde conseguir dominios gratis
Es dificil conseguir un dominio gratuito, además, sería un regalo envenenado, ya que la
empresa que lo registra gratuitamente sereserva todos los derechos sobrelos dominios,
como pueden ser la propiedad, el decidir qué uso se le da o la colocación de publicidad,
muchas veces abusiva.
Hace tiempo, las empresas que ofrecían estos dominios gratis eran:
Namezero.
DomainZero, aunquesólo para ciudadanos de Estados Unidos.
En la actualidad, estas ofertas se han acabado o son de pago (Hay que enterarse de el
estado de la oferta en las páginas señaladas, pero no esperéis mucho).
Sin embargo, hay otra opción para conseguir dominios gratuitos muy interesante. Se trata
de DOT.TK, un dominio asignado a una isla "perdida" queofrece, para particulares, la
posibilidad de registrar gratuitamente nombres de dominio con la terminación .tk.
Para los que desean dominios gratuitos, insistir en que el registro de un dominio
generalmente tiene un coste, por lo que no suele ser muy habitual que los regalen.
También está la posibilidad de conseguir un subdominio, queno tiene, en teoría, coste de
setup, razón por la cúal son regalados muy a menudo.
Nota: Un subdominio es un "dominio dentro de un dominio". Por ejemplo,
usuarios.desarrolloweb.comsería un subdominio del dominio principal
desarrolloweb.com. www.ciberpais.elpais.es es un subdominio del dominio
principal elpais.es.
Tipos de dominios
Existen 2 tipos de dominio: los dominios genéricos y los dominios territoriales.
- Los Dominios Genéricos: (también son denominados dominios internacionales o
globales), son los dominios básicos en Internety los más utilizados a nivel mundial.
Los dominios genéricos están organizados deforma conceptual según sus
terminaciones y que a continuación os mostramos en orden de mayor a menor
utilización. Los nombres de dominio genéricos tienen terminaciones formadas por
3 letras.

19. 19
.com: inicialmente previsto para empresas comerciales. Es el dominio más
difundido en Internet.
.org: inicialmente previsto para organizaciones sin ánimo de lucro, instituciones y
fundaciones.
.net: inicialmente previsto para empresas relacionadas con Internet
.info: esta terminación de dominio por regla general es utilizada por sitios web
cuyo principal cometido es la difusión o publicación de contenidos informativos.
.biz: esta terminación proviene de la abreviación de business (negocios en inglés)
y su utilización está enfocada a la temática de los negocios.
.edu: los dominios con esta terminación son utilizados para fines educativos.
- Los Dominios Territoriales: (también llamados domnios geográficos), son los
dominios mantenidos por cada país. Estos dominios territoriales son utilizados por
las organizaciones y empresas quedesean establecerse en Internety proteger la
identidad de su marca o su nombrecomercial en un país concreto. Los dominios
territoriales tienen sus terminaciones compuestas por 2 letras.
En españa, la autoridad competente para el registro de dominios territoriales con
el código de país ".es" es ESNIC, departamento de la Entidad Pública Empresarial
RED.ES.
El registro de los dominios territoriales de España puede realizarse, bien a través
de ESNIC directamente (www.nic.es) o bien a través de cualquiera de los
registradores registradores acreditados por ESNIC (Los Agentes Registradores son
intermediarios en los procedimientos relacionados con el registro de nombres de
dominio bajo “.es” autorizados pro ESNIC y que tienen facultad para asesorar a los
usuarios y actuar ante ESNIC para tramitar la asignación de nombres de dominio
territoriales de España).
Los dominios territoriales de España están regulados por una normativa bastante
más estricta que los genéricos o internacionales.
Existen2 tipos de dominios territoriales conel códigode país .es:
Dominios territorialesde 2ºnivel ".es". Puedenser solicitados por:
- Las personas físicas españolas o extranjeras que residan en España.
- Las entidades con o sin personalidad jurídica constituidas conformea la

20. 20
legislación española.
- Las primeras sucursales desociedades extranjeras inscritas en el Registro
Mercantil.
- Los Órganos Constitucionales, el Defensor del Pueblo, el Consejo de Estado y el
Tribunal de Cuentas, las Administraciones Públicas españolas y las entidades de
Derecho Público con personalidad jurídica propia, así como los Departamentos
Ministeriales y Consejerías delas Comunidades Autónomas.
- Las embajadas y consulados extranjeros acreditados en España y las
organizaciones i nternacionales a las que España pertenezca.
Dominios territorialesde 3er nivel .com.es - .nom.es - .org.es - .gob.es - .edu.es.
.com.es: Pueden ser registrados por personas físicas o jurídicas y entidades sin
personalidad que mantengan vínculos con España.
.nom.es: Podrán solicitarlo las personas físicas quemantengan vínculos con
España.
org.es: Podrán solicitarlo las entidades, instituciones o colectivos con o sin
personalidad jurídica y sin ánimo de lucro que mantengan vínculos con España.
gob.es: Podrán solicitarlo las Administraciones Públicas españolas y las entidades
de Derecho Público de ella dependientes.
.edu.es Podrán solicitarlo las entidades, las instituciones o colectivos con o sin
personalidad jurídica que gocen de reconocimiento oficial y realicen actividades
relacionadas con la enseñanza o la investigación en España
PREGUNTAS.
1-¿Cuántos tipos de dominio existen?
2- Escriba los dominios genéricos y territoriales y el significado de cada uno.
3- ¿ Qué debo hacer para gestionar un dominio?
4- ¿ Qué es un Hosting web?
Marketing "TRADICIONAL" Marketing "RELACIONAL"
Enfoque al producto: el producto es
la "estrella" de la empresa
Enfoque al cliente: "el cliente es el rey". Este es el
concepto sobreel que gira el resto de la "filosofía"
del marketing relacional.

21. 21
No se sabe nada de los clientes y
cada proceso de venta parte de
cero.
Inteligencia de clientes: Se necesita tener
conocimiento sobreel cliente para poder desarrollar
productos y/o servicios enfocados a sus expectativas.
Para convertir los datos en conocimientos se
emplean bases de datos y reglas
Fundamentalmente, la empresa
habla y el cliente escucha
Interactividad: El proceso de comunicación pasa de
un monólogo (de la empresa al cliente) a un diálogo
(entre la empresa y el cliente). Además, es el cliente
el que dirige el diálogo y decide cuándo empieza y
cuándo acaba.
Centrado en la adquisición de
nuevos clientes. Es más rápido y
fácil captar nuevos clientes que
fidelizar a los que se tiene.
Es mucho mejor y más rentable (del orden de seis
veces menor) fidelizar a los clientes que adquirir
clientes nuevos. La fidelización de los clientes pasa a
ser muy importante y por tanto la gestión del ciclo
de vida del cliente.
El mercado es infinito y la empresa
puede permitirse perder clientes.
La competitividad hace que la adquisición de clientes
sea cada vez más compleja y por tanto las estrategias
están más basadas en la fidelización de los clientes
que en su adquisición.
La comunicación sedesarrolla
principalmente en medios "masivos"
(TV, prensa, etc.).
El eje de la comunicación es el marketing directo
enfocado a clientes individuales. Se pasa a
desarrollar campañas basadas en perfiles con
productos, ofertas y mensajes dirigidos
específicamente a ciertos tipos de clientes, en lugar
de emplear medios masivos con mensajes no
diferenciados.
Todos los clientes son iguales.
Personalización: Cada cliente quiere comunicaciones
y ofertas personalizadas por lo que se necesitan
grandes esfuerzos en inteligencia y segmentación de
clientes. La personalización del mensaje, en fondo y
en forma, aumenta drásticamente la eficacia de las
acciones de comunicación.
Hacer la venta con una visión
cortoplacista.
Pensar en los clientes como un activo cuya
rentabilidad muchas veces es en el medio y largo
plazo y no siempre en los ingresos a corto plazo. El
cliente se convierte en referencia para desarrollar
estrategias de marketing dirigidas a capturar su valor
a lo largo del tiempo.
Utilizando las redes sociales como herramientas de marketing relacional

22. 22
Las redes sociales son una excelente manera de pescar nuevos clientes, por ello lo
primero que deberías hacer, es buscar perfiles que seajusten a tu target y redireccionar a
los nuevos clientes a conocer las cuentas que tiene tu empresa.
Además, la participación y comunicación a través de redes sociales, ayuda en gran
medida a estar más cerca de nuestros clientes, conocerlos y de esta forma mejorar nuestra
oferta.
A continuación te mostramos las funciones quepuede cumplir para nuestra empresa la
utilización de redes sociales en cada etapa de la campaña de marketing relacional:
La integración on line off line en la estrategia de Marketing
Casi siemprecuando abordamos las estrategias de marketing en nuestra empresa
solemos plantear por separadas las acciones que tienen que ver con el mundo online y el
offline. Sin embargo, lo que debemos hacer aprovechar nuestra presencia física para
potenciar la virtual y viceversa.
La madurez tecnológica de la sociedad y la constanteevolución de las posibilidades y
tecnología determinan que la línea que separa el marketing offline de la empresa del
online sea cada vez mas imperceptible.
En definitiva la parte online de la empresa (web, newsletters, campañas de publicidad,
redes sociales) puede y debe formar parte integrante de la estrategia comercial y de
marketing de la empresa. Un usuario de la web no sólo es alguien susceptible de
convertirseen un cliente, si que no puede tratarsede un cliente ya existente y ese ha de
ser nuestro objetivo. La cercanía y la facilidad para obtener información de su relación
sobrenuestra empresa así lo aconsejan.
Elementos de la ImagenCorporativa
La imagencorporativa está formada por diversos componentes que al trabajar
conjuntamente permiten posicionar a la empresa en la mente del cliente.
Algunos de estos son:
1. El nombre de la empresa: del nombre depende la primera impresión que los clientes se
llevan de una empresa. Por ello, la importancia de escogerlo correctamente. Se
recomienda que el nombretenga relación con la esencia de su negocio, pero también que
sea breve, fácil de recordar y lo suficientemente creativo como para distinguirsede la
competencia.
2. El logo: puede ser logotipo (compuesto de palabras), isotipo (de imágenes) y el
isologotipo (combina tipografía e imagen). El logo debe ser comprensiblepor el público y
atractivo para los potenciales clientes. Por ello, en el momento del diseño, deberá
considerar tanto a su clientela como a la competencia, y el mensajeo idea que desea
transmitir.
3. El eslogan: Para que tenga efecto, es necesario que sea una promesa sobrelos
beneficios del producto o servicio que su empresa ofrece y que los diferencia de la
competencia. Debe una impresión de prestigio y credibilidad a su negocio. Es de gran
efectividad que sea original
4. El sitioweb: Es fundamental contar con un dominio propio, que puede ser el nombrede
su empresa o bien alguna palabra relacionada al negocio. El diseño debe ser amigable y

23. 23
fácil de manejar, para el cliente quien debe poder informarsefácilmente sobrela empresa,
sus productos y como poder adquirirlos .
5. Brochure: No solo se trata de los folletos y manuales del negocio, sino de las tarjetas de
presentación, sobres y etiquetas, carpetas, facturas y hasta la vestimenta de los
vendedores.
Lo importante es que todos los elementos detallados sean parte del quehacer diario y de
la cultura corporativa de la empresa, con el fin de generar reconocimiento e identificación
no sólo por parte de sus clientes, sino también de sus propios trabajadores.
La importanciadel marketing online
Las posibilidades y ventajas quenos ofreceInternetcomo campo para el marketing de
pymes son tan importantes, que hoy en día no podemos llevar a cabo una estrategia de
comunicación de nuestra empresa sin tener en cuenta la red.
Es evidente que cualquier mensaje generado en la red tiene una difusión cuantitativa y
territorial enorme, ya que puede ser consultado, leído, grabado y transformado por
millones de usuarios.
Por esta realidad Internet no puede ser obviada por ninguna empresa que quiera estar
bien posicionada en el mercado, de forma que, no solamente tendrá que estar presente
en la red, sino que tendrá que aplicar diferentes herramientas y técnicas de márketing
teniendo en cuenta ciertas consideraciones básicas para sacar el máximo provecho a su
presencia en Internet.
Tipos de emprendedores
Conoce todos los tipos de emprendedores que existen. La radiografía de cada
emprendedor no se cumple exactamente en cada uno. Siempre se suele tener una mezcla
de varios, pero para comprender los conceptos estos 8tipos de emprendedor dan una
radiografía de los diferentes perfiles:
• Visionario: el emprendedor visionario seadelanta a las tendencias del momento y
pone su esfuerzo y negocio en sectores o productos queserán la clave en un futuro.
• Inversionista: el emprendedor inversionista busca rentabilizar su dinero con
proyectos novedosos. Tienen el papel de un oscio capitalista, cuyo riesgo e implicación
suele ser de asesoramiento y de aportar capital.
• Especialista: elemprendedor especialista suele tener un perfil más técnico. Y
aunque empieza un proyecto empresarial, sus conocimientos están muy centrados en el
sector donde se centra.
• Persuasivo: el emprendedor persuasivo es la punta de la lanza de un proyecto.
Quien arrastra y convence. Es una figura que suele liderar más que desarrollar el producto
o servicio. Se encarga de mantener la convicción en su equipo.
• Intuitivo: el emprendedor intuitivo sabedonde está el negocio. Y lo sabe porquees
un empresario nato. Y emprender es parte de su pasión que son los negocios.
• Emprendedor-empresario: esteemprendedor ya sabe del mundo de la empresa.
Nada le es nuevo. El empresario emprendedor asume el riesgo de emprender pero a
diferencia del intuitivo o el visionario, le gusta consolidar los proyectos, más que
emprender. Y es que hay diferencias entre el emprendedor y el empresario.

24. 24
• Emprendedor-oportunista: esteemprendedor ve la ocasión y se lanza. Sabe
detectar las oportunidades de negocio y los pasos que debe seguir. Conoce el mercado,
sus claves y las explota.
• Emprendedor-vocacional: emprender por emprender. Todos los perfiles de
emprendedores tienen algo de este. Estos emprendedores seguramentecuando consiga
posicionar su producto, marca o servicio, se vaya en busca de nuevas aventuras.
Como apartado para también tener en cuenta dentro del conjunto de información para ser
emprendedor hay que destacar que el joven emprendedor y la mujer emprendedora
tienen apartados especiales.
Coaching enla Empresa
En el ámbito empresarialla práctica del coaching trabaja con un plan de acción alineado
con la compañía y seaplica como un camino para obtener resultados específicos y
corrección en la actitud de los empleados, tanto a nivel individual como grupal.
A través del coach, los empleados serían capaces de sacar sus habilidades al exterior y
mejorar las comunicaciones o las relaciones interpersonales, hacer evaluaciones del
desempeño que está por debajo de las expectativas de la empresa, motivar de empleados,
o encontrar una herramienta que facilite cumplir con objetivos desafiantes.
El Coaching ejecutivo está focalizado en el rol que desempeña un director, un gerente, un
supervisor, etc. Puedeser solicitado por él mismo o tratarsede una propuesta planteada
por la empresa. En este último caso es fundamental para que el proceso sea viable, contar
con el consentimiento del coacheado (persona querecibe Coaching) y vincular sus
intereses personales con los del empleador, en un marco que asegurela confidencialidad.
Modelode presentaciónbreve
El modelo de presentación breveexige dar a conocer tu mensaje, producto o marca en un
tiempo record. En ocasiones las presentaciones requieren ajustarsea unas normas, como
suele suceder en las rondas de búsqueda de inversiones. Para eso conviene conocer cómo
hacer una presentación y eliminar ciertos pasos hasta llegar a lo esencial:
• Producto + valor diferencial: qué vendo, para qué y cuál es mi valor añadido.
• Competencia: marco en el que se engloba y cómo lo están haciendo ellos y qué voy
a aportar yo.
• ROI:El retorno de la inversión o plan de marketing. Es decir, informa sobretu
modelo de negocio y dónde está la rentabilidad.
Con estos tres pasos puedes hacer un modelo de presentación breve que te ayude a lograr
tu objetivo en el menor tiempo posible. Por supuesto, aquíte dejamos unos consejos para
hacer una presentación.
Presentaciones online

25. 25
Las presentaciones online es un tipo de presentación se pueden realizar con programas
como Prezi. La posibilidad de trabajas con este sistema de presentación hace que tengas
que olvidarte de USB o llevar el archivo a cuestas. La presentación de Prezise crea online y
se puede exponer también online.
Google Drive, antes conocido como Google Docs es otro sistema para realizar
presentaciones online. La posibilidad de editar o añadir cambios desde la nube es lo que
caracteriza a estos archivos. Con las exposiciones online se puede trabajar en conjunto sin
estar en el mismo sitio, y de una forma totalmente efectiva.
Crear presentaciones electrónicas
Otros programas para presentacionesonline que puedes utilizar son:
• Impress
• Knovio
• Zoho
• Glogster
• SlideShare
• Bunkr
• Prezi
• Emaze
A continuación, less proponemos algunos temas de interés acercade lapresentación
online:
• Cómo hacer una presentación online conpresentaciones de Google.
• Para qué sirvenlas presentaciones online.
• Ventajas y desventajas de las presentaciones online.
Preguntas
1- Realice un cuadro y describa cuatro características del marketing tradicional y
marketing relacional.
2- ¿ Cómo está formada la imagen coorporativa de una empresa? ¿ Cúales son sus
elementos? Defínalos.
3- ¿ Por qué es importante el marketing on line?
4- Cuántos tipos de emprendedores existen? Describa cada uno de ellos.
5- ¿ Qué es el coaching en la empresa?
6- ¿ Qué significa modelo de presentación breve?
Conceptos de diseñoweb
Definimos el diseño como un proceso o labor destinado a proyectar, coordinar, seleccionar
y organizar un conjunto de elementos para producir y crear objetos visuales destinados a
comunicar mensajes específicos a grupos determinados.
Introducciónal diseñoweb
El término "diseño web" se refiere a la actividad que consisteen estructurar los elementos
gráficos de un sitio web para expresar estéticamente la identidad visual de una compañía

26. 26
u organización. Setrata de una etapa de diseño virtual más que de diseño funcional
(ergonomía, navegación).
El objetivodel diseñoweb es realzar la imagen de una compañía u organización a través
de elementos gráficos con el objeto de reforzar su identidad visualy despertar una
sensación de confianza en el usuario.
Inspiración necesaria
Diseñar una página web es principalmente una tarea artística que combina inventiva y
creatividad.
La estructuratradicional de unapágina web es la siguiente:
Un logotipo ubicado en la esquina superior izquierda. Los usuarios pueden hacer clic en la
mayoría de los logotipos y volver a la página de inicio.
Un menú localizado a la derecha o a la izquierda.
Un encabezado que contiene el nombredel sitio web, un banner de navegación y un área
reservada para un banner (publicitario o de otro tipo).
El cuerpo principal de la página que contiene la mayor parte de la información.
Un pie de página que incluye información útil como ser, la última actualización, un vínculo
a un formulario de contacto, un vínculo al mapa del sitio, etcétera.
El diseñador debe definir en la plantilla qué elementos no cambian y son idénticos en cada
página y qué elementos varían de una página a la otra.
Boceto
Un boceto es un modelo o prototipo de un sitio web que presenta los gráficos y la
navegación del sitio. Los bocetos permiten a los diseñadores formalizar el diseño del sitio
web y casi siempre seusan para validar la fasede diseño antes de pasar a la fasede
"realización
Tamaños de la página

27. 27
El tamaño de una página web depende principalmente de la definición que tenga la
pantalla del usuario (no de su resolución).
Teniendo en cuenta el ancho, es preferible seleccionar un tamaño menor que la definición
horizontalde la pantalla de la mayoría de los visitantes para que éstos no tengan que
desplazar la pantalla con la barra de desplazamiento. Una página angosta permite a los
visitantes hojear la información fácilmente para encontrar lo que les interesa. Las páginas
excesivamente largas corren el riesgo de no leerse por completo y además toma mucho
tiempo descargarlas.
Existen varias estrategias para garantizar que la página se vea de manera óptima en la
mayoría de los equipos de los visitantes:
Elegir el ancho más pequeño admitido por la mayoría de los equipos (por ejemplo: entre
600 y 800 píxeles de ancho).
Elegir una página que contenga tablas invisibles con ancho variable(definido por
porcentaje).
Usar un script (por ejemplo, JavaScript) para detectar la resolución de la pantalla del
usuario y redireccionarlo a una página con el ancho adecuado. Este método requiere que
el visitante utilice un navegador con JavaScriptactivado y la creación de tantas páginas
como anchos solicitados.
El posicionamientode lainformación
Cómo se posiciona la información es un elemento importante en el diseño web. Si setiene
en cuenta la dirección en la que los usuarios leen la información (en diagonal desde la
esquina superior izquierda hacia la esquina inferior derecha), la información que esté
ubicada en la parte superior dela página tendrá más probabilidades de ser leída por los
usuarios deInternet
Selecciónde imágenes
Las imágenes sirven para darle vitalidad y hacer más alegre un sitio web
Colores de fondo
La correcta elección de los colores de fondo es vital ya que un fondo mal elegido puede
dificultar la lectura. Es esencial elegir un contrasteapropiado entre el color de primer
plano y el color de fondo dominante. Es por esto que seaconseja no elegir un fondo con
gráficos, porquepuede obstaculizar la lectura y transmitir una sensación general de
amateurismo. Generalmente, el color de fondo debe ser algo pálido
Tipografía
Se recomienda no usar más de dos tipos de fuente en un sitio web. Las fuentes estilizadas
se deben usar con moderación (por ejemplo, para un título) y para la mayor parte del sitio
web conviene utilizar una fuente clásica (arial, verdana, helvética, etcétera)
Símbolos gráficos
Se recomienda usar pictogramas e íconos para establecer signos visuales
se debe tener cuidado al elegir símbolos porquelos usuarios pueden malinterpretarlos, en
especial si se trata de sitios web internacionales.

28. 28
Estos sonlos pictogramas que más se usan:
Una lupa simboliza característicamente la función de búsqueda.
Un sobrerepresenta la opción de contactar al webmaster a través del correo electrónico.
Un signo de interrogación simboliza la ayuda en línea
Una casa representa el vínculo a la página de inicio.
Una bandera simboliza el idioma de la página actual o la posibilidad de cambiarla a otro
idioma.
Significado de los colores
¿De qué color pintas tu vida y cada día de ella? ¿Sabías que tu color favoritodice mucho
de cómo eres y, además, puede estar influyendoentuéxitoo enque no estés logrando
los objetivos que deseas? Así comololees:los colores impactanenlas personas de
formas distintas, evocandoemociones y puede ser que de la manera que vistes envíeun
mensaje subliminal, congruente odistante, aloque deseas reflejar.
El color con el que te vistes dice muchode tupersonalidad, influye entu estadode
ánimo y en la forma en que los demás te percibeny te tratan. Para entenderlomejor, te
expongoa continuaciónla forma enque, de acuerdoa los psicólogos, lamayoría de las
personas respondenalos distintos colores:
• El negrorepresentael poder, laelegancia, laformalidady el misterio. Es el color
más enigmáticoy se asociaal miedo y a lo desconocido. Representatambiénautoridad,
fortaleza, intransigencia. Tambiénse asociaal prestigioy laseriedad. Aunque muchos le
asocian con que produce un efectoadelgazante y es elegante, el negropuede hacer que
quienlo usa seapercibidocomo una personadistante y dominante.
• El blanco se asociaa la luz, la bondad, la inocencia, la pureza. Se le considerael
color de la perfección. El blanco significaseguridad, purezay limpieza. Puede
representar uninicioafortunado.
• El color azul denotatranquilidad, autoridad, confianzay lealtad. Es el principal
color transmisor de poder y se suele asociar con la estabilidady la profundidad.
Representa además la sabiduría, lainteligencia, lafe y la verdad.
• El marrón comunica credibilidady estabilidad. Este es el color de latierray de la
abundancia en la naturaleza. Además, es unexcelente color paratransmitir información,
ya que creaun ambiente neutral paradiscusiones abiertas.
• El café es asociadocon acciones ignorantes o egoístas. Suele considerárselo un
color "negativo" en general, sobretodo sies más oscuro.
• El beige y el canela, como el marrón, son colores de tierra relajantes, reductores del
estrés, que invitan a la comunicación. Muchas veces percibidos como poco enérgicos y

29. 29
pasivos, éstos son los colores para usar para reconfortar a otros o para transmitir
información.
• El gris, aligual que los colores que lo componen, es una mezcla de positividad con
negatividad. De pureza y suciedad. Siempre alude a lo indefinido, desabrido, ni bueno ni
malo, lo cual puede resultar positivamente en que se tiene la opción de intentar cambiar.
Si deseas lucir autoridad de un modo menos opresivo que con el negro, opta por el gris. Es
una excelente elección.
• El rojo denota calor, peligro, poder, pasión y fortaleza. El rojo es el color más intenso
en lo emocional, y estimula a una respiración y ritmo cardíaco más rápidos. Cuando se lo
usa como color secundario, puedemotivar a las personas a tomar decisiones rápidas y a
incrementar las expectativas. Sin embargo, puede realzar las emociones durante
negociaciones y confrontaciones, por lo que es inteligente evitarlo en grandes cantidades
cuando enfrentes estas situaciones.
• El anaranjado, como el rojo, estimula las emociones fuertes. Combina la energía del
rojo con la felicidad del amarillo. Se le asocia a la alegría, representa el entusiasmo, la
felicidad, la atracción, la creatividad, la determinación, el éxito, el ánimo y el estímulo. Las
personas queusan anaranjado son percibidas como de fuerte personalidad.
• El amarillo inspira un amplio rango de emociones, desde alegría y esperanza hasta
precaución, decadencia y celos. Realza la concentración. Sin embargo, las personas
pierden sus estribos más a menudo en habitaciones amarillas que en espacios de otros
colores, y los bebes llorarán más en ambientes pintados de amarillo. Éste es el color más
difícil de asimilar para el ojo, por lo que puede saturar si es usado de más. El amarillo
estimula la actividad mental y genera energía muscular.
• El verde es un color relajante y refrescante. Tiene una fuerte relación a nivel
emocional con la seguridad y un gran poder de curación. Es el color más relajante para el
ojo humano y puede ayudar a mejorar la vista. ¿Quieres que los demás se sientan a gusto
a tu lado? Entonces usa verde en tonalidades medias u oscuras.
• El púrpura aporta la estabilidad del azuly la energía del rojo. Simboliza lealtad,
riqueza, poder, lujo y ambición, pero también sensibilidad. Es además el color de la pasión
y el amor. El color púrpura también está asociado con la sabiduría, la creatividad, la
independencia, la dignidad. También representa la magia y el misterio
• El rosado es uno de los colores más poderosos, ya quesignifica pureza en acción.
Este color es emocionalmente relajado e influye en los sentimientos convirtiéndolos en
amables, suaves y profundos. Nos hacesentir cariño, amor y protección. También nos
aleja de la soledad y nos convierte en personas sensibles.

30. 30
Pero esto del color, no se limita a tu guardarropa, es una estrategia que se utiliza en logos
de empresas y hasta en colores de oficina para atraer clientes o alejarlos (en la mayoría de
casos sin saber), lo mismo que para tener una adecuada energía o no en tu casa.
Según leí, el Feng Shui, del cual no soy especialista pero te comparto de lo que investigué,
los colores realmente funcionan para guiar las tendencias de lo que deseemos para
nuestro presente y futuro.
El feng shui, se estudia dentro de las aplicaciones del yin y yang, siendo el rojo el color más
yang y el violeta el más yin. El rojo es lo más activo y el violeta el más pasivo para la
activación de la energía de prosperidad.
Por ejemplo, algunas personas siempretienen preferencia por el negro o el gris, sin saber
que esto disminuyela energía de prosperidad. Sicambiaran esta tendencia, su vida puede
mejorar significativamente.
Combinar colores no solo te puede llevar a desarrollar un lugar agradable para vivir sino
que puedes sacar partido al conocimiento de las energías que contiene cada uno de ellos.
Por ejemplo, los expertos en la material aseguran que sicolocas el rojo con predominancia
en los colores de las paredes, todos los ambientes se activarán con energía. Este color
influirá en todos los que habiten esta casa. El rojo, junto con el dorado, es la máxima
energía de prosperidad.
De lo que se trata es que puedas ir controlando la energía que deseas poner a tu casa u
oficina, ya que un exceso de rojo podría incrementar las discusiones o la actividad, cuando
también necesario tener momentos de calma e inactividad en los hogares.
Entonces, es necesario saber dosificar los colores. No se recomienda pintar los dormitorios
de colores azules, celestes, violetas, grises, negros o diversos colores, ya que puede limitar
la prosperidad de los duerman en ellos.
Los colores ideales, que los expertos, en general -esto ya no es hablando específicamente
del feng shui ni de la personalidad- recomiendan para una oficina son:
• Azul. Indicado para oficinas y sitios estresantes como salas de espera médicas,
donde se busca calmar el estado de ánimo de los ocupantes. Es apropiado para quienes
buscan creatividad y trabajan individualmente, como los escritores.
• Verde. Favorecela creatividad, concentración y relajación. Este color es útil para
agencias de publicidad y para zonas en las que laboran diseñadores o músicos.
• Amarillo. Estimula la actividad cerebraly la comunicación. Es recomendable para
lugares en los que los trabajadores buscan incrementar su energía.
• Marróny beige. Los tonos terrosos tienen efectos relajantes y pueden usarsepara
contrarrestar el estrés.
• Naranja. Promuevela interacción con los demás y la comunicación de manera
informal. Los tonos durazno y terracota son recomendables para los trabajos en los que se
requiere, escuchar, negociar y conciliar.
• Blancoostrao no brillante. Ayuda a la objetividad y al trabajo intelectual. Además
crea un ambiente de orden, calma y control.

31. 31
Si tu casa o empresa tiene los colores correctos, y tú vistes colores adecuados,
progresarás, deotro modo podrías vivir contra corriente.
La composición de colores también tiene influencia sobrecómo se perciben los
volúmenes. La composición de colores puede dar una sensación de bienestar, tanto en una
casa hermosamente decorada como en un sitio web.
El círculo cromático es una herramienta útil para comprender cómo interactúan los
colores. Es una representación de los colores en forma circular. Incluyelos siguientes
colores:
Los colores primarios (rojo, azul, verde) o "puros", queno pueden obtenerse mezclando
otros colores.
Los colores secundarios (cian, magenta, amarillo), que se obtienen al mezclar en partes
iguales dos colores adyacentes. Los colores secundarios son diametralmente opuestos a
sus colores complementarios (sustractivos) en el círculo cromático.
Los colores terciarios, queseobtienen al mezclar un color primario con uno secundario.
Los colores tambiénse dividenen"cálidos" (tonos que se acercan al rojo) y "fríos" (tonos
más próximos al azul).
Existen leyes universales que dominan la armonía entre los colores y que responden a las
propiedades físicas del ojo. Cuando el ojo ve un color, crea automáticamente un filtro para
el color complementario a su alrededor. Esto se llama "contrastesimultáneo". Por eso, la
forma en que sepercibe un color depende de los colores que lo rodean. Así, el amarillo se
verá más anaranjado al lado de un azuly el azul severá más púrpura. El azul al lado de él
rojo se verá más verdoso, etcétera.
Además, los colores lindantes en el diagrama cromático crean una sensación de equilibrio
para el ojo debido a la ausencia de contraste; esto es lo que se llama "armonía de colores".
A grandes rasgos, existen dos maneras de elegir colores que armonicen:
Seleccionar matices del mismo color o colores dentro de la misma gama con tonalidades
similares.
Mezclar colores complementarios (cálidos y fríos), o sea, colores que estén lejos unos de
otros dentro del círculo cromático. Cuando se elijan dos colores, estos deben ser
diametralmente opuestos, complementarios; para tres colores, los colores seleccionados
deben estar ubicados en un triángulo equilátero, etcétera.
Para finalizar, en términos generales, los objetos de colores cálidos perecerán más grandes
que aquellos de colores fríos.
Ámbitos de aplicación
El diseño se aplica, en todos los ámbitos y seencuentra por todas partes. Dentro del
mundo digital, en toda la red, internet (la web). Diseños de todo el mundo publicitario,
revistas, periódicos, libros, manuales (diseño y maquetación). Encontramos diseño en
nuestro mobiliario, una silla, un mueble... (diseño industrialy ergonomia). Divisamos el

32. 32
diseño en el mundo multimedia, el cine, televisión, videos, musicales, ,y demás efectos
especiales.
Las posibilidades del diseño gráfico son infinitas, ya que cada vez son más los campos en
los que se emplean elementos creados a través del ordenador.
El diseñose podríadividir en tres grupos principales:
La edición, diseño de todo tipo de libros, periódicos, y revistas.
La publicidad, diseño de carteles publicitarios, anuncios, folletos.
La identidad, diseño de una imagen corporativa de una empresa.
Aspectos básicos
Los elementos básicos que sedeben dominar y tener en cuenta en cualquier diseño:
Lenguaje Visual: Saber comunicar el mensaje adecuado, con los recursos oportunos,
dependiendo del grupo de personas o público al que vaya dirigido el mensaje.
Comunicación: Conocer los procesos decomunicación, para poder captar los mensajes
que el diseño ha de comunicar.
PercepciónVisual: Estar informados, la manera en que las personas vemos y percibimos lo
que vemos. Aspectos tan importantes, como nuestro campo visual, el recorrido de la vista,
el contraste, la percepción de las figuras, fondos, trayectoria dela luz.
Administraciónde recursos: Conocer todos los recursos delos que se dispone, y aplicarlos
lo mejor posible.
Diseñopublicitario
El diseño publicitario comprende la creación, maquetación y diseño de publicaciones
impresas, tales cómo; revistas, periódicos, libros, trípticos, y también el soportepara otros
medios visuales, tales como la televisión o internet.
A lo largo del tiempo han ido apareciendo diversos métodos y formas de comunicación,
desde los grafitis, (las famosas pintadas en la pared que realizaban los romanos para
comunicar alguna noticia), los carteles, las primeras publicaciones de prensa (diarios) y
luego las revistas. Después ya seextendió a la televisión, la radio, internet, el móvil,
En esta fase desarrollo de los medios de comunicación, es cuando se une a su vez al
desarrollo del mercado, los productos de mercado, las empresas, serán puntos fuertes que
defenderán en gran medida de los diferentes medios.
Durantela historia, el diseño publicitario ha ido evolucionando. En un principio toda la
técnica seelaboraba de forma manual. Hoy en día se usan tecnologías más avanzadas de
diseño y producción.
Un tríptico es una tabla para escribir que se encuentra dividida en tres hojas, de forma tal
que las laterales puedan doblarsesobrela del centro. Es habitual que los trípticos, ya sean
desarrollados sobreplacas de madera, metal, papel u otro material, estén decorados con
relieves. Cabe mencionar que son considerados obras dearte.

33. 33
Si bien la etimología de la palabra tríptico tiene sus orígenes en la antigua Grecia, el
término comenzó a usarsedurantela época medieval, para dar nombre a una tableta
usada por los antiguos romanos para escribir y que constaba de tres panel.
Los trípticos comerciales son los folletos informativos quepueden doblarseen tres partes
y que suelen tener dimensiones semejantes a una hoja de tamaño carta
Existen también los trípticos digitales, queson documentos informáticos con una
disposición similar a la publicación de tres hojas. Por lo general, esta variedad de trípticos
puede ser visualizada de manera interactiva, o sea, manipulando las hojas con el puntero
del ratón y viendo una representación tridimensional del documento, cuyas hojas se
pliegan de manera realista
Antes de llevar a cabo un diseño publicitario, un diseñador y el resto del equipo de trabajo
deben tener en cuenta cuatro puntos muy importantes:
- el producto a diseñar,
- a quien va dirigido,
- los medios por los cuales se va a realizar la publicidad y
- la competencia.
La composición; concepto
En toda composición, los elementos que se sitúan en la parte derecha, poseen mayor peso
visual, y nos transmiten una sensación de avance. En cambio los que se encuentran en la
parte izquierda, nos proporcionan una sensación de ligereza.
Esto también se observa, silo aplicamos en la parte superior de un documento, posee
mayor ligereza visual, mientras que los elementos que coloquemos en la parte inferior,
nos transmitirán mayor peso visual.
Actualmente no existe una composición perfecta. Cada composición dependerá de su
resultado final, para todo ello, es necesario conocer todos los aspectos y formas para
obtener un resultado con un cierto equilibrio.
Las proporciones, laforma, el tamaño.
Uno de los formatos más conocidos e utilizados es el DINA-4. Podemos limitar las
proporciones denuestra composición a través del color.

34. 34
También existe las formas, las angulares y alargadas amplían el campo de visión, mientras
que formas angulares cortas, nos transmiten la sensación de timidez y humildad.
Las formas redondas (modelo curvilíneo y rectangular), la proporción y la simetría, suelen
combinarse, las formas en sus variantes también son simétricas. Estas formas crean
armonía, suavidad y perfección. Por ejemplo las formas simples y regulares son las que se
perciben y recuerdan con mayor facilidad. Las formas simétricas, en el mundo de la
naturaleza, un ejemplo del orden geométrico sobrela formación de sus estructuras
vivientes.
El tamaño de un elemento, en relación al resto, también presenta diferentes definiciones.
Las formas grandes, anchas o altas, se perciben cómo, más fuertes, pero las más
pequeñas, finas o cortas, simbolizan la debilidad y delicadeza.
El equilibrioenlacomposición
Cada forma o figura representada sobreun papel secomporta como un peso, un peso
visual, porqueejerce una fuerza óptica.
Los elementos de nuestra composición gráfica pueden ser imaginados como los pesos de
una balanza. Una composición se encuentra en equilibrio si los pesos de los distintos
elementos que la forman se compensan entre sí.
Este criterio se aplica principalmente al diseño global, es decir, a la disposición de los
elementos sobrela superfíciede trabajo. Normalmente se busca este equilibrio, aunque
en alguna ocasión se provocaun desequilibrio intencionado para conseguir unos
resultados específicos en un diseño.
Definimos el equilibriocomouna apreciaciónsubjetiva, enlacual, los elementos de una
composiciónno se van a desprender.
Equilibrio simétricoy asimétrico
En una composición se puede conseguir el equilibrio a través del uso de líneas y formas.
Todos los pesos deberán estar compensados para obtener el equilibrio ideal.
Como medición del peso de las formas y líneas que utilizamos en una composición, se
observa la importancia que tienen los objetos dentro del diseño o creación que queremos
representar, intentando equilibrar los elementos de mayor importancia con los de menor
importancia, y los de mayor peso con los de menor.

35. 35
Clasificamos el equilibrioendos tipos: simétrico y asimétrico
El equilibro simétrico seproduce cuando al dividir una composición en dos partes iguales,
existe igualdad de peso en ambos lados. No se encuentran elementos que sobresalgan
más que el resto en importancia y peso.
Un ejemplo más inmediato de simetría en el mundo orgánico es la mariposa, cuyas alas
poseen simetría axial bilateral, en la que el eje es el cuerpo del insecto. Sus dibujos están
dispuestos simétricamente respecto al eje. Esta regularidad constituye, a nivel de
percepción, un factor estético de armonía.
La creación de un diseño simétrico nos transmite una sensación de orden.
El equilibrioasimétrico
Un equilibrio es asimétrico cuando al dividir una composición en dos partes iguales, no
existen las mismas dimensiones en tamaño, color, peso etc, pero existe un equilibrio entre
dos elementos.
En el equilibrio asimétrico, al ser desiguales los pesos a un lado y otro del eje, el efecto es
variado.
La asimetría nos transmite agitación, tensión, dinamismo, alegría y vitalidad; en este tipo
de equilibrio una masa grandecerca del centro seequilibra por otra pequeña alejada del
aquel.
El contraste de tono
El contrasteactúa a través de la atracción o excitación del público observador, mediantela
combinación de diferentes intensidades o niveles de contraste, en el color, el tamaño, la
textura, etc. Los contrastes pueden proporcionar mayor significado a una composición.

36. 36
El contrastede tono se basa en la utilización de tonos muy contrastados, la combinación
de claro-oscuro; el mayor peso lo tendrá el elemento con mayor oscuridad. Para que este
perdiera protagonismo en el diseño, tendríamos que disminuir la intensidad del tono y
redimensionarlo después, para que no perdiese equilibrio en la composición. Este tipo de
contrastees uno de los más utilizados en composiciones gráficas.
El contraste de colores
El tono es una de las dimensiones del color más importantes. El contrastemás efectivo se
obtiene combinando los diferentes tonos. El contrastecreado entre dos colores será
mayor cuanto más alejados se encuentren del círculo cromático. Los colores opuestos
contrastan mucho más, mientras que los análogos apenas lo hacen, perdiendo
importancia visualambos.
Espacioy formato

37. 37
Definiciónde espacio: Es la distancia o el área entre o alrededor de las cosas. Cuando se
está diseñando, debemos pensar donde vamos a colocar todos los elementos y a que
distancia unos de los otros. El tipo de imágenes que colocaremos, la dimensión de éstas, el
texto y lo que habrá alrededor de ellas, etc.
Las diferentes tonalidades que emplearan los elementos y las formas, sirven para crear
relaciones espaciales y focales, de gran interés para el receptor. Se pueden llegar a
conseguir efectos muy variados y especiales dependiendo de como se combinen, estos.
Por ejemplo si usamos bastanteespacio en blanco, se produceun descanso para el ojo. Si
dejamos mucho espacio en blanco alrededor de algun objeto, palabra o imagen, estamos
haciendo que destaque del resto de la composición.
Efectos que produce el espacio
Efectos que nos produceel espacio, dentro de nuestro campo visual:
- Al utilizar espacio en blanco en una composición, el ojo descansa.
- Utilizando una pequeña cantidad de espacio creamos lazos entre los elementos.
- Lograremos una mayor profundidad en nuestro diseño si superponemos un elemento
con otro.
- Si utilizamos mucho espacio en blanco, alrededor de un objeto, imagen o texto,
conseguiremos quesobresalga y destaque del resto de la composición.
- Los grandes márgenes ayudan a seguir un diseño una de forma más fácil.
- Si utilizamos un espaciamiento desigualentre los elementos, crearemos una página
dinámica.
Imagen digital
El primer paso que vamos a dar para poder descubrir el significado del término imagen
digital es determinar su origen etimológico. En este sentido, las dos palabras que lo
conforman proceden del latín:
• Imagen provienede “imago”, que, a su vez, es fruto de la derivación del verbo “imitari”,
que es sinónimo de “imitar”.
• Digital, por otro lado, procedede “digitalis”, que puede traducirsecomo “relativo al
dedo” y que es fruto de la suma de dos componentes: “digitus”, que significa “dedo”, y el
sufijo “-al”, que indica “relativo a”.
Cámara Análoga

38. 38
Cámara digital
La representaciónvisual deun objeto se conoce como imagen. Esta representación puede
realizarsea través de diversos procedimientos o técnicas, como la fotografía, la pinturao
el video.
Digital, por su parte, es aquello relativo a los dedos, aunqueactualmente el concepto se
utiliza en el ámbito de la tecnología en referencia a la representación de información de
modo binario (en dos estados).
Estas definiciones nos permiten indicar que una imagen digital es aquella representación
bidimensional construida a partir de una matriz binaria (compuesta de unos y ceros). Es
posible obtener estas imágenes de distintas maneras.
Una posibilidad es utilizar un dispositivo que se encargue de la conversaciónanalógica-
digital. Eseel caso de una cámara fotográfica digital o de un escáner. Con una cámara de
este tipo, una personapuede tomar una imagen y almacenarla en formato digital, ya sea
en una computadora (ordenador) o en otro soporte. El escáner, por su parte, permite

39. 39
registrar y capturar una imagen física (como una foto impresa en una revista) y
transformarla en una imagen digital.
Otra opción es crear imágenes digitales a través de un software. Con un programa básico
como el Paint, es posible hacer un dibujo con ayuda del mouse(ratón) y crear una imagen
digital.
A la hora de conseguir una buena imagen digital es fundamentalcuidar aspectos tales
como la profundidad del color, la resolución tanto de entrada como de salida, el tamaño,
los niveles de gris, el formato (jpeg, png, gif, …), la textura o el modo del color, sin
olvidarse, por supuesto, de la saturación o del brillo.
De acuerdo a su resolución, la imagen digital puede clasificarsede diferentes formas. Es
posible hablar, en este sentido, de imagenmatricial o de imagen vectorial. La preferencia
por uno u otro formato depende de las necesidades del diseñador o de la persona que
hará uso de la imagen.
En este sentido, tendríamos que decir que las imágenes vectoriales son aquellas que se
hallan compuestas por lo que son formas geométricas simples, como pueden ser polígonos
o segmentos de distinta tipología.
Por otro lado, están las imágenes bitmap, que son aquellas que se caracterizan porquese
forman a partir de pequeños cuadrados quereciben el nombre de píxeles. También se
conocen a aquellas como imágenes de mapa de bits y son muy utilizadas dentro del
mundo del cine y de la fotografía. ¿Por qué? Porque ofrecen una gran variedad de
tonalidades de color y también se caracterizan por su gran calidad.
Página Web Estática.
Las páginas web estáticas son aquellas realizadas en HTML que pueden mostrar en alguna
parte de la página objetos en movimiento tales como banners, gifs animados, videos, etc.
Página Web Animada.

40. 40
Las páginas web animadas son aquellas que serealizan con la tecnología FLASH, ésta
permite que una página web presente el contenido con ciertos efectos animados
continuados. El uso de esta tecnología permite diseños más vanguardistas, modernos y
creativos.
Página Web Dinámica.
Existen muchos lenguajes de programación queson la basepara la mayoría de páginas
web dinámicas. Las que destacamos aquí son los lenguajes PHP y ASP. Estos lenguajes
permiten una perfecta estructuración del contenido. Por una parte crearíamos la
estructura de las páginas web, y por otra almacenaríamos el contenido en determinados
archivos. A partir de ahí, crearíamos el código de llamada que insertaría el contenido en la
propia página web estructurada. Estees el principio básico que siguen los lenguajes de
programación. A partir de aquí se desarrollan aplicaciones para poder gestionar el
contenido a través de un panel de control, dando lugar a nuevos tipos de página web que
leeremos a continuación.
Tipografia
Definimos la tipografía como el arte o técnica de reproducir la comunicación mediante la
palabra impresa, transmitir con cierta habilidad, elegancia y eficacia, las palabras.
La tipografía es el reflejo de una época. Por ello la evolución del diseño de las mismas
respondea proyecciones tecnológicas y artísticas. El signo tipográfico se ha considerado
como uno de los miembros más activos de los cambios culturales del hombre.
En los primeros signos deescritura, cada signo nos expresa una idea, un concepto o una
cosa; estos signos se combinan entre sí para comunicar ideas más complejas. Estos
sistemas de escritura son los pictogramáticos, jeroglíficos e ideogramáticos.
El campo tipográfico, abarca la realización de libros, periódicos, anuncios publicitarios,
revistas, etc... y cualquier otro documento impreso que se comunique con otros mediante
palabras.

41. 41
Jeroglífico /pictograma egipcio.
Ideograma maya ideograma japonés.

42. 42
Pictogramas actuales.
Pictogramas actuales. Señales de transito
Un tipo de letrapara tipo de texto
El denominado tipo de letra estándar, es más legible que otro de tipo decorativo. Los tipos
con serifas son más legibles que las de palo seco.
El espacio entre letras o palabras no tiene que ser ni muy amplio, ni demasiado reducido,
para que tengan una buena visibilidad y legibilidad.
El tamaño, si el tipo es demasiado grande, o pequeña, cansa mucho al lector y reduce la
legibilidad. También ocurrecon las columnas, dondeun ancho corto, cansa al usuario, ya
que tiene que cambiar de línea constantemente.
Un texto, todo en negrita es muy denso y también dificulta la lectura.

43. 43
Las fuentes serif o serifas tienen origen en el pasado, cuando las letras se cincelaban en
bloques de piedra, pero resultaba difícil asegurar que los bordes de las letras fueran
rectos, por lo que el tallador desarrolló una técnica que consistía en destacar las líneas
cruzadas para el acabado de casitodas las letras, por lo que las letras presentaban en sus
extremos unos remates muy característicos, conocidos con el nombrede serif.
Las fuentes serif incluyen todas las romanas. Son muy apropiadas para la lectura seguida
de largos textos, ya que los trazos finos y los remates ayudan al ojo a fijar y seguir una
línea en un conjunto de texto, facilitando la lectura rápida y evitando la monotonía.
Como ejemplos de fuentes serif podemos citar Book Antiqua, Bookman Old Style, Courier,
Courier New, Century Schoolbook, Garamond, Georgia, MS Serif, New York, Times, Times
New Roman y Palatino.
Las fuentes sans serif o etruscas hacen su aparición en Inglaterra durantelos años 1820 a
1830. No tienen remates en sus extremos (sin serif), entre sus trazos gruesos y delgados
no existe apenas contraste, sus vértices son rectos y sus trazos uniformes, opticamente
ajustados en sus empalmes. Representan la forma natural de una letra que ha sido
realizada por alguien que escribecon otra herramienta que no sea un lápiz o un pincel.
Las fuentes sans serif o etruscas hacen su aparición en Inglaterra durantelos años 1820 a
1830. No tienen remates en sus extremos (sin serif), entre sus trazos gruesos y delgados
no existe apenas contraste, sus vértices son rectos y sus trazos uniformes
Las fuentes sans serif oetruscas hacensuapariciónen Inglaterradurante los años 1820 a
1830. Notienenremates ensus extremos (sinserif), entre sus trazos gruesos y delgados
no existe apenas contraste, sus vértices sonrectosy sus trazos uniformesEntrelas

44. 44
fuentes sans serif seencuentran Arial, Arial Narrow, ArialRounded MT Bold, Century
Gothic, Chicago, Helvetica, Geneva, Impact, Monaco, MS Sans Serif, Tahoma, Trebuchet
MS y Verdana.

45. 45
El color en la tipografíay enla eleccióndel tipo
Conocer y comprender los colores y lo que nos transmiten, es importante y básico para
trabajar con los tipos y en el mundo del diseño gráfico. Normalmente, cuando nos
encontramos diseñando una presentación y partimos de poco espacio, utilizamos el color
para enfatizar las letras.
Para conseguir una buena legibilidad cuando se diseña con tipos y color deberemos
equilibrar cuidadosamentelas tres propiedades del color (tono, valor e intensidad) y
determinar el contrasteadecuado entre las letras y su fondo. Cuando se combinan tipos y
color, el equilibrio entre estas características es importantísimo.
El color tipográfico es una ilusión óptica, creada por las propias proporciones y formas de
los diseños tipográficos. Éstas nos hacen percibir la sensación de un color distinto, aunque
esté impreso en el mismo color. Aunquelas palabras estén impresas en el mismo color,
cada una de ellas puede poseer un tono diferente, debido a las características propias de
sus diseños tipográficos.
Como impacta el color

46. 46
Recordamos que los colores puedendividirseendos grupos:colores fríos y cálidos.
Los colores cálidos van desdeel rojo al amarillo, y son colores muy impactantes, ya que
destacan mucho sobreun fondo. El rojo o el naranja son colores muy vistosos y llamativos,
por este motivo seusa el color rojo en los semáforos y muchas señales de peligro.
Los colores fríos, son los verdes hasta los azules, tienen la característica de que son muy
relajantes. Se utilizan en la decoración infantil, centros de estudio, hospitales.
El blanco, gris y negro, no puede incluirse en los grupos de cálidos y fríos.
Los tonos marrones, tostados cremas y ocres, representan añoranza y son perfectos para
representar productos naturales y clásicos. En publicidad se emplea en anuncios en blanco
y negro o escala de grises, para resaltar el producto o elemento protagonista.
Los colores primarios (Magenta, Cian y Amarillo) se utilizan en productos infantiles, porque
aportan alegría y juventud. Y además estos colores, en los niños les recuerdan a los dulces.
Las tipografías doradas o plateadas sobrefondos oscuros nos evocan elegancia y
sofisticación, y son muy adecuadas, sise trata de un proyecto dondese debe incluir el lujo,
la elegancia o poder

47. 47
8. Teoríadel color
Sin mucho color ni gráficos, cualquier web se convertiría en el sueño de Jakob Nielsen.
Aunque la filosofía de Nielsen de arquitectura web esencial tiene las ventajas de la
accesibilidad y usabilidad, la mayoría de los diseñadores web quieren añadir un toque
personala sus webs con muchos elementos de diseño. Afortunadamente, un diseñador
puede añadir color a una web sin perder accesibilidad y usabilidad si la web está diseñada
teniendo en cuenta estas capacidades. Aunquemuchos diseñadores sesienten cómodos
diseñando una web para muchos usuarios, estos mismos diseñadores sepueden sentir
incompetentes cuando setrata de elegir colores y gráficos.
En este apartado, trataremos los conceptos básicos del color y tres combinaciones
cromáticas sencillas para que os podáis sentir seguros a la hora de elegir los colores para
vuestra web. Continuaremos este apartado con otra parte sobrecómo simplificar estas
selecciones de colores. Al fin y al cabo, es más divertido disfrutar delos cumplidos sobreel
diseño de la web que sudar a la hora de elegir las opciones de colores.
Los contenidos de este apartado son los siguientes:
8.1. Colores, tonos y matices
8.1.1. Combinaciones decolores monocromáticas
8.1.2. Combinaciones decolores complementarios
8.1.3. Colores cálidos y colores fríos
8.1.4. Combinaciones decolores triádicas
8.1.5. Combinaciones decolores tetrádicas
8.1. Colores, tonos y matices
Los colores, o tonos, se han dividido tradicionalmente en colores primarios, secundarios y
terciarios. Los colores primarios son el rojo, el amarillo y el azul, y se denominan primarios
porqueno hay que mezclar colores para conseguirlos. Siqueréis traducir estos colores en
colores web, podéis reproducirlos utilizando sus equivalentes hex (hexadecimales)
#ff0000, #ffff00 y #0033cc como semuestra en la figura 1:

48. 48
Figura 1. Los colores primarios y secundarios, y sus equivalentes hexadecimales.
Los colores secundarios semezclan a partir de los colores primarios, y son los siguientes:
Rojo + amarillo = naranja (#ff9900)
Amarillo + azul= verde(#00cc00)
Azul + rojo = violeta (#660099)
Los colores terciarios se mezclan a partir de los colores secundarios y se encuentran entre
los colores primarios y secundarios mostrados en la rueda anterior.
Aunque los colores web son diferentes de los colores normales "de los pintores", puede
ser útil tener una rueda de colores (como la que se ve en la figura 2) y tenerla a mano
mientras aprendéis las diferentes combinaciones de colores. Además, una rueda de
colores os mostrará todos los colores, tonos y matices para empezar a ver las posibilidades
de colores de las que disponéis. A continuación, se enumeran algunos términos
importantes que hay que aprender:
Tono: el color resultante cuando se añade blanco.
Tonalidad: el color resultante cuando se añade gris.
Matiz: el color resultante cuando se añade negro.
Figura 2. Una rueda de colores real.
Las flechas de la figura 2 indican cosas diferentes, asaber:
Lado más exterior: color terciario de amarillo naranja (amarillo + naranja).
Segundolado: tono de este color terciario (blanco añadido).
Tercer lado: tonalidad del color (gris añadido).
Lado más interior: matiz sobrela rueda imprimida (negro añadido).
Como se puede ver en la rueda de colores anterior, la cantidad de blanco, gris y negro
añadido a un color es mínima, pero suficiente para alterar el color original y crear lo que se
conoce como combinación de colores monocromática.

49. 49
8.1.1. Combinaciones de colores monocromáticas
Las combinaciones de colores existen desdehace siglos, de manera que no hay que
reinventar la rueda de colores. Aunqueel color de la web sea diferente del color
imprimido, los conceptos son los mismos. Sólo es necesario cambiar los números
hexadecimales por nombres de colores y hacer que coincidan lo máximo posible. Una
herramienta de la Red que recomendamos para esta tarea es Color Scheme Generator II,
como se observa en la figura 3, que permite determinar las combinaciones de colores de
manera rápida y sencilla, e incluso determinar si los colores que habéis elegido ofrecen
suficiente contraste para los usuarios con poca visión o daltónicos.
Figura 3. Color Scheme Generator II.
Si querés más ayuda para decidir si los colores que habéis elegido ofrecen un buen
contraste, proba el ContrastAnalyser de Paciello Group. Esta herramienta comprueba el
contrasteentre los colores de primer plano y del fondo.
Para conseguir el tono, la tonalidad y el matiz para el color amarillo naranja del generador
de colores en línea, selecciona primero el color que señala la flecha en la imagen mostrada
anteriormente. A continuación, selecciona Mono en el panel situado bajo la rueda de
colores y Default ("Predeterminado") en el panel del cuadro de la derecha. Seleccionad
también NormalVision ("Visión Normal") en la selección del menú desplegable de la parte
inferior derecha. No marquéis la casilla "reduceto 'safe' colours" ("reducir a colores
seguros") situada sobreel cuadro de colores a no ser que seáis unos puristas.
El términoweb-safe colours ("colores seguros paralaweb") provienede un tiempo en el
que los monitores podían mostrar 256 colores, delos que sólo 216 eran los mismos en las
diferentes plataformas Windows/Mac/Unix, deaquí la expresión seguro para la web.
Mientras que algunos puristas todavía se ciñen a la "paleta de colores seguros para la
web", los navegadores modernos son capaces de tratar lo que se conoce como color de
"24 bits". El color de 24 bits real a entre diez y once bits por canal genera un total de

50. 50
16.777.216colores diferentes. En otras palabras, es seguro decir que la paleta de colores
"seguros para la web" ya raramente es necesaria.
Volvamos a la combinación de colores monocromática. Los resultados que debéis obtener
si seguís los pasos descritos anteriormente son: amarillo naranja (#FFCC00), tono
(#FFF2BF), tonalidad (#FFE680) y matiz (#B38F00). Estos números hexadecimales son
mucho más fiables que cualquier intento de hacer coincidir una rueda de colores tangible
con la pantalla retroiluminada de un navegador web. Tal como sugierela palabra mono,
esta combinación setraduce en una combinación de colores monocromática, como se
puede ver en la figura 4.
Figura 4. Una combinación de colores monocromática.
Una combinación de colores monocromática equivale a un color y todos sus tonos,
tonalidades y matices. Aunque esta combinación es la más sencilla de utilizar, para
muchos diseñadores no aporta mucho interés al diseño de una web. En vez de eso, quizá
os atraiga explorar otras combinaciones para añadir variedad a vuestros enlaces, imágenes
y banners.
8.1.2. Combinaciones de colores complementarios
La siguiente familia de combinaciones de colores que cabe descubrir es la combinación de
complementarios, donde se emparejan los colores que se encuentran directamente
opuestos entre ellos en la rueda de colores, como sepuede ver en la figura 5.
Figura 5. Ejemplos de combinaciones de colores complementarios.

51. 51
Cuando se elige un color y su color opuesto, también se incluyen todos los tonos, las
tonalidades y los matices de ambos colores. Ello da una gama más amplia de opciones y se
traduce bien con la herramienta de colores en línea; podéis consultar la figura 6.
Figura 6. Una combinación de colores complementarios en la herramienta de colores en
línea.
En la figura 6, hemos elegido un color naranja con el color complementario opuesto: el
azul. La configuración que hemos elegido para conseguir esta combinación incluye el
ajustedel Contrasteen la parte inferior izquierda, el valor predeterminado en el menú
situado bajo el generador y visión normal. Observa queel color principal seleccionado está
marcado con un punto negro en el disco interior de la rueda de colores (tanto por encima
como en línea en la web del generador) y que el color complementario opuesto que seha
elegido automáticamente está marcado con un círculo vacío en la anilla interior. Estas
marcas facilitan que puedas analizar vuestra combinación de colores.
Este generador de colores facilita la elección de los colores de los enlaces, los enlaces
visitados e incluso las imágenes, ya que proporciona los colores hexadecimales en la parte
superior derecha. Puedes mezclar y combinar cualquier color puro (el color de la parte
superior) y su tono, tonalidad o matiz y de esta manera encontrar una buena combinación
de colores.
El caso de Greenpeace USA
Greenpeace USA (puedes ver la figura 7) es uno de los muchos sitios que utilizan una
combinación de colores con contraste. Sí, se puede ver amarillo y naranja, pero los colores
predominantes son el verde y el rojo, dos colores que están directamente opuestos entre
ellos en la rueda de colores. Con este método de colores complementarios siempre
realizaréis una buena elección. De hecho, el uso de una combinación de colores "cálidos" y
"fríos" provocaquela web luzca con el contrastede colores.

52. 52
Figura 7. La web de Greenpeace es un buen ejemplo de combinación de colores
complementarios.
8.1.3. Colores cálidos y colores fríos
Las combinaciones de colores complementarios son geniales para utilizarlas en las webs
porquecontienen colores cálidos y fríos al mismo tiempo. El uso de estos colores
proporciona contrastey es muy fácil recordar qué colores son cálidos y qué colores son
fríos, como se puede ver en la figura 8 (y en la web del generador de colores):
Figura 8. Colores cálidos (warm) y colores fríos (cold).
Los colores cálidos son los colores que recuerdan el verano, el solo el fuego. Van desde los
violetas hasta los amarillos. Los colores fríos pueden recordar la primavera, el hielo o el
agua. Estos colores van desde el amarillo verdehasta el violeta. Si observáis cómo
funcionan los colores en la rueda, no tardaréis en descubrir que no podéis elegir un color
sin elegir su opuesto en "temperatura". De manera que sielegís un rojo caliente, el
opuesto es un verde frío. O, si elegís un azul verdefrío, acabaréis con un rojo naranja
picante en el otro lado.

53. 53
Ecolution
Un ejemplo de una web que utiliza de manera consistenteuna combinación de colores
cálidos/fríos es Ecolution, como se puede ver en la figura 9.
Figura 9.
Ecolution, un buen ejemplo de colores cálidos/fríos.
Ecolution generalmente utiliza el color rojo como acentuación en su web en contrastecon
el logotipo verde. Después, mezcla los dos colores en contrastecon distintos tonos,
tonalidades y matices de estos dos colores. Incluso los negros de una imagen pueden
tender a ser cálidos o fríos, igual que los blancos. En conjunto, la fotografía es cálida, lo
que queda muy bien con el verde absolutamente puro. Aunque utiliza los mismos colores
que Greenpeace, la web de Ecolution toma menos "brillo" con los tonos y matices ricos de
la fotografía.
Nunca os habríais imaginado que la teoría de los colores fuera tan fácil, ¿verdad? Bien,
pues... vamos a complicar el tema un poquito.
8.1.4. Combinaciones de colores triádicas
Una combinación de colores triádica (podéis ver la figura 10) secrea eligiendo un color y
después eligiendo dos colores más equidistantes entre ellos en torno al círculo, así:

54. 54
Figura 10. Una combinación de colores triádica
Hemos elegido los colores primarios para esta combinación porquequeríamos que se
viera cómo las combinaciones de colores parecen dar un orden al caos. No es casualidad
que los colores primarios estén donde están en la rueda de colores, ya que cada color
contiene una cantidad igual de colores secundarios y terciarios entre cada primario. Pero
una combinación de colores triádica puede parecer muy vista porqueya seha utilizado en
exceso. En vez de esto, podéis elegir algunas otras opciones de colores en el generador de
colores en línea; algo parecido a la figura 11:
Figura 11. Una combinación de colores triádica alternativa
La combinación de tríada anterior seconstruyea partir de naranja amarillo, azul verde y
rojo violeta. Hemos elegido el naranja amarillo en primer lugar (observad el punto oscuro
en la sección interior de la rueda de colores, a la izquierda) y, a continuación, elegid la
selección Triad situada bajo la rueda. El generador ha elegido automáticamente las
opciones triádicas incluyendo todos los tonos, tonalidades y matices. Los colores de

55. 55
acompañamiento están marcados en la rueda de colores con los puntos vacíos, de la
misma manera que se indicaba el color complementario en el ejemplo monocromático.
Aquí es donde una rueda de colores real puede resultar útil porquelos resultados en línea
no coinciden mucho con los resultados de una rueda de colores manual. Sin embargo,
cuando hemos colocado la herramienta Angle/Distancedebajo de la rueda de colores
hasta "max", parecía coincidir con la rueda real que teníamos en la mano. Los resultados
mostrados anteriormenteson los que más seacercaban a la rueda de colores.
La combinación de colores triádica también contiene colores cálidos y fríos, aunque
predominará una temperatura. Generalmente, la temperatura que eclipsará a la otra es la
que hayáis elegido para el primer plano. En este caso, inicialmente nosotros preferimos el
naranja amarillo, que es un color cálido. Por lo tanto, predominarán los colores cálidos
mostrados anteriormentey uno de los otros dos colores tenderá al contrastefrío.
Figura 12. PuzzlePirates, una buena combinación de colores triádica.
PuzzlePirates, que se muestra en la figura 12, utiliza una combinación triádica en su
página de inicio. Utilizan la combinación primaria rojo-azul-amarillo y esta combinación
primaria es perfecta para una web de juegos infantiles. Observad quepredomina el azul y
que los rojos y amarillos se utilizan para acentuar y conducir la vista por la página.
8.1.5. Combinaciones de colores tetrádicas
Cuantos más colores elijáis, más complicada será la combinación de colores. No obstante,
un truco es encontrar un tono, tonalidad o matiz y limitarse a estas zonas del tablero en
vez de mezclar colores puros y sus tonos, tonalidades y matices. Este método funciona
bien con una combinación de colores como la combinación tetrádica de cuatro colores.
Esta combinación (podéis ver la figura 13) es casi igual que la combinación
complementaria, con la diferencia de que seutilizan dos complementarios equidistantes.

56. 56
Figura 13. Combinaciones de colores tetrádicas.
En la figura 14 se muestra cómo funciona una combinación tetrádica en línea:
Figura 14. Una combinación de colores tetrádica en el generador en línea
Fijarseen el punto negro bajo el rojo en la rueda de colores, a la izquierda. Éste es el
primer color que hemos seleccionado; después, hemos pinchado en el botón Tetrad
debajo de la rueda. Los cuatro colores que han aparecido esta vez también eran un poco
diferentes de la rueda de colores que teníamos en la mano, pero cuando hemos colocado
la herramienta Angle/Distance debajo de la rueda de colores hasta "max", ha coincidido
mucho con la rueda de colores que teníamos en la mano. Los resultados mostrados
anteriormente son los que más seacercaban a la rueda de colores.
Esta combinación de colores puede complicarsebastante, de manera que lo que podríais
hacer, llegados a este punto, es elegir los cuatro tonos, tonalidades o matices de los
colores de la columna de la derecha. Podéis elegir vuestras opciones pinchando en las

57. 57
flechas del extremo derecho. Por ejemplo, la figura 15 muestra un ejemplo de bloque
rellenado con los tonos de esta combinación de colores:
Figura 15. Tonos tetrádicos
Y en la figura 16 semuestra un ejemplo de las tonalidades de la gama de medios:
Figura 16. Tonalidades de la gama de medios tetrádica.

58. 58
Si observáis atentamente los cuadros anteriores, veras queel generador también facilita
cuatro combinaciones de colores monocromáticas. Estas combinaciones aparecen tanto
en la columna de la derecha como en cada cuadrado del cuadrado mayor.
Jane Goodall Institute
La web del Jane Goodall Institute(figura 17) es uno de los pocos sitios que realmente
resuelvebien la combinación de colores tetrádica. Observad elpúrpura, el tono amarillo,
los reflejos rojos dela fotografía (la web contiene más rojo más adelante en la página) y
los verdes. El púrpura no coincide exactamente con la combinación de colores generada
por la herramienta de colores en línea –tiende a un rojo violeta–, pero se acerca lo
suficiente a él como para utilizarlo como ejemplo de cómo se puede utilizar tanto una
rueda de colores como el generador de colores en línea para crear ideas para vuestra web.
Figura 17. La web del Jane Goodall Institute: un buen ejemplo de combinación de colores
tetrádica
Ahora, cuando naveguéis por la web buscando ideas de colores y diseños, tener a mano la
rueda de colores para aprender más cosas sobrecómo los diseñadores utilizan las
combinaciones de colores en vuestras webs preferidas.
Resumen
Aunque las combinaciones de colores pueden parecer complicadas, todas suponen ciertas
"reglas". Estas directrices facilitan la comprensión de qué colores funcionan entre ellos
para añadir interés y contrastea una web.
El motivo por el que existen las ruedas de color es que la gente las utilice. Las ruedas y
herramientas de colores como el Color Generator en línea facilitan la elección del color,
incluso a diseñadores sin experiencia.
Las cuatro combinaciones de colores que setratan en este apartado son monocromáticas,
complementarias, triádicas y tetrádicas. Aunqueexisten otras combinaciones de colores,
estas cuatro combinaciones son las más fáciles de entender e implementar.

59. 59
Preguntas de repaso
1-Mencionar los tres colores primarios y explicar por qué se denominan colores primarios.
2-Mencionar los tres colores secundarios y los colores primarios que seutilizan para
conseguir estas tonalidades secundarias.
3-Describir cómo secrea un tono, una tonalidad y un matiz.
¿Qué es una combinación de colores monocromática?
¿Qué es una combinación de colores complementarios?
Describir los colores cálidos y fríos.
¿Qué es una combinación de colores triádica? ¿Podéis seleccionar tres colores que
encajarían en esta combinación?
¿Qué es una combinación de colores tetrádica? ¿Podéis seleccionar cuatro colores que
encajarían en esta combinación?
¿Qué combinación de colores parece más fácil de utilizar?
¿Qué combinación de colores parece la más complicada?
¿escriba tres características de cada color? (significado de los colores)
DIFRENCIAS ENTRE BLOG Y PAGINA WEB
Todavía hay quién no tiene muy claro qué es un blog y para qué sirve. Más o menos, todos
ya sabemos quées una web y para qué se puede utilizar. Pero lo del blog aún no lo
tenemos tan estudiado.
Las dos, aunque no lo parezca, son compatibles y no son excluyentes como se puede llegar
a pensar. Por ejemplo, si ya tenemos una web no es nada complicado incluir un blog. En A-

60. 60
Tres conviven los dos: tenemos la web y el blog, y aunquela primera es fun-da-men-tal
para mostrar lo que ofrecemos, no entendemos nuestra estrategia si un blog.
Aprovechando una gran infografíarealizada por los chicos de Verlaciudad, que va más
abajo, os vamos a contar las similitudes y diferencias entreuna página web y un blog. Son
plataformas diferentes para diferentesobjetivos, aunquepueden (y deben) ser
complementarios.
Virtudes y defectos de una página web
 Crear y gestionar una página web generalmente es mucho más complicado. Son
necesarios conocimientos de programación.
 Es más estática en cuanto al contenido.
 En la web colocamos nuestra presentaciónseria y formalde lo que ofrecemos. Es
nuestro espacio para presentar nuestros servicios y productos.
 La actualización de sus contenidos se realiza muy de vez en cuando.
 Se actualizan cuando existe un nuevo catálogo de productos o se proporciona un
nuevo servicio.
 Es complicado compartirla en las redes sociales más deuna vez porqueen ella no
hay novedades que les pueda interesar a nuestros seguidores.
 Las web de las pymes no suelen tener muchas visitas… a no ser que también tengan
un blog dentro de la web, tipo www.a-tres.com/blog.
Virtudes y defectos de un blog
 Crear y gestionar un blog es muy sencillo.
 Es muy dinámico. Un blog se actualiza de una forma más periódica: una vez al día,
una vez a la semana, una vez al mes…
 El blog es más personal, más humano En él contamos lo que sabemos para que los
lectores nos vean como un referente en nuestra área de negocio.
 Un blog ofrece contenido nuevo y fresco. Y el contenido nuevo y fresco es material
de primera para Google.
 Los buscadores posicionan muy bien a los blogs, ya que todo el contenido se
encuentra muy bien organizado.
 Tener un blog dentro de una página web hará que esa web esté mejor posicionada
en Google y le lleguen más visitas. Ylo decimos por experiencia propia.
 Es muy fácil compartir su contenido en las redes sociales, porquesiempretiene
nuevos contenidos.
 El blog facilita nuevas visitas y esas visitas, si el blog está dentro de una web,
también pueden ir a la home de la web, y desde ahí a nuestros servicios, productos,
nuestro contacto…
 El blog, gracias a los comentarios, invita a la participación denuestros lectores y/o
clientes.

61. 61
¿Por qué debes tener una página web?
Porquenecesitas tener presencia en internet.
 Porquequieres presentar tu empresa o negocio.
 Porquequieres ofrecer tus productos o servicios.
¿Por qué debes tener unblog?
 Porquees fácil de manejar.
 Porquenecesitas actualizar constantemente y variar elcontenido.
 Porquefacilita la interacción y necesitas construir relaciones con tu audiencia.
¿Qué tipode blog debes tener?
Si necesitas unblog para…
 Dar a conocer una opinión personalsobrealgún tema
 Compartir experiencias personales
 Usarlo como diario personal …deberías tener unblog personal
Si necesitas unblog para…
 Darte a conocer profesionalmente
 Tener credibilidad en el medio
 Demostrar aptitudes y conocimientos en un área determinada
 deberías tener unblog profesional
Si necesitas unblog para…
 Establecer comunicación con tus clientes.
 Generar confianza.
 Compartir información relevante con tu audiencia.
 Construir relación devalor con tus clientes.
 Posicionar a tu empresa.
…deberías tenerunblog corporativo
Visualmente, un blog personal, profesionalo corporativo pueden ser iguales. La diferencia
está en lo que se publique en cada uno.
Preguntas
1- Realice un cuadro con las virtudes y defectos de una página web.
2- Realice un cuadro con las virtudes y defectos de un blog
3- Diseñe un blog personal

62. 62

63. 63
Características principales:
Web estática:
• Realizadas principalmente en XHTML o HTML.
• Para modificación de contenidos es imprescindible acceder al servidor donde está alojada la
página.
• El proceso de actualización es lento y manual.
• No ofrece bases de datos, foros, etc.
• El usuario no puede seleccionar, ordenar o modificar los contenidos o el diseño de la página.
• Su diseño y desarrollo es más rápido y económico que el de una web dinámica.
Web dinámica:
• Muchas posibilidades en diseño y desarrollo.
• Utiliza varios lenguajes y técnicas de programación en su desarrollo.
• El proceso de actualización es muy sencillo y no requiere entrar en el servidor.
• Permite un gran número de funcionalidades tales como bases de datos, foros, contenido
dinámico, etc.
• El usuario puede alterar el diseño, contenidos o presentación de la página a su gusto.
• Su diseño y desarrollo es más caro que el de una web estática, por su mayor complejidad y sus
mayores prestaciones.
Hoy día, la opción de página web dinámica se impone en el mundo del diseño y de la
empresa en Internet. Son muchas las páginas que permiten interactuar con el visitante y
ofrecen posibilidades muy útiles: carritos de compra, inclusión de comentarios, participación en
discusión... En este tipo de webs como ya hemos comentado anteriormente, se utilizará el gestor
de contenidos para la administración de la oferta de artículos. Mediante el cual, se añade un
nuevo artículo - texto, imágenes, precio, etc…- que automáticamente se sumará al listado
general de productos que se ofrecen en la página web.
Como también ocurre con las webs de noticias o blogs, por ejemplo, son páginas que también
necesitan ser actualizadas constantemente, con contenidos generados y editados
cronológicamente. Las webs de los principales diarios publican noticias actuales o destacadas
en columnas laterales. Esto es posible gracias al gestor de noticias, que refleja automáticamente
la noticia en la sección solicitada. Si fuese una web estática, no sería posible y habría que editar
cada hoja de la web y añadir manualmente las noticias una a una.
Este tipo de webs, de diarios, noticias, blogs, también cuentan con una sección de comentarios,
un elemento dinámico que permite al usuario introducir sus opiniones que, en última instancia
será el administrador de la web quién decida qué comentarios se pueden publicar o no, para
evitar el spam.
En definitiva, las páginas web estáticas son útiles en los casos en los que la página web
sea únicamente informativa y no requieran de actualización constante. Las páginas web
dinámicas, por el contrario, son adecuadas en los casos de webs que requieran
actualizaciones frecuentes. Además, éstas últimas son fáciles de editar y ofrecen la mayoría
de sus servicios automatizados.
¿Cuánto pesa una imagen?
No existe una única relación entre los pixeles y los centímetros. Es más, la relación entre ambas
(ó entre los pixeles y las pulgadas comunmente abreviado como "dpi") define lo que se llama
"Resolución" de la imagen.
Concretamente, si la resolución de tu imagen es de 72 dpi (72 pixeles por pulgada) y la imagen
ocupa 1600 pixeles, por una simple regla de 3 llegas a que:
(1600 px) / (72 dpi) = 22,22 pulgadas = 56,44 cm

64. 64
(1200 px) / (72 dpi) = 16,67 pulgadas = 42,33 cm
Pero si la resolución de tu imagen es de 108 dpi (108 pixeles por pulgada), entonces:
(1600 px) / (108 dpi) = 14,81 pulgadas = 37,63 cm
(1200 px) / (108 dpi) = 11,11 pulgadas = 28,22 cm
Como verás, las cuatro cuentas anteriores te muestran que el tamaño de la imagen variará en
función de la resolución de tu imagen aún cuando tengan la misma cantidad de pixeles.
Por lo dicho, si deseas que los 1600 pixeles ocupen 2,5 cm, la resolución de tu imagen debe ser:
2,5 cm = (2,5 cm) / (2,54 cm/pulg) = 0,984 pulg
Resolución = (1600 pixeles) / (0,984 pulg) = 1626 dpi
ESTRUCTURA FÍSICA Y LÓGICA DE LAS APLICACIONES WEB
Conceptos Básicos
La forma que tendrá el Sitio Web que se está desarrollando. En este sentido es importante hacer
una diferencia entre estructura y diseño.
Estructura:
Se refiere a la forma que tendrá el Sitio Web en términos generales con sus secciones,
funcionalidades y sistemas de navegación. No considera ni incluye elementos gráficos
(logotipos, viñetas, etc.).
Diseño:
Se refiere a la solución gráfica que se creará para el sitio, en la cual aparecen colores, logotipos,
viñetas, y otros elementos de diseño que permiten identificar visualmente al sitio.
ESTRUCTURA FÍSICA
ESTRUCTURA LÓGICA
La estructura lógica o de navegación define como un visitante se va a mover (navegar) de una
zona a otra de un sitio web.
Copiar las preguntas y responderlas en la carpeta
Esta se debe plantear siguiendo las siguientes preguntas:
• ¿Cuál es el propósito de este sitio web?
• ¿Qué contendrá?
• ¿Cuál es la audiencia a la que está destinado?
• ¿Qué esperamos obtener?
• ¿Qué esperamos que los visitantes obtengan?
ESTRUCTURA FÍSICA Y LÓGICA DE LAS APLICACIONES WEB
Es la forma en que se almacenan los distintos recursos (ficheros) que forman un sitio web en el
sistema de archivos del servidor web.
Una estructura física eficiente consiste en planificar el desarrollo de los ficheros de un sitio web,
para de esta forma evitar la reestructuración del cuerpo de sistemas de archivos.

65. 65
Tipos de estructuras físicas
• Tipo de fichero
• Nivel de acceso
• Contenido
• Fecha
• Propietario
• Navegación
Nombres de los directorios y de los ficheros
Es un aspecto importante ya que se tienen que elegir nombres intuitivos, que expresen el
contenido y la función de un fichero.
Si la URL no es intuitiva, estaremos creando una barrera entre los visitantes y el contenido que
desean obtener.
Por otro lado, hay que tener mucho cuidado con los caracteres que se emplean en los nombres
de los directorios y de los ficheros, ya que cada sistema operativo permite un conjunto de
caracteres distintos.
Nunca se deben usar espacios en blanco o caracteres especiales como &, %, #, etc. Además,
sólo se debe usar el punto para la extensión de los ficheros.
Los enlaces son un elemento clave en la web, ya que son los que permiten crear el hipertexto.
ABSOLUTO
Tipo 1:
Similiar al enlace a otro sitio web en él se indica el nombre del sitio actual y la ruta completa al
recurso. Todos los enlaces de este tipo comienzan por http://.
Tipo 2:
Se indica la ruta completa al recurso. Como no se indica el nombre del sitio web, se emplea el
actual. Todos los enlaces de este tipo comienzan por /.
Por ejemplo:
/dir/recurso.xxx
• Relativo:
No se indica la ruta completa, sino la posición relativa del recurso respecto al fichero que
contiene el enlace.
Enlaces
Principalmente los enlaces se clasifican según la dirección de los recursos del sitio Web ya sea
intradocumental o extradocumental.

66. 66
Clasificación de los enlaces
Secuencial
En ella, el usuario comienza en la página principal y sólo puede navegar en una dirección (hacia
adelante o hacia atrás).
Este tipo de estructura suele utilizarse en los siguiente casos:
• Un curso o tutorial
• Una visita (tour) guiada
• Un asistente (wizard)
• Un proceso determinado compuesto de una serie de pasos secuenciales
Rejilla
Se emplea cuando existen estructuras secuenciales paralelas.
Algunos casos típicos en los cuales se puede utilizar esta estructura son los siguientes:
• Formato de pantalla (Normal)
• Formato de Impresión
• Formato de Discapacitos
• Formato de Idiomas

67. 67
Árbol
Permite estructurar el contenido de una forma jerárquica con distintos niveles, lo que facilita la
búsqueda de información y la navegación.
Tipos de Estructura Lógica
En este tipo de estructura no existe un orden establecido, de forma que cada página puede estar
enlazada con todas las páginas que componen el sitio web.
Además, en este tipo de estructuras, el sitio web suele tener varias páginas de inicio.
ESTRUCTURA MIXTA
Es común que la estructura de un sitio web sea mixta debido a que las 4 estructuras (secuencial,
en rejilla, en árbol y en red) son ideales y es por ello que suelen aparecer mezcladas entre si.

68. 68
COMPARATIVA
Las 4 estructuras básicas se pueden comparar en función de distintas características.
La expresividad va desde:
Un nivel bajo (la información contenida en un sito web es percibida de igual forma por todos los
visitantes).
Un nivel alto (cada visitante puede percibir la misma información de distintas formas).
La capacidad de navegación va desde;
Un nivel bajo (con poca libertad donde los movimientos del visitante son predecibles).
Un nivel alto (con mucha libertad donde la navegación ya es impredecible).
Red
Un visitante de un sitio web se puede perder fácilmente, por ello es recomendable emplear algún
tipo de mecanismo que indique al usuario donde estar y a donde puede ir.

69. 69

70. 70

71. 71
Como saber el peso de un archivo
El peso de un archivo podríamos decir que es el espacio que ocupa en un disco.
Cifras, tamaños, pesos nos rodean a diario al trabajar con la información de nuestros
ordenadores, pero ¿cómo sabemos lo que ocupa un archivo determinado para saber si nos va a
caber en una llave USB o Pen drive por ejemplo?.
Vamos a ver entonces como conocer el peso de un archivo:
Lo primero que debemos hacer es localizar en nuestro equipo el archivo que queremos guardar
en nuestro Pendrive y una vez lo tenemos, seguimos los siguientes pasos:
 Pulsamos sobre él con el botón derecho del ratón.
 En las opciones que nos muestra seleccionamos “Propiedades”.
 En la pestaña “General”, en la línea “Tamaño” veremos el valor o peso de ese archivo,
en este caso 2,60 MB.

72. 72
Ahora ya, sabiendo el peso del archivo, podés ir haciendo los cálculos pertinentes para ver si
cabe o no en vuestras unidades de almacenamiento.
¿Qué es HTML y para qué sirve?
Definición breve: HTML (HyperText Markup Language) es el lenguaje utilizado para la creación
de páginas web.
¿Qué significa HTML y que es?
HTML significa "Lenguaje de Marcado de Hypertexto" por sus siglas en ingles "HyperText
Markup Language", es un lenguaje que pertenece a la familia de los "lenguajes de marcado" y es
utilizado para la elaboración de páginas web. El estándar HTML lo define la W3C (World Wide
Web Consortium) y actualmente HTML se encuentra en su versión HTML5.
Cabe destacar que HTML no es un lenguaje de programación ya que no cuenta con funciones
aritméticas, variables o estructuras de control propias de los lenguajes de programación, por lo
que HTML genera únicamente páginas web estáticas, sin embargo, HTML se puede usar en
conjunto con diversos lenguajes de programación para la creación de páginas web dinámicas.
¿Para qué sirve HTML?
Básicamente el lenguaje HTML sirve para describir la estructura básica de una página y
organizar la forma en que se mostrará su contenido, además de que HTML permite incluir
enlaces (links) hacia otras páginas o documentos.
HTML es un lenguaje de marcado descriptivo que se escribe en forma de etiquetas para definir
la estructura de una página web y su contenido como texto, imágenes, entre otros, de modo que
HTML es el encargado de describir (hasta cierto punto) la apariencia que tendrá la página web.
¿Qué son las etiquetas HTML?
Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >, que se
utilizan para escribir código HTML, en HTML existen etiquetas de apertura y etiquetas de cierre,
tienen la forma: <etiqueta> </etiqueta>. Donde <etiqueta> es la etiqueta de apertura y
</etiqueta> es la etiqueta de cierre indicada por la diagonal. HTML tiene definidas gran variedad
de etiquetas para distintos usos.

73. 73
¿Qué es un documento HTML?
Para desarrollar una página web en HTML es necesario crear un documento HTML.
Básicamente un documento HTML es un archivo de texto que tienen la extensión .html o .htm,
en este documento se escriben todo el texto y las etiquetas HTML necesarias para la creación
de una página, al texto escrito en el documento HTML se le llama código HTML. Un documento
HTML se puede generar con cualquier editor de textos simple como el bloc de notas de Windows
o Gedit de Linux.
Servidor PHP
La sigla PHP identifica a un lenguaje de programación que nació como Personal Home Page
(PHP) Tools. Fue desarrollado por el programador de origen danés Rasmus Lerdorf en 1994
con el propósito de facilitar el diseño de páginas web de carácter dinámico.
El acrónimo recursivo, sin embargo, en la actualidad está vinculado a PHP Hypertext Pre-
Processor. El lenguaje es desarrollado hoy en día por The PHP Group aunque carece de una
normativa formal. La Free Software Foundation, por lo tanto, considera la licencia PHP como
parte del software libre.
El lenguaje PHP suele procesarse directamente en el servidor aunque también puede usarse a
través de software capaz de ejecutar comandos y para el desarrollo de otra clase de
programas.
Actualmente el PHP suele incrustarse dentro del código HTML de las páginas web y ejecutarse
desde un servidor. Se estima que PHP está presente en más de veinte millones de webs y en
cerca de un millón de servidores.
Actualmente el PHP suele incrustarse dentro del código HTML de las páginas web y ejecutarse
desde un servidor. Se estima que PHP está presente en más de veinte millones de webs y en
cerca de un millón de servidores.
Una de las ventajas de PHP es su parecido con lenguajes de programación del tipo estructurado
(como Perl y C), lo que ayuda a que los programadores puedan desarrollar aplicaciones
complejas en poco tiempo. De hecho, para un programador con poca experiencia en este
lenguaje, es muy sencillo aprenderlo y trasladar a sus páginas funciones y estructuras que
suela utilizar en la creación de otras clases de software.
Si bien existen alternativas para todos los gustos,
muchos consideran PHP como una herramienta indispensable a la hora de desarrollar un sitio
Web. En principio, permite establecer una conexión con la base de datos, a través de lo cual es
posible, por ejemplo, presentar en pantalla datos personales del cliente cuando éste lo requiera.
Pero la característica más importante de PHP es que permite modificar dinámicamente el
contenido de una página, lo cual resulta esencial hoy en día.
Por ejemplo, en un diario online, se suben noticias muy frecuentemente, y la “primera plana”
cambia varias veces a lo largo de una jornada. Sería muy trabajoso tener que alterar el código
HTML cada vez que se deseara actualizar la página, ya que no sólo sería necesario agregar el

74. 74
artículo más reciente, sino ubicarlo en el primer puesto y mover el resto hacia abajo,
eventualmente eliminando alguno para no sobrecargar la página. Si a esto le sumamos las
reglas propias de cada diseño, que suelen indicar un tamaño diferente de imagen para la
portada y otro para el texto completo, enlaces que aparecen sólo en la vista previa (tales como
“posts relacionados”), etcétera, dicha tarea podría ser impracticable.
Gracias a las posibilidades que ofrece PHP, con sólo actualizar la base de datos con la noticia
más reciente, un sitio bien diseñado será capaz de disponer dinámicamente toda la información
cada vez que alguien cargue la portada. Claro que sus ventajas no terminan ahí, y si se utiliza en
conjunto con otros lenguajes, como ser Javascript, y modelos de desarrollo tales como Ajax, los
resultados pueden ser deslumbrantes.
En pocas palabras, Javascript se ejecuta en el ordenador del usuario, por lo cual ofrece
posibilidades complementarias a las de PHP, de manera que en conjunto pueden realizar
tareas como ajustar automáticamente las proporciones de una página de acuerdo a la resolución
local, cambiar el contenido sin necesidad de refrescar y recargar, así como subir archivos al
servidor ofreciendo información en tiempo real del progreso de carga.
Utilización de las tecnologías de sindicación RSS
Esta tecnología tuvo sus orígenes en el año de 1999, cuando Netscape sacó una versión a la
RSS 0.90. Sindicar un contenido en la web significa publicar artículos simultáneamente en
diferentes medios mediante una fuente. Es el proceso mediante el cual un productor o un
distribuidor de contenidos proporcionan información en formato digital a un suscriptor o a una red
de suscriptores, generalmente con el ánimo de que estos los integren en sus propios sitios Web.
La sindicación de contenidos permite a un sitio Web, principalmente a aquellos que tienen
actualizaciones frecuentes, informar a los interesados sobre las novedades del sitio, típicamente
por medio de la distribución de titulares de noticias y contenidos breves. Cuando el usuario
observa un elemento de interés en su canal, puede seguir el enlace para obtener el contenido
completo. De esta forma se convierte en un medio de comunicación a la carta, integrado por
suscripciones de todo tipo de fuentes y ordenado según el criterio de cada usuario. La
sindicación de contenidos constituye una nueva manera de llegar a una audiencia cada vez más
segmentada.
Este proceso se logra por medio de una tecnología denominada RSS, que es un acrónimo que
puede significar Rich Site Summary o Really Simple Sindication, es un formato basado en XML
(Extensible Markup Language), que sirve para distribuir titulares de noticias y contenidos. RSS
no solo es útil para informarse acerca de noticias sino que también es útil para el seguimiento de
búsquedas, la planificación de agendas entre varias personas, construcción de estadísticas, etc.
Las posibilidades que ofrece la sindicación de contenidos en el terreno de la información puede
dividirse en cuatro grupos: información, administración, investigación y como un elemento para
la potenciación de comunidades de aprendizaje o de investigación. La sindicación de contenidos
ofrece la posibilidad de estar informado y actualizado de determinados temas de interés, sin la
necesidad de realizar grandes pérdidas de tiempo en la navegación sobre aquellos sitios
identificados por nosotros como de calidad y pertinencia por nuestro objeto de estudio. Existe la
posibilidad de suscribirse a lugares específicos y recibir la información inmediatamente, cuando
esta se produce.
Según Flinkestein(2004), como productor de la información se necesita desarrollar canales que
conecten con colegas, clientes, prospectos, los medios de comunicación, y los ejecutivos en un
diario base. Por lo tanto, se necesita una manera de actualizar - y luego entregar el contenido de
inmediato. Si se es un editor de un feed RSS, se está sindicando la información, porque se está
poniendo a disposiciónde múltiples fuentes (sus suscriptores) a su vez permite que estos
suscriptores publiquen su contenido en sus sitios Web. Al igual que una columna de periódico o
comic puede ser sindicalizado en muchos periódicos, la información que se publica en un feed
RSS puede encontrar su camino en todo el mundo, a través de sus suscriptores, y sin costo
alguno.

75. 75
La idea básica es que en lugar de saturar el correo electrónico o generar millones de
coincidencias en las búsquedas de Google, se puedan seleccionar los orígenes de datos que
queremos leer, filtrarlos y acceder solamente a la información que queremos: noticias locales,
activismo político, información sobre mascotas, noticias internacionales, bitácoras y mucho más.
Gonzales (2009) sostiene que las Really Simple Syndication (RSS) son un formato XML que
puede ser alimentado a través de Internet (en un proceso llamado sindicación) desde varias
fuentes. La mayoría de los sitios que han implementado RSS se encargan de la publicación de
noticias, como la BBC, CNN, Eltiempo.com, entre otros. En dichos sitios, el formato RSS permite
crear y ver los contenidos de miles de páginas Web, sin que sea necesario abrir el navegador.
Uno de sus principales objetivos es permitir que otras páginas puedan importar información y
que los visitantes interesados puedan descargar titulares fácilmente.
Según Muñoz(2008), la aplicabilidad del sistema RSS tiene un carácter sumamente amplio y
pluridisciplinar, prueba de ello se tiene en su implementación dentro del campo del e-commerce
(RSS como estrategia de marketing), dentro del marco del e-learning (a modo de sistema de
distribución y actualización de contenidos de cursos o proceso formativo), en administraciones
públicas(en donde RSS se constituye como una herramienta facilitadora dentro de los procesos
de comunicación propios de las políticas públicas desarrolladas a través de los modelos de
relaciones públicas) o por supuesto en instituciones educativas(universidades, centros
educativos, escuelas de negocios).
De acuerdo a Educase Learning initiative (2007), RSS provee una forma eficiente para que los
estudiantes se mantengan en contacto con la facultad, estar informados acerca de trabajos del
curso y otras actividades académicas, así como seguir desarrollos en su campo de estudio. El
intercambio de información que RSS facilita puede también tomar lugar de los estudiantes a la
facultad o entre los estudiantes en varios cursos dentro de un departamento. RSS ayuda a los
estudiantes a utilizar más eficientemente el internet para intercambiar información
multidisciplinaria así como incrementar el grado en el que están al tanto de descubrimientos
importantes.
También Sánchez (2007), sostiene que la sindicación de contenidos puede suponer una
revolución en los entornos virtuales de aprendizaje, porque se podrían recuperar, reutilizar y
actualizar fácilmente los contenidos sindicados en repositorios diseñados. Los centros
educativos pueden elaborar materiales de mayor calidad y más específicos, y adecuarlos a los
diversos entornos de aprendizaje.
Según Harrsch (2003) las aplicaciones de RSS para educadores pueden ser las siguientes:
• Creación de comunidades en línea específicas. La ventaja del RSS para este tipo de
comunidades sobre otras alternativas, es la posibilidad de suscribir cualquier experiencia
docente similar e intercambiar materiales, avances, a través de la suscripción de noticias y de la
publicación de resultados que aprovechan una amplia colección de materiales docentes
existentes en la red.
• Suscribirse a noticias y novedades de tu campo de especialidad sin navegación diaria por los
cientos de sitios que las producen. Se puede ahorrar tiempo en la preparación de la clase si se
suscribe a aquellos medios especializados que facilitan la información necesaria para ello de
cualquier tipo.
• Mejorar la conectividad entre investigadores que no se conocen entre sí y aprovechar en
beneficio propio conocimientos especializados de terceros con su consentimiento.
RSS supone enormes potencialidades para las instituciones educativas y las empresas, puesto
que RSS se erige en este sentido como un instrumento idóneo de comunicación con los
usuarios. A nivel educativo RSS ayuda a potenciar las comunidades de aprendizaje y la
investigación. Permite el rápido intercambio y distribución de información en las mismas. Puede
implicar un paso en la mejora de los procesos comunicativos entre la institución educativa y sus
clientes/usuarios. También dentro de la esfera educativa, nos encontramos con bibliotecas que
se acogen a la modalidad del RSS, ya que mediante este sistema son capaces de difundir
novedades, boletines, actividades y contenidos sin que el usuario deba acceder al servidor de la

76. 76
propia biblioteca. Finalmente, facilita que se compartan estas novedades y contenidos de forma
organizada
Bibliografía.
Recopilación de diferentes autores.