Informtica Aplicada a la Educacin.

Informtica Aplicada a la Educacin.

Pginas
Web.
2



Empez a principios de 1990, en Suiza en el
centro de investigacin CERN
1
y la idea de
Tim Berners-Lee, que se gest observando una
libreta que l usaba para aadir y mantener
referencias de cmo funcionaban los
ordenadores en el CERN.
En un principio era slo texto, pero a medida
que ha evolucionado la tecnologa, tanto los
ordenadores como las redes de
telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La
inclusin de imgenes fue la ms significativa, pero tambin debemos
mencionar el vdeo y la animacin, o los espacios 3D, lo que aporta valores
estilsticos, de diseo y de interactividad jams imaginados antes.
El diseo de pginas web se ha desarrollado a medida que ha evolucionado
Internet. En 1992 slo haba alrededor de 50 sitios web. Segn estadsticas la
cantidad de sitios web ronda los 8.000 millones de sitios, a los que
diariamente se les suma a raz de 4400 por da.
Rpidamente, su importancia alcanzar la misma magnitud que la televisin o
el telfono. Datos recientes estiman que hay alrededor de 2 mil millones de
pginas colgadas y se espera que en los prximos aos llegue a los 8 mil
millones, excediendo el nmero de habitantes del planeta. Sin embargo, slo
una fraccin de este nmero es visitado habitualmente por la mayora de los
usuarios (slo alrededor de 15.000 sitios webs, el 0,4% del total).
A partir de estos datos se puede entender la necesidad de concentrar los
esfuerzos para atraer y mantener la atencin de los usuarios.

1
Centro De Estudios Para La Investigacin Nuclear.
Historia DE las PGINAS WEB
Informtica Aplicada a la Educacin.


Pginas
Web.
3



La WEB es una idea que se construy sobre la
Internet. Las conexiones fsicas son sobre la Internet,
pero introduce una serie de ideas nuevas, heredando
las ya existentes.
Una pgina web es el nombre de un documento o
informacin electrnica adaptada para la www
2
y que
puede ser accedida mediante un navegador para
mostrarse en un monitor de computadora o dispositivo mvil. Esta
informacin se encuentra generalmente en formato HTML
3
, o XHTML, y
puede proporcionar navegacin a otras pginas web mediante enlaces de
hipertexto. Las pginas web frecuentemente incluyen otros recursos como
hojas de estilo en cascada, guiones
4
e imgenes digitales, entre otros.
Las pginas web pueden estar almacenadas en un equipo local o un servidor
web remoto. El servidor web puede restringir el acceso nicamente para redes
privadas, en una intranet corporativa. Un sitio web est alojado en una
computadora conocida como servidor web, tambin llamada servidor HTTP
5
,
y estos trminos tambin pueden referirse al software que se ejecuta en esta
computadora y que recupera y entrega las pginas de un sitio web en respuesta
a peticiones del usuario.
Hay plugins disponibles para navegadores, que se usan para mostrar contenido
activo como Flash, Silverlight, Shockwave o applets, escritos en Java. El
HTML dinmico tambin proporciona interactividad para los usuarios, y el
elemento de actualizacin en tiempo real entre pginas web usando el DOM y
JavaScript, el soporte de los cuales est integrado en la mayora de
navegadores web modernos.

2
World Wide Web
3
Hyper Text Markup Language
4
scripts
5
Hyper Text Transfer Protocolo
DEFINICIN DE PGINAS WEB
Informtica Aplicada a la Educacin.


Pginas
Web.
4





Existen tres ideas fundamentales de la web que son:
1. La desaparicin de la idea de un servidor nico de informacin mantenido
por un equipo de profesionales dedicado. Cualquiera puede crear sus
propios documentos y referenciar en ellos a otros documentos. As pues,
no existe una autoridad central en la Web.

2. La especificacin de un mecanismo para localizar de forma unvoca
documentos distribuidos geogrficamente. Cada documento tiene una
direccin llamada URL
6
. Esta direccin indica no slo la localizacin del
documento, sino tambin el mecanismo para acceder a l (es decir, el
protocolo HTTP).

3. La existencia de una interfaz de usuario uniforme que esconde los detalles
de los formatos y protocolos utilizados para la transferencia de la
informacin, simplificado por tanto el acceso a la misma. Los programas
que utilizan estas interfaces son denominados examinadores
7

visualizadores o, ms comnmente, navegadores.





6
Uniform Resource Locator
7
browsers
ideas bsicas de la WEB
Informtica Aplicada a la Educacin.


Pginas
Web.
5






Trabajo en Red.
Ofrecer informacin de su negocio.
Para crear inters pblico.
Para vender cosas.
Para alcanzar un mercado especfico.
Para la apertura de mercados internacionales.
Disponer rpidamente de informacin cambiante.
Alcanzar el mercado de la educacin y estudiantil.
Alcanzar mercados especializados.
Un sitio Web aumenta su credibilidad.
Le permite reducir sus costos.
Fcil comunicacin.
Fcil de actualizar.








