Conceptos generales de Diseño y desarrollo 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