LA TECNOLOGÍA WEB

1. La Tecnologí@ Web
La Tecnologí@ Web
Internet
Herramientas
Web
Tecnología Web
2,0.
HTML“ Promovamos un cambio en la sociedad hacia un mayor conocimiento de la participación del hombre en la historia del mundo”

2. Objetivo Principal
Estamos acostumbrados a ver un
ordenadorordenador como una máquina individual;
en la que trabajamos sobre los archivos
que tenemos en nuestro Disco Duro y
manejamos algún programa que
tenemos instalado.
Sin embargo, los ordenadores no sólo
pueden trabajar individualmente.
También pueden conectarse entre ellos,
con lo cual pueden compartir la
información. A esto se le denomina
“Tener los ordenadores en red”,“Tener los ordenadores en red”, o “Red de“Red de
Ordenadores”.Ordenadores”.
** Actualmente gracias a este invento y a
la tecnología web encontramos más
beneficios dentro de la autopista de la
información más allá de sólo enviar data.
ComputadorasComputadoras
ModemModem ConexiónConexión

3. ¿Qué es Internet?
Es una red de redes de ordenadoresred de redes de ordenadores.
Desde un sencillo PC, hasta un
súper-ordenadorordenador, se pueden
conectar en red; sin embargo es
indispensable que todas las
máquinas (dos, tres, cinco… las que
se encuentren en red) compartan el
mismo protocolo de comunicaciónprotocolo de comunicación;
es decir, que "hablen" el mismo
idioma.
Más que nada, Internet es un nuevo
medio de comunicación, que nos
permite observar el mundo desde
un ángulo diferente del que nos
ofrecen los medios tradicionales y
además participar en ese mundo.

4. Requerimientos mínimos para estar conectados:
1)1) PC con procesador 386:PC con procesador 386: Este es el cerebro del computador. Dependiendo del tipo
de procesador y su velocidad se obtendrá un mejor o peor rendimiento.
2)2) Mbytes de RAM:Mbytes de RAM: son las siglas de random access memoryrandom access memory, un tipo de memoria de
ordenador a la que se puede acceder aleatoriamente; es decir, se puede acceder a
cualquier byte de memoria sin acceder a los bytes precedentes del ordenador.
3)3) WindowsWindows 3.1, Windows 95: Sistema Operativo del Ordenador.
4) Un software SLIP/PPP-TCP/IP:4) Un software SLIP/PPP-TCP/IP: es la base del Internet que sirve para enlazar
computadoras que utilizan diferentes sistemas operativos, incluyendo PC,
minicomputadoras y computadoras centrales sobre redes de área local y área
extensa (ARPANET).
5) Un módem:5) Un módem: dispositivo que convierte las señales digitales en analógicas
(modulación) y viceversa (demodulación), permitiendo la comunicación entre
computadoras a través de la línea telefónica o del cablemódem. compatible Hayes
velocidad mínima de 9600 bps .
NOTA:NOTA: poseer una tarjeta RDSI o adaptador terminal conectado a ese tipo de línea,poseer una tarjeta RDSI o adaptador terminal conectado a ese tipo de línea,
tarjeta SVGA y puerto de comunicaciones con chip UART 16550.tarjeta SVGA y puerto de comunicaciones con chip UART 16550.
6) Un proveedor de acceso6) Un proveedor de acceso es una empresa (ISP) que brinda conexión a Internet a sus
clientes a través de diferentes tecnologías, o ServidorServidor Una aplicación que realiza
algunas tareas en beneficio de otras aplicaciones, tales como: acceder a los archivos
de una computadora y los servicios de aplicaciones.

5. ¿Para qué sirve el Internet?
Hoy en día, el internet tiene infinidad de funciones, pero entre estas destacan las siguientes:
Estudios, Trabajos, Comercio, Asesoría, Estudios, Comunicación y Juegos en línea.
Correo- Electrónico
Nos permite enviar o
recibir correspondencia,
comunicarnos con otras
personas que se
encuentren en cualquier
lugar del mundo. E-MAIL
El Chat
Se trata de la opción de
charla en forma de texto
en tiempo real. La
palabra proviene del
ingles “CHAT”, que
significa "charlar"
Word Wide Web: Se trata de
un standard para presentar y
visualizar páginas de
información que contiene texto,
gráfico, sonido, películas...
FTP: protocolo estándar de
transferencia de archivos.
Permite a los usuarios de
internet recibir y enviar
archivos de todas las máquinas
conectadas a la red del servidor.
Boletines de noticias
Permiten realizar
anuncios para debatir y
compartir información a
grupos de personas con
intereses similares que
desee leerlos, y no sólo de
los suscriptores.
Foros Web
Es una aplicación web
que da soporte a
discusiones u opiniones
en línea, que suelen estar
organizadas en
categorías.
Espacios Web
Son la capacidad que tiene su sitio para almacenar páginas,
imágenes, correos, administradores, etc. Y el software de soporte , y
se mide en MB.
Páginas
Buscador Blogs
Colaborativas Redes