RAZONES PARA TENER UNA PAGINA WEB
Informtica Aplicada a la Educacin.


Pginas
Web.
6





El primer paso es muy sencillo pero muy necesario, se trata de tener muy claro el objetivo de
nuestra pgina web (privada, presencia, comercial, soporte, etc.) de ello depender cuales son los
siguientes pasos a seguir para crear nuestra pgina web y la inversin necesaria (tiempo y dinero).
A veces no necesitamos ms que un alojamiento gratuito para nuestra pgina personal y el dominio
no importa.


Es quizs el paso ms importante a la hora de crear una pgina web y muchas veces no se aplica
llevando a unos resultados poco satisfactorios, de nada sirve tener una pgina web si el usuario no
lo encuentra o su contenido no es relevante, un anlisis de palabras claves nos demostrara que frases
y palabras claves usan los internautas a la hora de moverse y buscar por Internet.


Es un paso que mucha gente no le presta la suficiente atencin y acaba invirtiendo dinero y tiempo
en un nombre de dominio totalmente equivocado o peor todava un dominio gratuito, el nombre de
dominio de una pgina web tiene mucha relevancia tanto en las bsquedas como en los internautas,
un nombre de dominio acertado nos ayudar a conseguir nuestro objetivo.



Es conveniente invertir un poco de tiempo en estructurar el contenido de nuestra pgina web
creando en un tozo de papel los diferentes mens y la relacin entre ellos, es conveniente pensar en
nuestro navegante deseado que perfil tiene y adecuar la navegacin (estructura) de nuestra pgina
web a su gusto y no al nuestro. Es parte de la usabilidad web y aporta una parte muy significativa en
la consecucin de los objetivos.
Pasos para crear UNA pgina WEB
1.
Decidir lo que deseas publicar
2.
Analisis de las palabras
3.
Elegir un buen dominio
4.
Estructura de navegacion
Informtica Aplicada a la Educacin.


Pginas
Web.
7


Es bueno aprender algo ms sobre alojamientos antes de contratarlo y poder de esta forma elegir
ms fcilmente el alojamiento web adecuado al mejor precio. Hay que valorar no solamente el
espacio que nos ofrecen sino adems su ubicacin, que ip nos asignan, si son ip privadas o
compartidas, el ancho de banda, etc.


Si hemos optado por una web gratuita o un gestor de contenido ya lo tendremos instalado pero si
hemos usado algn programa de diseo web como Dreamweaver o frontpage deberemos subir
nuestra pgina web (los ficheros) al alojamiento Web que hemos contratado, esto se realiza
mediante una herramienta FTP (file transfer protocol) hay varios programas FTP en el mercado
incluid gratuitos que nos ayudarn de forma muy sencilla subir los ficheros.



Es quizs muy obvio pero antes de publicitar nuestra pgina web es muy conveniente comprobar
que todo funciona correctamente.


Dar de alta en los principales buscadores y directorios nuestra pgina web recin creada para de esta
forma facilitar que los navegantes encuentren nuestra pgina web, hoy en da hay mucha formas de
presentar y dar a conocer nuestra pgina web, podemos participar en foros o blogs e incluir nuestra
pgina en nuestra firma, participar en las redes sociales, etc.




5.
Elegir un alojamiento adecuado
6.
Publicar la pagina
7.
Comprobar la pagina web
7.
Dar a conocer la pgina web
Informtica Aplicada a la Educacin.


Pginas
Web.
8





Se accede a travs de un URL que organizan las pginas en una
jerarqua.
Est compuesta principalmente por informacin (slo texto y/o mdulos
multimedia) as como por hiperenlaces.
Contiene datos de estilo para especificar cmo debe visualizarse.
Tambin hay aplicaciones para as hacerla interactiva.
Son escritas en un lenguaje de marcado que provee la capacidad de
manejar e insertar hiperenlaces, generalmente HTML.
El contenido puede ser predeterminado (pgina web esttica) o
generado al momento de visualizarla o solicitarla a un servidor web
(pgina web dinmica).
Poseen un lenguaje interpretado haciendo las pginas dinmicas que se
genera al momento de la visualizacin generalmente Java Script.
La estructura de las pginas web facilitan y simplifican la visualizacin
e interpretacin del contenido.
Es en esencia una tarjeta de presentacin digital, ya sea para empresas,
organizaciones, o personas, as como una tarjeta de presentacin de
ideas y de informaciones.
Orienta a que las pginas web no sean slo atractivas para los
internautas, sino tambin optimizadas (preparadas) para los buscadores
a travs del cdigo fuente.
Requieren una subscripcin para acceder a algunos o todos sus
contenidos.


Caractersticas DE las PGINAS WEB
Informtica Aplicada a la Educacin.


Pginas
Web.
9






