SlideShare una empresa de Scribd logo
1 de 19
RECURSOS
WEB
Tatiana Ayala
Carolaine Ardila
I.E.D. Tomas Carrasquilla
Informática
11-01
Bogotá D.C
2014
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
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.
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)
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
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.
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.
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:
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.
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.
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.
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
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
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.
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.
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.
5 EJEMPLOS DE
DOMINIOS.
https://www.google.com
http://www.coca-cola.com.co
http://bogota.oxigeno.fm
http://www.wdl.org/es
http://www.pequelandia.org
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

Más contenido relacionado

La actualidad más candente

Presentación de TICs
Presentación de TICsPresentación de TICs
Presentación de TICsEVELINSHITA
 
Página Web Gilberto García
Página Web Gilberto GarcíaPágina Web Gilberto García
Página Web Gilberto Garcíagilbertogt_18
 
Conceptos de Comunicación Interactiva.
Conceptos de Comunicación Interactiva.Conceptos de Comunicación Interactiva.
Conceptos de Comunicación Interactiva.genesis1012
 
Términos de Comunicación Interactiva
Términos de Comunicación InteractivaTérminos de Comunicación Interactiva
Términos de Comunicación Interactivamariajoseibanez
 
Com interactiva
Com interactivaCom interactiva
Com interactivapaoduque13
 
Trabajo comunicacioninteractiva
Trabajo comunicacioninteractivaTrabajo comunicacioninteractiva
Trabajo comunicacioninteractivacca16
 
Terminos interactiva
Terminos  interactivaTerminos  interactiva
Terminos interactivaJose Nuñez
 

La actualidad más candente (14)

Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 
Presentación de TICs
Presentación de TICsPresentación de TICs
Presentación de TICs
 
Marco teorico
Marco teoricoMarco teorico
Marco teorico
 
Comunicación
ComunicaciónComunicación
Comunicación
 
Belen...
Belen...Belen...
Belen...
 
Unidad nº 4 tic
Unidad nº 4  ticUnidad nº 4  tic
Unidad nº 4 tic
 
Página Web Gilberto García
Página Web Gilberto GarcíaPágina Web Gilberto García
Página Web Gilberto García
 
Conceptos de Comunicación Interactiva.
Conceptos de Comunicación Interactiva.Conceptos de Comunicación Interactiva.
Conceptos de Comunicación Interactiva.
 
Términos de Comunicación Interactiva
Términos de Comunicación InteractivaTérminos de Comunicación Interactiva
Términos de Comunicación Interactiva
 
Taller tics
Taller ticsTaller tics
Taller tics
 
Com interactiva
Com interactivaCom interactiva
Com interactiva
 
Trabajo comunicacioninteractiva
Trabajo comunicacioninteractivaTrabajo comunicacioninteractiva
Trabajo comunicacioninteractiva
 
Terminos interactiva
Terminos  interactivaTerminos  interactiva
Terminos interactiva
 
Las tics edufisica
Las tics edufisicaLas tics edufisica
Las tics edufisica
 

Destacado

Careo carrascosa-albabenitez
Careo carrascosa-albabenitezCareo carrascosa-albabenitez
Careo carrascosa-albabenitezCaso Belsunce
 
Präsentation la vita esquinzo playa
Präsentation la vita esquinzo playaPräsentation la vita esquinzo playa
Präsentation la vita esquinzo playamichabitz
 
23623952 tipos-de-crime-140401221817-phpapp01
23623952 tipos-de-crime-140401221817-phpapp0123623952 tipos-de-crime-140401221817-phpapp01
23623952 tipos-de-crime-140401221817-phpapp01Márcia H. Castilho
 
Lasanha De Berinjela Light
Lasanha De Berinjela LightLasanha De Berinjela Light
Lasanha De Berinjela LightClaudia Cozinha
 
How To Get More Engagement With Your Blog Posts
How To Get More Engagement With Your Blog PostsHow To Get More Engagement With Your Blog Posts
How To Get More Engagement With Your Blog PostsDarin Galloway
 
Um toque para a vida
Um toque para a vidaUm toque para a vida
Um toque para a vidasupersandrica
 

Destacado (9)

Ppp für deutschland
Ppp für deutschlandPpp für deutschland
Ppp für deutschland
 
Careo carrascosa-albabenitez
Careo carrascosa-albabenitezCareo carrascosa-albabenitez
Careo carrascosa-albabenitez
 
Präsentation la vita esquinzo playa
Präsentation la vita esquinzo playaPräsentation la vita esquinzo playa
Präsentation la vita esquinzo playa
 
23623952 tipos-de-crime-140401221817-phpapp01
23623952 tipos-de-crime-140401221817-phpapp0123623952 tipos-de-crime-140401221817-phpapp01
23623952 tipos-de-crime-140401221817-phpapp01
 