6. ¿Qué es una Página Web?
Es el nombre de un documento o información electrónica
capaz de contener texto, sonido, vídeo, programas, enlaces y
muchas otras cosas, adaptada para la World Wide Web y que
puede ser accedida mediante un navegador . Esta información
se encuentra generalmente en formato HTML o XHTML,
Red informática mundial
creado por Robert Cailliau
Es un software que permite el
acceso a Internet, interpretando
la información (código) de
archivos y sitios web para que
éstos puedan ser leídos.
Podemos enlazar un sitio con
otro, imprimir, enviar y recibir
correo, entre otras
funcionalidades más.
Navegador WebNavegador Web Es un nombre que puede
ser alfanumérico que generalmente se
vincula a una dirección física de una
computadora, una página web o
dispositivo electrónico.
DominioDominio
.com
.org
.net
.info
.biz
.edu
Para empresas comerciales.
Para organizaciones (sin fines de lucro),
Instituciones y fundaciones.
Para empresas relacionadas con el
internet
Páginas con fines educativos.
Su cometido es la difusión o publicación
de contenidos informativos.
Terminación que proviene de business
y está enfocada a la temática “negocios”.
Hospedar o alojar. Aplicado al
Internet, significa poner una pagina
web en un servidor de Internet para
que ella pueda ser vista en
cualquier lugar del mundo entero
con acceso al Internet.
HostingHosting

7. Es un gran espacio documental organizado que la mayoría de las
veces está típicamente dedicado a algún tema particular o
propósito específico. Cualquier sitio web puede contener más de un
página e hiperenlaces organizados en una jerarquía o Mapa del
Sitio, que parten de una Página Principal (Home Page).
¿Qué es un Sitio Web?
Podemos acceder a todas las
páginas de un Sitio gracias al
“URL”“URL”, el cual es la cadena de
caracteres con la cual se
asigna una dirección única a
cada uno de los recursos de
información disponibles en el
Sitio de Internet.
Mailto Http/ Https
Ftp File
Tipos de Páginas y Sitios Web
Las Estáticas
forman parte de épocas
anteriores, puesto que son de
contenido fijo y no son aptas
a actualizaciones constantes.
Las Dinámicas
Permiten la interacción en
tiempo real, como:
animaciones,
los foros, encuestas, blogs.
Sitio archivo
Sitio weblog
Sitio de empresa
Sitio de comercio
electrónico
Sitio de comunidad
virtual
Sitio de Base de datos
Sitio directorio
Sitio de descargas
Sitio de juego
Sitio de información
Sitio de noticias
Sitio pornográfico
Sitio de promoción web
Sitio buscador
Sitio shock
Sitio de subastas
Sitio personal
Sitio portal
Sitio Web 1.0, 2.0, 3.0
Creador de sitios
Sitio colaborativo.
Sitio político
Sitio de rating
Sitios educativos
Sitio Spam

8. ¿Por qué debo tener una?
1. Para no perder oportunidades de negocio gracias
a la competencia que ya tiene una.
2. Presencia Total, es decir estarás presente las 24
horas del día, los 7 días semana y los 365 días año.
3. Presencia local, nacional e internacional, podrá
ser visitada por usuarios de todo el mundo.
4. Relativamente más económico, permite hacer
publicaciones, cotizaciones, generar respuestas.
5. Imagen más profesional de tu empresa, creando
una imagen más seria y profesional a los ojos del
usuario.
6. Podrás tener información completa, a que se
dedican, los productos y servicios que ofrecen.
7. Vender en internet, es una buena oportunidad
para poder vender nuestros servicios a través de
una página web.
8. Información de tus visitantes, de que país nos
visitan, cual es el número de visitas diarias que
tenemos, las fuentes de trafico, encuestas, etc.
9. Fácil de actualizar, basta con unos clicks para
tener la información lista para que nuestros clientes
la vean.

