Conceptos Basicos
El uso del internet y de las paginas web ha ido creciendo vertiginosamente con el paso del tiempo. Forma parte de nuestra vida. Pero: _Sabemos que es la web? y que es una pagina web?.Aquí te presento la respuesta a estas interrogantes y algo mas. te invito a ver este articulo.
Web: es un sistema que facilita el acceso a los diversos recursos y
servicios que ofrece internet a través
de una interfaz basada en el hipertexto o texto con enlaces de referencias a
otras partes del documento o a otros documentos.
Sitio web o web site: es un espacio en la www que contiene
documentos organizados de forma jerárquica denominados páginas web. Es una página
que integra a otras páginas, documentos de texto, gráficos, elementos multimedia
audio, video, otros materiales dinámicos o estáticos y otros archivos
asociados. Un sitio web está formado por un conjunto de páginas web. Cada sitio
tiene una página de inicio (home page) o puerta de entrada que se habilita
cuando el usuario escribe el nombre del dominio de un sitio web en un navegador
(Mozilla, Internet Explorer, etc.). Los sitios Web, por lo general pertenecen a
una persona, compañía y organización, quienes se encargan de gestionarlo,
administrarlo y dar mantenimiento.
Una página web: es un documento creado en cualquier
lenguaje de desarrollo web; HTML (el más popular, es un lenguaje estándar de
marcas utilizado para el desarrollo de documentos de la world wide web), PHP,
ASP, Javascript, etc. Una página web es
parte de un sitio web
Editor: es un programa utilizado para crear páginas web sin la necesidad de
tener que aprender el lenguaje. Ej.: Microsoft Front Page, Macromedia
Dreamweaver, Flash, etc.
Servidor: es una máquina conectada a Internet que
provee el acceso y alojamiento a las páginas web.
Cliente FTP: es un programa que permite conectarse al
servidor para publicar páginas web.
Dominio de los sitios web:
Se
refiere al tipo de sitio o a la empresa que ofrece el servicio. Existen
dominios públicos de acuerdo a la información que maneje el sitio. Entre estos dominios están.
. edu
(sitios educativos), ej: http://www.pucmm.edu.do/
.com
(sitios comerciales), ej: http://www.google.com.do
.net
(administración de red), ej: http://biblioteca.net.do
.mil(sitios
militares), ej: http://www.fuerzaarea.mil.do
.gov,
.gob(sitios gubernamentales), ej: http://see.gov.do
.org
(organizaciones sin fines de lucro) ej: http://www.indotel.org.do
.aero
(organizaciones de transporte aéreo), ej: http:// www.sita.aero
.coop
(sitios cooperativos), ej: http://www.coopnama.coop.do
Historia de las páginas web
Desde el inicio de la World Wide Web en los años 90, con la creación
del lenguaje de etiquetas HTML creado por Tim Berners-Lee en el CERN (Centro
Europeo de Física de partículas), y fue popularizado por el navegador Mosaic
desarrollado por la NCSA (National Center for Supercomputing Applications). Las
empresas exponían y vendían sus productos con la visualización de textos,
imágenes e hipervínculos a través del internet, naciendo así El Comercio Electrónico.
Entre Las características de esta página están: eran páginas estáticas,
cualquier persona podía ver la misma información, el usuario era pasivo solo
tenia acceso a la búsqueda y lectura de información sin ningún tipo de interactividad
denominada web 1.0 en 1991.
Debido al rápido crecimiento de la web, surgió la necesidad de crear
un estándar para que tanto los autores como los navegadores pudieran reconocer
cualquier versión de HTML. Luego se hicieron más dinámicas usando lenguajes de
programación Perl, Asp, Python, para aplicar inteligencia al servidor. El
javascript hacia las páginas más animadas.
En el 2004 nace la web 2.0 con novedosas y llamativas aplicaciones, permitía
que el usuario decidiera el tipo de información que deseaba obtener y además
incorporar nueva información a la página. Dispone de una serie de servicios
interactivos que facilitan que personas de intereses comunes, se conecten con
otras para colaborar y compartir información a través de servicios como son:
Google, Wikipedia, Ebay, YouTube, skype, blogger, podcasts, etc. Todas estas
aplicaciones y sitios tienen como principal activo al usuario.
Web 3.0 es interactiva e informativa, introducido en 2009 con
tecnologías diferentes que componen la web semántica, inteligencia artificial,
procesamiento del lenguaje natural.
Web 4.0 La red móvil, nace con la difusión de la comunicación
inalámbrica que conectan en cualquier tiempo y lugar físico y virtual, es decir
integración en tiempo real.
Web 5.0 la red sensorial-emotiva. Posee tecnología que permite medir
los efectos de las emociones. Un ejemplo es el sitio wefeelfine.org rastrea
frases emotivas, las categoriza y registra la frecuencia y ubicación de
“clusters” de sentimientos.
Actualmente la versión más usada es la 4.01, y la 5 y el XHTML en sus
versiones 1 y 2.
Además
de cada versión, cada una tiene variantes que siempre se tienen que definir en
el documento HTML, por ejemplo las variantes del HTML 4.01 son
-
4.01
strict: el normal, donde se pueden usar etiquetas HTML 4.01, pero no se aceptan
etiquetas obsoletas.
-
4.01
Transitional: este permite usar todo tipo de etiquetas de todas las versiones
de HTML, no es recomendable.
-
4.01
Frameset: tiene soporte para frames, muy anticuado.
Requerimientos básicos para tener una pagina web
- Registrar un dominio o nombre con una de
las empresas que ofrecen el servicio
- Contratar hosting (alojamiento u
hospedaje); esto es colocar el sitio web en un servidor, desde el que los
usuarios podrán descargar las páginas.
- Diseño del sitio web, que consiste en la
elaboración del diseño o proyecto
- Programación del diseño del sitio en un
lenguaje entendido por los navegadores.
- Mantenimiento: actualización de textos,
imágenes, etc.
- Evaluación del sitio, verificando la
visibilidad por el motor de búsqueda, accesibilidad, usabilidad, entre otras.
- Posicionamiento web u optimización para
los motores de búsqueda.
- Promoción del sitio en buscadores como
google, overture, etc.
Planificación de un sitio web
- La arquitectura o estructura del sitio.
- Sistema de gestión de contenido (Joomla o
Wordpress).
- Optimización del sitio.
- El mapa del sitio (Sitemap), tomando en
consideración el esquema de navegación del sitio.
- Usabilidad del sitio.
- Objetivos del sitio y perfil del público.
- El publico al que va dirigido.
- El tiempo de realización y el presupuesto.
Herramientas para verificar el funcionamiento del sitio web
1. Pingdom tolls: es una herramienta online
gratuita que sirve para verificar el funcionamiento del sitio web,
proporcionando información sobre el total de tiempo de carga de una página, el
número de objetos necesarios para la optimización de la carga, entre otras
características. Éste carga por completo un sitio html, incluyendo todos los
objetos (imágenes, CSS, Javascript, RSS, Flash y frames/iframes).
2. Google.com/analytics: esta herramienta
muestra estadísticas detalladas y reportes del tráfico del sitio web. Es el
servicio de monitoreo de estadísticas de google. Es necesario tener una cuenta
en Gmail, para acceder a google analtics y sus herramientas.
3. Total validator: realiza pruebas en la
página web de ortografía, accesibilidad, codificación en thml y enlaces.
Captura pantallas y visualiza el sitio en una variedad de navegadores y un
plugin de Firefox.
4. W3C markup validator: herramienta que no
permite pasar errores, garantizando que el sitio cumple con todos los
estándares web.
Servicios de la web:
·
Google:
posee un correo electrónico G-mail. Y un mapa mundial llamado Google maps.
·
Wikipedia:
enciclopedia libre donde los artículos se escriben, actualizan y modifican,
mediante una aplicación llamada wiki que permite generar y editar el contenido
en línea.
·
Ebay:
facilita la compra y venta de cualquier recurso.
·
YouTube:
para ver, cargar y descargar videos y audiovisuales.
·
Skype:
permite la iteración y comunicación de los usuarios a través de llamadas
telefónicas, conferencias web, entre otras.
·
Blogs: un blog es un sitio web que recopila textos o artículos y opiniones uno o varios autores. En cada
articulo, los lectores pueden escribir sus comentarios y el autor darles
respuesta, de forma que es posible establecer un diálogo. Existe blogs de tipo
personal, periodístico, empresarial o corporativo, tecnológico, educativo, etc.
Para crear un blog, se requieren dos componentes: un software de
gestión de contenidos y un servidor conectado a internet para su instalación.
Seguir
las siguientes instrucciones:
- Entrar en un sitio que ofrece facilidades
de crear blogs : http://www.bloger.com, o http://www.wordpress.com o en http://www.bloc.cat
- Navega por la página y examina cómo se
puede construir un blog.
- Para crearlo se requiere de una cuenta con
google (gmail) en el caso de blogger.com.
- Asigna un nombre al blog
- Escoge la plantilla deseada para el blog.
- Escribir el artículo que se desea publicar
en el blog.
·
Blogger:
aplicación utilizada para crear un webblog, publicar artículos, conectar
clientes y proveedores.
·
Podcasts:
es un archivo audio digital generalmente mp3 con contenido diverso, como
programas de conversación, música, sonidos ambientales, discursos, comentarios
especializados de los más diversos temas, novelas habladas, clases de idiomas
entre otras.
·
Herramientas
ofimáticas en la web: facilitan el trabajo de oficina sin tener que instalar
ningún paquete ofimático, ni comercial, ni de código abierto. Los miembros
pueden almacenar documentos en un espacio reservado como un correo electrónico
y los documentos estarán disponibles al ser compartidos, requieren de permiso
del autor del sitio para acceder al documento y de una cuenta de correo de
Gmail. Ej.: Google docs (http://docs.google.com
) o también http://mail.gmail.com. Otra herramienta
es Zoho (http://www.zoho.com) para compartir
documentos entre los usuarios de redes sociales como Facebook.
·
Redes Sociales: son formas de interacción social, o
intercambio dinámico entre personas, grupos e instituciones. Es un sistema
abierto que involucra a conjuntos que se identifican en las mismas necesidades,
problemáticas e intereses y que se organizan para potencializar sus recursos.
Surgen en 1995 con el sitio Classmates.com creado por Randy Conrads, el cual
pretendía recuperar o mantener contacto con amigos o compañeros del colegio o
universidad. Se hizo popular con la llegada en 2003 de MySpace y Xing.
·
Marcadores sociales: son servicios que facilitan la gestión
personal, empresarial, social de la información. Permiten a los cibernautas,
clasificar, compartir, valorar o comentar contenidos de la red. En los
navegadores existe una herramienta denominada favoritos que conserva almacenada
la dirección de las páginas más usadas a fin de recuperarlas cuando sea
necesario.
·
Wikis: son sitios web de colaboración que pueden ser editados por diversos
usuarios a través del navegador web. Estos pueden crear, editar, borrar o
modificar el contenido de una pagina. La wiki mas conocida es la
enciclopedia libre Wikipedia, donde los
navegantes pueden crear una cuenta para acceder a crear artículos de la
enciclopedia. El primer wiki fue creado por Ward Cunningham.
Para
crear un wiki, entra a http://www.wikispaces.com,
abre una cuenta y comprueba cómo funciona el aplicativo.
Creación de una página web
Existe
una gran variedad de recursos y programas para la creación de páginas web, como
son dreamweaver, Macromedia Flash, entre otros. Internet ofrece una gran
cantidad de información referente a la documentación, codificación en
diferentes lenguajes y hasta simuladores para realizar las prácticas y
ejecución de la codificación realizada por le diseñador web en lenguajes como:
PHP, HTML, ASP, etc.