2. QUE ES LA WEB ??
Web es un vocablo inglés que significa “red”, “telaraña” o “malla”. El concepto se utiliza en el ámbito
tecnológico para nombrar a una red informática y, en general, a internet .
El término, de todas formas, tiene varios usos. Además de nombrar a Internet en general, la palabra web
puede servir hacer mención a una pagina web, un sitio web o hasta un servicio web
Una página web es un documento que incluye un archivo HTML con texto, imágenes, videos, animaciones
Flash, etc. Al conjunto de páginas web que suelen formar parte del mismo dominio o subdominio de Internet
se lo conoce como sitio web. Dentro del sitio web, todas las páginas guardan alguna relación entre sí y están
vinculadas mediante vínculos (también conocidos como enlaces, hipervínculos, hiperenlaces o links).
http://definicion.de/web/#ixzz38CK3o162
3. LA EVOLUCIÓN DE LA WEB (WEB 1.0, WEB 2.0, WEB 3.0)
Web 1.0
La web primitiva, la del siglo 20, era aquella que se caracteriza principalmente por ser unidireccional y
realizada sobre contenidos estáticos. Las primeras páginas que vimos en Internet publicaban
contenidos de texto que, una vez publicados, no se actualizaban salvo que el "webmaster" modificase
dichos contenidos y volviese a subir la web de nuevo a internet.
La web 1.0 tenía un carácter principalmente divulgativo, y empezaron a colgarse de internet
documentos e información principalmente cultural. Poco a poco las empresas empezaron a tomar
parte y las primeras webs de empresa surgieron, con diseños muy pobres (no había herramientas, ni
tecnología, ni conexión suficiente como para hacerlo mejor) y contenidos que rápidamente quedaban
anticuados al ser complejo actualizarlos.
4. Web 2.0
La web 2.0 se asiento a mediados de la primera década de este siglo. Sustentada bajo
unas conexiones a internet evolucionadas (ya teníamos ADSL), y mejores herramientas
para desarrollar web, mejores servidores, etc., la web 2.0, también denominada "la red
social", llena Internet de blogs, wikis, foros y finalmente, redes sociales. El objetivo de la
web 2.0 es la compartición del conocimiento, es la web colaborativa y ha sido uno de los
atractivos principales para atraer a usuarios (basta ver los usuarios de Facebook que,
hasta Facebook, no tocaban un ordenador)
5. Web 3.0
La web 3.0 es la web semántica, la web de la nube, la web de las aplicaciones y la web
multi dispositivo. Hoy en día ya no solamente utilizamos ordenadores para conectarnos a
Internet. Los tableas, los Smartphone, e incluso los mapas interactivos, algunas tiendas,
y en un futuro no lejano la automoción estará consumiendo Internet.
La web 3.0 se presenta como una web inteligente (aunque creemos que para esto aun
falta bastante), y principalmente aprovecha la nube para prestar servicios al usuario y
eliminar su necesidad de disponer de sistemas operativos complejos y grandes discos
duros para almacenar su información.
http://www.estudioseijo.com/noticias/web-10-web-20-y-web-30.htm
6.
7. CARACTERÍSTICAS DE LAS PAGINAS WEB
En relación con las características de las páginas web seleccionadas, consideramos que, para
garantizar una mínima calidad y rentabilidad, deben cumplir los siguientes requisitos:
a) Validez de los contenidos: veracidad de la información, rigor de los servicios ofrecidos, capacidad
de renovación y actualización.
b) Estabilidad de la página en red: perspectivas sólidas de continuidad.
c) Funcionalidad de la navegación: entramado claro y coherente de los enlaces hipertextuales, visión
general de las opciones de navegación.
d) Calidad del diseño: secciones con una jerarquía clara de apartados y una secuenciación lógica.
e) Posibilidades de interacción: servicios de comunicación e intercambio que ofrece al usuario.
f) Atención y servicios al usuario: posibilidad de realizar consultas y obtener repuesta con un
grado razonable de inmediatez y utilidad.
g) Enlaces propuestos: comprobar la pertinencia y utilidad de las conexiones que ofrece.
La rentabilidad de los aspectos anteriores redundan en la utilidad, amabilidad y eficacia de una página
web.
8. CONCEPTO DE PAGINA WEB
A modo de introducción y con el propósito de unificar terminología a continuación se describe el significado
de algunos términos muy utilizados en el diseño web:
Es el sistema de presentación de la información más utilizado en Internet. Sus principales características
son:
Hipertexto: Es texto o imagen que se muestra en la pantalla vinculada a otras páginas del mismo sitio o de
sitios ajenos. Al situar el puntero del ratón sobre él, éste toma el aspecto de una mano. Al hacer clic se
mostrará la página vinculada al mismo.
Multimedia: En la pantalla aparece texto, imágenes, videos, audios, animaciones, etc.
Universalidad: Se puede acceder desde cualquier tipo de equipo o sistema operativo (Windows, Linux,
Mac), usando cualquier navegador y desde cualquier parte del mundo.
Pública: Toda su información está distribuida en miles de ordenadores (servidores) que ofrecen su espacio
para almacenarla. Es información pública y normalmente accesible por cualquier usuario.
Dinámica: Mucha información, aunque está almacenada, puede ser actualizada por el público que la
consulta sin que el usuario necesite conocer detalles técnicos de su mantenimiento. Son las páginas activas:
asp, php o jsp.
Navegador
Es el programa que se utiliza para acceder a los contenidos de Internet. Debe ser capaz de comunicarse con
un servidor y comprender el lenguaje de todas las herramientas que manejan la información de Web. Los
navegadores más populares son Internet Explorer, Mozilla Firefox, NetScape, Opera, Safari, etc.
9. Servidor
Es el ordenador encargado de proporcionar al navegador del cliente los documentos y medios que éste solicita.
HTTP (HyperText Transfer Protocol)
Es el protocolo de comunicación utilizado para transmitir las peticiones y archivos a través de Internet entre el servidor
y el navegador. El protocolo http:// se indica en el inicio de la dirección. Si no se teclea este prefijo, el navegador lo
añade de forma automática.
URL (Universal Resource Locator)
Es la dirección donde se encuentra un recurso en Internet. Ejemplo: http://www.google.es.
Si no se indica página html, el servidor enviará la página índice (index) o bien por defecto (default). Durante la
navegación por Internet …
El usuario, situado en el equipo cliente, teclea la URL en la casilla dirección del navegador y pulsa la tecla <enter>.
La petición se dirige a los servidores DNS que traducen esta URL a una dirección IP. Por ejemplo: www.cnice.mec.es -
> 195.53.123.85. Es posible situar en el navegador esta dirección aunque resulte más complicada e ininteligible.
La petición llega al servidor que tiene esa IP.
El servidor devuelve la página solicitada.
El archivo HTML y los multimedia referenciados se almacenan en la carpeta caché del navegador (disco duro del
equipo cliente). Cuando se hadescargado estos activos entonces el usuario visualiza la página y todos sus elementos.
HTML (HyperText Markup Language)
Es el lenguaje en el que se diseñan las páginas que se visualizan a través del navegador. Este lenguaje se basa en
etiquetas (instrucciones que le dicen al navegador como deben mostrarse) y atributos (parámetros que dan valor a la
etiqueta). Una página HTML contiene texto con un cierto formato y referencias a archivos externos que contienen
imágenes, sonidos, animaciones, etc.
Archivo HTML
El lenguaje HTML se utiliza para definir un documento que se visualizará a través del navegador. Este documento se
guarda en un archivo con extensión .htm ó .html
Básicamente los documentos escritos en HTML constan de texto y etiquetas. Las etiquetas permiten definir el formato
del texto, el título que mostrará en la barra de título del navegador, los elementos multimedia que aparecerán
incrustados en el documento pero que se almacenan en archivos externos, etc.
Todo documento HTML tiene la siguiente estructura: cabecera y cuerpo del documento. Las tres etiquetas que
describen su estructura general son:
10. CARACTERÍSTICAS DE UN SITIO WEB
Un sitio web consta de una Página de Inicio (Home Page, index o default) que es
la página que nos presenta a nuestros usuarios y ofrece los enlaces a todas las otras
páginas. En ella se muestra el contenido del sitio y por tanto es en la que hay que esmerar
especialmente el diseño.
Todo sitio web debe tener un índice, que si el web es pequeño, es la propia Página de
Inicio, y habilitar varias vías de acceso a otras páginas y de retorno a la Página de Inicio,
así si un usuario está “perdido” entre las páginas de información puede regresar al inicio
desde cualquier lugar.
Para el diseño eficaz de un sitio web es recomendable seguir una serie de pasos en su
gestación:
Analizar la información que tendrá (los contenidos).
Buscar y estructurar dichos contenidos.
Trazar el árbol de navegación.
Marcar las pautas de su diseño gráfico (o informacional).
Confeccionar su interfaz.
Difundir, o publicar el sitio en Internet.
Mantener la información viva, supervisarla.
Estas tareas son multidisciplinares y en ellas participan las ciencias de la información y
la comunicación (contenidos y mensaje), el diseño gráfico (la imagen) y la informática
(técnicos). Existen potentes editores de páginas web que facilitan el trabajo creador,
como Lotus World Pro, Microsoft Front Page, Netscape Comunicator, Hot Dog Pro, etc.
11. Las tres primeras etapas están en las manos de los especialistas en información, la cuarta corre a
cargo de un diseñador gráfico, y es muy importante tener en cuenta que hay que tratar de lograr la
“comunicación” con quien visita el sitio, no sólo presentar información. Las últimas etapas
corresponden a los informáticos.
Uno de los principales elementos en la elaboración de un sitio web es el diseño, para que no muestre
una imagen distinta de la que queremos dar, por eso existen gran cantidad de normas,
recomendaciones yrequisitos de entre los que a continuación se entresacan algunos:
Se debe tratar de lograr un todo armónico entre el fondo de las páginas y el contenido que se
muestra. Si hay mucho textos y es preciso usar un tamaño de fuente pequeño se deberá contrastar
con el fondo para aumentar la legibilidad. Conviene introducir interrupciones visuales que eviten la
monotonía, sobre todo en páginas de texto continuo. Pero tampoco se debe abusar del color ni de
iconos, animaciones o fotos que mareen más que acompañar.
Se debe estudiar el espaciado, el tamaño de fuente y el interlineado que son muy importantes para la
comprensión de los textos y también para la propia estética de la página. Los títulos, subtítulos y
encabezados pueden usarse para dar énfasis o simplemente un toque de color o de “alegría”.
Las ilustraciones gráficas han de tener relación con el contenido de la página.
El color es uno de los recursos fundamentales pero también el que en más ocasiones se usa mal o
sabusa. Puede transmitir estados de ánimo, emociones, conceptos, ambientes o reforzar el interés
visual per es preciso saber cómo, cuándo y dónde usarlo bien.
12. Los gif animados, o gráficos animados, son un recurso muy atractivo y atrayente pero
que hay que dosificar para no acabar cansando al navegante.
Por último hacer mención a dos recursos aún poco utilizados en web pequeños, por
problemas de ancho de banda, pero que se irán incorporando como práctica habitual de
aquí a muy poco: el sonido y el vídeo. Con el diseño sonoro se debe tener el mismo
cuidado que con el diseño gráfico, debe ser coherente con el texto o la imagen con que
se relacione.
Respecto a las filmaciones de vídeo y los gráficos tridimensionales (3D) se da el paso a
la realidad virtual, que es la simulación de un mundo real mediante una interfaz
tridimensional. Esto le da al web una perspectiva nueva, pue permite viajar
interactivamente en una tridimensión gráfica.
Resumiendo por otra parte los aspectos que pueden llevar a un mal diseño del web
tendríamos:
No tener claro qué se quiere comunicar y por tanto no hacer comprensible nuestro
mensaje.
No tener en cuenta el valor semántico de los signos.
Preferencia por lo estético los contenidos, cuando cada aspecto ha de tener el peso
adecuado.
Subvalorar o sobrevalorar lo funcional.
13. CONCEPTO DE SITIO WEB
Un sitio web es un conjunto de archivos electrónicos y páginas web referentes a un tema
en particular, que incluye una página inicial de bienvenida, generalmente denominada
home page, con un nombre de dominio y dirección en Internet específicos.
Empleados por las instituciones públicas y privadas, organizaciones e individuos para
comunicarse con el mundo entero. En el caso particular de las empresas, este mensaje
tiene que ver con la oferta de sus bienes y servicios a través de Internet, y en general para
eficientar sus funciones de mercadotecnia.
Su Sitio Web no necesariamente debe localizarse en el sistema de cómputo de su negocio.
Los documentos que integran el Sitio Web pueden ubicarse en un equipo en otra localidad,
inclusive en otro país. El único requisito es que el equipo en el que residan los documentos
esté conectado a la red mundial de Internet. Este equipo de cómputo o Servidor Web,
como se le denomina técnicamente, puede contener más de un sitio Web y atender
concurrentemente a los visitantes de cada uno de los diferentes sitios .
http://www.informaticamilenium.com.mx/es/temas/que-son-los-sitios-web.html
14. Los portales Web son totalmente interactivos, tienen
foros, chat, banners, todo tipo de información
específica y clara para exponer los productos y
servicios de su empresa, pero al mismo tiempo el
cliente puede interactuar directamente con el
administrador del portal.
En los portales de acuerdo a la necesidad del
cliente, creamos administradores de contenido en
los cuales se modifica texto e imagen, pues
asimismo la persona encargada de cambiar
contenidos lo realice en pocos minutos.
hacermedia.com hace que cualquier modificación en
los contenidos sea muy rápida y sencilla, además de
no precisar ningún software externo, sino que los
cambios son hechos desde la propia página web
introduciendo las debidas claves por parte del
administrador del portal.
Un portal web es recomendable para empresas,
colegios, institutos, universidades, etc.
http://www.vision-
consultores.com/index.php?option=com_content&view=article&id=53:caracte
risticas-de-un-portal-web&catid=1:latest&Itemid=2
CARACTERÍSTICAS DE UN PORTAL WEB
15. CONCEPTO DE PORTAL WEB
En internet, un portal es un sitio web que ofrece, de forma integrada, una amplia variedad de servicios y recursos al usuario.
Por lo general, los portales ofrecen noticias actualizadas al instante, buscadores, foros para compartir opiniones, chat,
juegos online, tiendas virtuales para realizar compras electrónicas y servicio de correo electrónico.
La intención básica de un portal es que el usuario pueda satisfacer todas sus necesidades en un mismo sitio. Por eso
intentan ofrecer un amplio abanico de opciones, de forma tal que se conviertan en la “puerta de ingreso” del internauta a la
Web. Uno de sus objetivos es que el usuario utilice el portal como su página de inicio (donde se dirige el navegador en
cuanto se lo ejecuta) y aproveche todos sus servicios antes de comenzar a navegar en otros sitios más específicos.
!yahoo, Terra y MSN son algunos ejemplos de portales de Internet. Google, en cambio, se especializa en las búsquedas.
En los últimos años, cada vez más sitios han ampliado sus funciones, incluyendo todo tipo de servicios, gracias en parte a
la accesibilidad de los widgets (pequeñas aplicaciones que pueden agregarse a una página con mucha facilidad,
simplemente insertando su código en donde se desee visualizarlo). Este crecimiento tiene un efecto inmediato
aparentemente positivo, ya que da más posibilidades a los usuarios, pero también colabora con la pérdida de identidad de
los sitios.
A medida que los portales se vuelven más comunes, los sitios que satisfacen propósitos específicos desaparecen, dado que
el público busca la mayor comodidad, evita la necesidad de navegar a través de muchas páginas. Como suele ocurrir en el
mercado, siempre surge un producto que, tal y como lo haría un ave de rapiña, aprovecha esos recursos que otros
desperdician; en este caso, los blogs han visto un destacable incremento en su popularidad ante la caída de los sitios
personales, dado que ofrecen un mejor posicionamiento y exigen muy poco trabajo por parte de sus clientes para dar con
un diseño impactante y funcional.
Portal es el nombre de una innovadora serie de videojuegos que cuenta con dos títulos principales, además de uno
exclusivo para la plataforma Xbox Live y de contenido descargable. Se trata de una interesante propuesta que, valiéndose
de la configuración de controles y de cámara generalmente presente en los juegos de disparos en primera persona
(conocidos como FPS, de First Person Shooters), exige a sus usuarios superar constantes peligros de muerte a través del
detenido estudio del entorno y usando como única arma una pistola capaz de crear portales que conectan dos puntos del
espacio.
16. ELEMENTOS QUE CONFORMAN UN DOMINIO WEB.
Los principales elementos que tiene son:
El texto es el elemento más significativo de cualquier sitio Web porque los usuarios navegan por la
Web fundamentalmente en busca de información expresada en texto.
NOTA:
Los textos han convertido el inglés en el idioma universal de la red. En su objetivo por alcanzar la
mayor audiencia posible, muchos sitios ofrecen su información y sus servicios en su idioma natal y en
otros idiomas, fundamentalmente en inglés.
Imágenes
Aunque no debe abusar de las imágenes por el riesgo de aumentar el peso de la página, y por lo
tanto, los tiempos de descarga, las imágenes constituyen un elemento esencial para ofrecer
información visual del contenido y mostrar un diseño atractivo y personal.
Espacio Web
Para que nuestro sitio Web sea visible ante todos necesitamos colocarlo en un servidor.
Un nombre de dominio
Es la primera parte de una dirección Web que identifica al servidor que almacena y sirve su sitio.
Hipervínculos
Por sí misma, una página Web no puede hacer mucho. La magia de verdad comienza cuando
relaciona varias página mediante enlaces.
Video
Mientras Internet es cada vez más asequible, confiable y veloz, los programas de edición de video se
hacen más cercanos a los usuarios.
Ahora es más fácil realizar un video desde una cámara digital o un teléfono móvil con cámara
incorporada y que termine subiendo a la Web para ponerlo al alcance de todos.
17. Animaciones en Flash
Es una imagen animada, fácil de crear y sobre todo que ocupa poca memoria. Tiene diferentes usos,
desde la creación de dibujos animados hasta el despliegue de dibujos interactivos.
Sonidos
Un elemento cada vez más importante. La comercialización de nuevos dispositivos digitales móviles
como el iPhone ha potencializado este elemento.
Además de incorporar sonido a las páginas Web puede descargar de ellas archivos de audio para sus
dispositivos móviles.
El formato MP3 es el más conocido y más usado por su calidad y nivel de compresión.
Otros elementos
Otros elementos bastante comunes son:
Banner: Una imagen fija o animada utilizada generalmente para publicidad.
Marcos: También llamados frames, son una especie de recuadro independiente en el que puede
cargar una página Web.
De esta forma es posible dividir una página Web en diferentes partes o ventanas, cada una con sus
propios bordes y barras de desplazamiento, cargando dentro de cada una de ellas una página web
externa independiente.
Los marcos se usaron mucho en un momento determinado, pero además de crear algunos
inconvenientes en el diseño, es una opción que no recomiendo ya que los motores de búsqueda no
indexan correctamente los sitios realizados con marcos.
Actualmente se pueden obtener los mismos resultados con CSS.
Formulario: Zona para introducir datos o comentarios. Una plantilla o página con espacios vacíos
para llenarse con alguna finalidad.
También se utiliza para referirse al conjunto de campos solicitados por un determinado programa, los
cuales se almacenan para su manipulación y uso posterior.
19. DOMINIO WEB RECURSO WEB
WWW.ELTIEMPO.COM Es pagina . Por q me muestra algo
innovador
WWW.FACEBOOK.COM Portal web
http://bogota.oxigeno.fm/ Sitio web
http://unal.edu.co/ Pagina web
http://www.pequelandia.org/ Pagina web
http://instagram.com/ Portal web
http://es.wikipedia.org pagina
WWW.HOTMAIL.ES Portal web
www.icfesinteractivo.gov.co Pagina web
https://www.youtube.com Sitio web