9. ¿Qué se necesita para crear una
Página Web?
2) Se necesita un editor de Html o texto. Algunos editores conocidos
para esta función son Block de Notas, NotepadNotepad, Microsoft Frontpage y
DreamweaverDreamweaver, los cuales son parecidos a Microsoft Word en su uso
pero con su función específica.
Por otro lado, existen proveedores que permiten crear páginas sencillas, como es el
caso de Wordpress, Blogger, WebnodeWebnode, entre muchos otros… con la creación de blogs
y también de páginas web en función de la plantilla que se utilice. Este es un recurso
gratuito y sencillo para cualquier usuario.
1) Antes de programar una página web, se necesita verificar
los navegadores. Entre los más utilizados se encuentra
Firefox, Safari o Internet Explorer. Este último viene por
defecto instalado en los equipos con sistema operativo
Microsoft, al igual que ocurre con Safari y los dispositivos de
Apple.

10. Lenguaje HTML
3) Trabajar bajo la sintaxis de programación de HTML que significa
"Hyper Text Markup" y es el idioma de la World Wide Web. Así, en
pocas palabras, 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.
HTML ayuda a formato el contenido de su página
Otros elementos…
• Las imágenes y las Galerías de fotos: dentro de nuestra página web también pueden
ofrecer información destacada para los motores de búsqueda, usando el parámetro
“alt” se puede aprovechar para hacer una descripción a manera de texto de las
imágenes que están dentro del sitio web y permitir a los buscadores el rastreo de las
mismas.
•Animaciones: existen muchos elementos que han ido aumentando y evolucionando con
el paso de los años y las nuevas tecnologías para darle efectos dinámicos e interactivos a
los elementos de la página. Gracias a Macromedia MX, Adobe Flash, Adobe Shockwave,
Java o enlaces.

11. Otros elementos…
• Interacción con el usuario: para ello se pueden establecer en las páginas algunos servicios
para lograr la interacción (Blog, encuestas, formularios, preguntas frecuentes, foros, libro de
visitas).
Encuestas
Formularios ForoEncuestas

12. Uso de la Tecnología Web 2.0
4) La web 2.0 son todas aquellas herramientas informáticas que
permiten al usuario hacer parte de un sitio web ya sea aportando
opiniones, comentarios, introduciendo nuevo contenido, en
general enriqueciendo y siendo parte de un portal web.

13. Estructura de la Página Web
• Escriba títulos únicos y precisos para cada
una de sus páginas. Las palabras del título
aparecerán en negrilla en la primera línea de
las búsquedas de los motores.
• Las URL o direcciones de las páginas web
deben ser claras y sencillas.
• Este contenedor puede tener un ancho fijo; el
ancho será igual para todas las páginas del
navegador, o uno fluido que se adaptará al
ancho de nuestra ventana (Fondo unicolor o
de imagen).
• Usar un Logotipo, dónde debemos dejar la
imagen o el nombre de la empresa, que
identificará la marca en todo el sitio. Al estar
arriba acompañara la navegación por todo el
sitio ayudando al reconocimiento de la marca.
• Header o encabezado: es la parte superior
del sitio, la que se mantiene igual a través de
todas las secciones, muestra el nombre del
sitio ya que es el rostro del sitio.

14. • Navegador: es el menú del sitio que la contiene.
La forma más aceptada y fácil, es el menú
horizontal, que siempre tiene a mano lo más
importante del sitio web.
• Contenido: Lo más importante y fundamental de
una buena página. Lo que mantiene al visitante
cautivo e interesado. Si el contenido es malo o
poco interesante, abandonará la página en pocos
segundos.
• Barra Lateral: En este sector se puede colocar
Varios elementos como: Enlaces a las páginas del
Sitio (submenú), colocar imágenes, link a otras
páginas, anuncios publicitarios, scroball,
Formularios u otros elementos.
• Pie de Página: es un elemento opcional, que
suele contener información muy concreta. Uno de
los usos más comunes es mostrar información
sobre la empresa propietaria Copyright y legales
o menús secundarios. Aunque en los últimos
años, se usa mucho para incluir información de
redes sociales, Mapa del Sitio.
Estructura de la Página Web

15. Metodología del color
Esta metodología tiene su apoyo básico en la combinación de colores, escalas y
sensaciones que podrían llegarle a transmitir atracción o rechazo al ser humano. Cada
Color es una Información precisa que actúa sobre la Información que posee una página
web y lo que queremos transmitir con ella al usuario lector.
Cálidos Claros Oscuros Brillantes
• Serenidad
• Frescura
• Masculinidad
• Promocionar
tecnología.
• Retarda el
metabolismo
Fríos
• Calidez
• Inteligencia
• Originalidad
• Alegría
• Erotismo.
• Armonía
• Exuberancia
• Fertilidad
• La Familia
• Frescura
• Limpieza
• Comunica
simplicidad
• Precaución
• Deterioro
• Enfermedad
• Piedad
• Entusiasmo
• Felicidad
• Atracción
• Creatividad
• El éxito
• Estímulo
• La naturaleza
• Naturalidad
• Elegancia
• Profundidad
• Perspectiva
• Antigüedad
• Seriedad
• Categoría
• Tristeza

