La Tecnologí@ WebLa 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”

Objetivo PrincipalEstamos 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ón Conexión

¿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.

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) Windows Windows 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 acceso 6) 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.

¿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ónicoNos permite enviar o recibir correspondencia, comunicarnos con otras personas que se encuentren en cualquier lugar del mundo. E-MAIL

El ChatSe 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 noticiasPermiten 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 WebEs una aplicación web que da soporte a discusiones u opiniones en línea, que suelen estar organizadas en categorías.

Espacios WebSon 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áginasBuscador Blogs

Colaborativas Redes

¿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

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ámicasPermiten la interacción en

tiempo real, como: animaciones,

los foros, encuestas, blogs.

Sitio archivoSitio weblog Sitio de empresaSitio de comercio electrónicoSitio de comunidad virtualSitio de Base de datosSitio directorio

Sitio de descargasSitio de juegoSitio de informaciónSitio de noticiasSitio pornográficoSitio de promoción webSitio buscadorSitio shockSitio de subastas

Sitio personalSitio portalSitio Web 1.0, 2.0, 3.0Creador de sitiosSitio colaborativo.Sitio políticoSitio de ratingSitios educativosSitio Spam

¿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.

¿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.

Lenguaje HTML3) 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.

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

Uso de la Tecnología Web 2.04) 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.

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.

• 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

Metodología del colorEsta 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

Tabla de propiedades de los coloresColor 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 creatividadSimboliza el éxito

---

AMARILLO Inteligencia, alentador, tibieza, precaución, innovación

Ayuda a la estimulación mentalAclara una mente confusa

Produce agotamientoGenera 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 tibiezaAumenta 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 menteDisipa 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 nerviosoEquilibra emocionesRevitaliza el espíritu

Estimula a sentir compasión, conservación ambiental

Crea energía negativa

NEGRO Silencio, elegancia, poder Paz. Silencio, elegancia. Distante, intimidatorio

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.

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...

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