Lasanha De Berinjela Light
Lasanha De Berinjela LightLasanha De Berinjela Light
Lasanha De Berinjela Light
 
BEHA-TECH: Promocja na szczypce Cobra
BEHA-TECH: Promocja na szczypce CobraBEHA-TECH: Promocja na szczypce Cobra
BEHA-TECH: Promocja na szczypce Cobra
 
How To Get More Engagement With Your Blog Posts
How To Get More Engagement With Your Blog PostsHow To Get More Engagement With Your Blog Posts
How To Get More Engagement With Your Blog Posts
 
Receitas cogumelos
Receitas  cogumelosReceitas  cogumelos
Receitas cogumelos
 
Um toque para a vida
Um toque para a vidaUm toque para a vida
Um toque para a vida
 

Similar a Recursos Web 2.0

El origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalEl origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalLuis Wuicho Angeles
 
Recursos página web 2.0
Recursos página web 2.0Recursos página web 2.0
Recursos página web 2.0keisymarriaga
 
Actividad recursos web 2014
Actividad recursos web 2014Actividad recursos web 2014
Actividad recursos web 2014natpar18
 
Silvana castellanos 10 4
Silvana castellanos 10 4Silvana castellanos 10 4
Silvana castellanos 10 4castellanossl
 
recursos pagina web, portal y sitio
recursos pagina web, portal y sitio recursos pagina web, portal y sitio
recursos pagina web, portal y sitio harrison21
 
Comunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin VeraComunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin VeraMartin Vera
 
Redes conceptos amar_fernanda
Redes conceptos amar_fernandaRedes conceptos amar_fernanda
Redes conceptos amar_fernandaferamar05
 
Actividad recursos web pagina ,portal ,sitio
Actividad recursos web pagina ,portal ,sitioActividad recursos web pagina ,portal ,sitio
Actividad recursos web pagina ,portal ,sitioharrison21
 
Terminos Digitales
Terminos DigitalesTerminos Digitales
Terminos DigitalesEmmaChavier
 
Trabajo 02
Trabajo 02Trabajo 02
Trabajo 02DriiwOne
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas webformatecDokeos
 
Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)
Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)
Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)Lisleiden Luzardo
 
Introduccion al diseño web
Introduccion al                                 diseño webIntroduccion al                                 diseño web
Introduccion al diseño webdianayroman
 
Presentación1
Presentación1Presentación1
Presentación1joseferlin
 
Presentación1
Presentación1Presentación1
Presentación1SENA
 
Presentación1
Presentación1Presentación1
Presentación1joseferlin
 
Presentación1
Presentación1Presentación1
Presentación1joseferlin
 

Similar a Recursos Web 2.0 (20)

El origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalEl origen-de-las-paginas-web-final
El origen-de-las-paginas-web-final
 
Recursos página web 2.0
Recursos página web 2.0Recursos página web 2.0
Recursos página web 2.0
 
Actividad recursos web 2014
Actividad recursos web 2014Actividad recursos web 2014
Actividad recursos web 2014
 
Silvana castellanos 10 4
Silvana castellanos 10 4Silvana castellanos 10 4
Silvana castellanos 10 4
 
recursos pagina web, portal y sitio
recursos pagina web, portal y sitio recursos pagina web, portal y sitio
recursos pagina web, portal y sitio
 
La web
La webLa web
La web
 
CONCEPTOS WEB
CONCEPTOS WEBCONCEPTOS WEB
CONCEPTOS WEB
 
Comunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin VeraComunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin Vera
 
Redes conceptos amar_fernanda
Redes conceptos amar_fernandaRedes conceptos amar_fernanda
Redes conceptos amar_fernanda
 
Actividad recursos web pagina ,portal ,sitio
Actividad recursos web pagina ,portal ,sitioActividad recursos web pagina ,portal ,sitio
Actividad recursos web pagina ,portal ,sitio
 
Terminos Digitales
Terminos DigitalesTerminos Digitales
Terminos Digitales
 
Trabajo 02
Trabajo 02Trabajo 02
Trabajo 02
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)
Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)
Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)
 
Introduccion al diseño web
Introduccion al                                 diseño webIntroduccion al                                 diseño web
Introduccion al diseño web
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Tecnologias avanzadas
Tecnologias avanzadasTecnologias avanzadas
Tecnologias avanzadas
 

Último

2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxCeciliaGuerreroGonza1
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 

Último (20)

2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 

Recursos Web 2.0

  • 1. RECURSOS WEB Tatiana Ayala Carolaine Ardila I.E.D. Tomas Carrasquilla Informática 11-01 Bogotá D.C 2014
  • 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