16. Tabla de propiedades de los colores
Color Significado Su uso aporta El exceso produce
BLANCO Pureza, inocencia, optimismo, salud Purifica la mente a los más altos niveles ---
LAVANDA Equilibrio Ayuda a la curación espiritual Cansado y desorientado
PLATA Paz, tenacidad Quita dolencias y enfermedades ---
GRIS Estabilidad Inspira la creatividad
Simboliza el éxito
---
AMARILLO Inteligencia, alentador, tibieza,
precaución, innovación
Ayuda a la estimulación mental
Aclara una mente confusa
Produce agotamiento
Genera demasiada actividad mental
ORO Fortaleza Fortalece el cuerpo y el espíritu Demasiado fuerte para muchas
personas
NARANJA Energía Tiene un agradable efecto de tibieza
Aumenta la inmunidad y la potencia
Aumenta la ansiedad
ROJO Energía, vitalidad, poder, fuerza,
apasionamiento, valor, agresividad,
impulsivo
Usado para intensificar el metabolismo del cuerpo con
efervescencia y apasionamiento
Ayuda a superar la depresión
Ansiedad de aumentos, agitación,
tensión, erotismo
PÚRPURA Serenidad Útil para problemas mentales y nerviosos Pensamientos negativos
AZUL Verdad, serenidad, armonía, fidelidad,
sinceridad, responsabilidad
Tranquiliza la mente
Disipa temores
Depresión, aflicción, pesadumbre
AÑIL Verdad Ayuda a despejar el camino a la consciencia del
yo espiritual
Dolor de cabeza
VERDE Ecuanimidad inexperta, acaudalado,
celos, moderado, equilibrado,
tradicional, la naturaleza, conservación
Útil para el agotamiento nervioso
Equilibra emociones
Revitaliza el espíritu
Estimula a sentir compasión, conservación ambiental
Crea energía negativa
NEGRO Silencio, elegancia, poder Paz. Silencio, elegancia. Distante, intimidatorio

17. Pautas generales de diseño
• No es conveniente cargar el fondo de una página con excesivas imágenes ni con una imagen que
dificulte la lectura del texto.
• Si deseas establecer una imagen de fondo, lo mejor es dejarla fija y con un color muy
difuminado.
• Evita la utilización de colores muy llamativos o chillones que cansen la vista. Estos colores se
pueden utilizar para resaltar aspectos concretos de la página, pero no por norma general, ya
que el lector se cansará y cambiará de web.
• Si deseas que tu página sea accesible para todas las personas, utiliza unos tamaños de letra
adecuados y sé claro en la presentación de los textos para no dificultar la lectura a personas
con problemas visuales.
• Los colores primarios son muy comunes y hacen monótona la lectura.
• El color de los enlaces lo debemos mantener como azul estándar, ya que es a lo que están
acostumbrados los usuarios de Internet. Si los cambiamos de color, debemos dejar el
subrayado para su identificación.
* Fondo claro y texto oscuro.
* Fondo oscuro y texto claro.
* Fondo frío y texto cálido o al revés.

18. Algunas sugerencias de color según el público al que nos dirijamos
 Las páginas pensadas para el público en general deben
basarse en la utilización de colores neutros, que gusten a la
mayoría. Una buena opción es utilizar colores pastel, escalas
de grises...
 Las páginas destinadas al público joven pueden basarse en
colores más vivos. También es acertado introducir
animaciones que llamen la atención con colores llamativos.
 Las páginas elaboradas para un público adulto deben utilizar
colores serios y elegantes.
 Las páginas institucionales (de centros escolares...) deben
utilizar sus propios colores identificativos, es decir, los del
logotipo, escudo...

19.  Las páginas divulgativas (artículos, libros...) deben tener en cuenta
que su objetivo principal es ser leídas por el visitante, por lo que
deben evitar colores chillones y molestos para el ojo humano.
 Las páginas que busquen innovación, pueden diseñarse con fondos
oscuros y contenidos en colores chillones, siempre que se haga una
buena combinación.
Algunas sugerencias de color según el público al que nos dirijamos
“Internet es mucho más que una tecnología y
junto a la web es un medio de comunicación,
de información, de interacción y de organización social.”
Manuel CastellsManuel Castells