Las pginas WEB contiene varios billones de pginas con una extensa gama
de informacin, productos y servicios que estn disponibles para ser
consultados desde un computador que tenga una conexin a una lnea
telefnica y un programa llamado examinador del Ingls browser, tambin se
le conoce como navegador. Los ms conocidos son El Internet Explorer
fabricado por Microsoft y Netscape fabricado por la compaa SUN.
Estos programas le permiten al usuario "ir" o "navegar" de una pgina de
documento a otra, simplemente escribiendo la direccin en la barra de
navegador. Un sitio WEB no es ms que un conjunto de pginas o documentos
enlazados por un men de seleccin.
Gracias a la WEB tanto la informacin de las empresas, como productos y
servicios pueden estar disponibles a ms de 700 millones de personas en todo
el mundo.
Con la WEB las posibilidades son ilimitadas, la usan los individuos,
profesionales, consultores, escritores, clubes, clnicas, hospitales, centros de
servicio y soporte tcnico, compaas de seguros, bancos, compaas de
ventas de cualquier tipo de producto, universidades, escuelas, centros
profesionales y empresas en general.
Los sitios web pueden ser visualizados o accedidos desde un amplio abanico
de dispositivos con conexin a Internet, como computadoras personales,
porttiles y telfonos mviles.

Para que sirven las PGINAS WEB?
Informtica Aplicada a la Educacin.


Pginas
Web.
10



Existen muchas variedades de sitios web, cada uno especializndose en un
tipo particular de contenido o uso, y ellos pueden ser arbitrariamente
clasificados de muchas maneras.
Sitio weblog (o blog o bitcora digital): sitio usado para registrar
lecturas online o para exponer contenidos en lnea con la fecha del da
de ingreso; tambin puede incluir foros de discusin. Ejemplos:
Blogger, LiveJournal, WordPress.
Sitio de empresa: usado para promocionar una empresa o servicio.
Sitio de comercio electrnico: para comprar bienes, como Amazon.com.
Sitio de comunidad virtual: un sitio o portal social donde las personas
con intereses similares se comunican unos con otros, normalmente por
chat o foros o simples mensajes. Por ejemplo: MySpace, Facebook,
Hi5.
Sitio directorio: contiene contenidos variados que estn divididos en
categoras y sub categoras, como el directorio de Yahoo! y Google.
Sitio de comunidad: estrictamente usado para descargar contenido
electrnico, como software, juegos o fondos de escritorio: Download,
Tucows, Softonic, Baulsoft.
Sitio de noticias: Similar a un sitio de informacin, pero dedicada a
mostrar noticias y comentarios de la actualidad.
Wiki: un sitio donde los usuarios editan colaborativamente (por ejemplo
Wikipedia).
Sitio poltico: un sitio web donde la gente puede manifestar su visin
poltica. Ejemplo: New Confederacy.
Sitio de rating: un sitio donde la gente puede alabar o menospreciar lo
que aparece.
Sitios educativos: promueven cursos presenciales y a distancia,
informacin a profesores y estudiantes, permiten ver o descargar
contenidos de asignaturas o temas.
Tipos de pginas WEB
Informtica Aplicada a la Educacin.


Pginas
Web.
11
Sitio spam: sitio web sin contenidos de valor que ha sido creado
exclusivamente para obtener beneficios y fines publicitarios, engaando
o pretendiendo engaar a los motores de bsqueda.
Sitio portal: un sitio web que proporciona un punto de inicio, entrada o
portal, a otros recursos en Internet o una intranet.
Sitio de subastas: subastas de artculos por internet, como eBay.
Sitio personal: Mantenido por una persona o un pequeo grupo (como
por ejemplo familia) que contiene informacin o cualquier contenido
que la persona quiere incluir: Facebook, Fotolog.




























Informtica Aplicada a la Educacin.


Pginas
Web.
12



Mantener actualizadas las pginas es una de las claves del xito y una de las
necesidades ms importantes.
Disponer de los archivos de la pgina web que
queremos actualizar en nuestro ordenador de trabajo.
Generalmente tendremos que editar un texto o una
fotografa con el cdigo de la pgina, con extensin
.html (.gif) (.jpg).
Necesitaremos la direccin de dicho servidor, algo
como ftp.tudominio.com. Adems necesitaremos los
datos de usuario y contrasea con permiso para
acceder
A nuestro ordenador local y para ello nuestro
programa de FTP
8
presentar dos reas, una con los
archivos de nuestro ordenador local y otra con los del
servidor remoto.

Editar en nuestro ordenador podemos empezar el
trabajo de actualizacin propiamente dicho.

Para que las actualizaciones tengan validez y sean visibles
por todos los visitantes de nuestras pginas, hay que
colocar los archivos que hemos editado en el servidor.

Ya est el trabajo realizado, as que slo faltara acceder a
nuestra pgina web con nuestro navegador en su
direccin de la web y comprobar que los cambios se han
realizado satisfactoriamente.

8
Protocolo de Transferencia de Ficheros
Cmo Actualizar pginas web?
1. Obtener los archivos
a actualizar
2. Conectarse al servidor
de la pgina web.
3. Descargar los archivos
para actualizar.
4. Editar la pgina.
5. Subir los archivos al
servidor.
6. Comprobar las
actualizaciones.