12/5/12

PGINAS WEB

12/5/12

EJEMPLO DE UNA PGINA WEB. CARACTERSTICAS WORLD WIDE WEB SITIO WEB VISIN GENERAL TIPOS DE SITIOS WEB

PGINA WEB ESTTICA PGINA WEB DINMICA PGINAS WEB EN FLASH PGINAS WEB EN HTML

PGINAS WEB EN ALGN LENGUAJE DE PROGRAMACIN DE

12/5/12

EJEMPLO DE UNA PGINA WEB.

Una pgina web es el nombre de un documento o informacin electrnica adaptada para la World Wide Web y que puede ser accedida mediante un navegador . Esta informacin se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegacin a Haga clic para modificar el estilo de subttulo del otras patrn pginas web medianteenlaces de hipertexto. Las pginas web frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones (scripts) e imgenes digitales, entre otros.

12/5/12

Las pginas web pueden estar almacenadas en un equipo local o unservidor webremoto. El servidor web puede restringir el acceso nicamente para redes privadas, p. ej., en unaintranetcorporativa, o puede publicar las pginas en la World Wide Web. El acceso a las pginas web es realizado mediante su transferencia desdeservidoresutilizando elprotocolo de transferencia de hipertexto(HTTP).

12/5/12

CARACTERSTICAS
Una pgina web est compuesta principalmente por informacin (slo texto y/o mdulos multimedia) as como por hiperenlaces; adems puede contener o asociar Hoja de estilo, datos de estilo para especificar cmo debe visualizarse, y tambin Aplicacin informtica aplicaciones embebidas para as hacerla interactiva. Las pginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML.

12/5/12

El contenido de la pgina puede ser predeterminado pgina web esttica o generado al momento de visualizarla o solicitarla a un servidor web pgina web dinmica. Las pginas dinmicas que se generan al momento de la visualizacin, se especifican a travs de algnlenguaje interpretado, generalmenteJavaScript, y la aplicacin encargada de visualizar el contenido es la que realmente debe generarlo. Las pginas dinmicas que se generan, al ser solicitadas, son creadas por una aplicacin en el servidor web que alberga las mismas.

12/5/12

Respecto a la estructura de las pginas web, algunos organismos, en especial elW3C, suelen establecer directivas con la intencin de normalizar el diseo, y para as facilitar y simplificar la visualizacin e interpretacin del contenido. Una pgina web 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. As mismo, la nueva tendencia 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. Forzar esta doble funcin puede, sin embargo, crear conflictos respecto de la calidad del contenido. Si hablamos de posicionamiento web, una pgina

12/5/12

WORLD WIDE WEB

En informtica, la World Wide Web (WWW) o Red informtica mundial1 es un sistema de distribucin de informacin basado en hipertexto o hipermedios enlazados y accesibles a travs de Internet. Con un navegador web, un usuario visualiza sitios web compuestos de pginas web que pueden contener texto, imgenes, vdeos u otros contenidos multimedia, y navega a travs de ellas usando hiperenlaces. La Web fue creada alrededor de 1989 por el ingls Tim Berners-Lee con la ayuda del belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza, y publicado en 1992.

SITIO WEB

12/5/12

Un sitio web es una coleccin de pginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet. Una pgina web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet. Todos los sitios web pblicamente accesibles constituyen una gigantesca World Wide Web de informacin (un gigantesco entramado de recursos de alcance mundial). A las pginas de un sitio web se accede frecuentemente a travs de un URL raz comn llamado portada, que normalmente reside en el mismo servidor fsico. Los URL organizan las pginas en una jerarqua,

VISIN GENERAL

12/5/12

Un sitio web es un gran espacio documental organizado que la mayora de las veces est tpicamente dedicado a algn tema particular o propsito especfico. Cualquier sitio web puede contener hiperenlaces a cualquier otro sitio web, de manera que la distincin entre sitios individuales, percibido por el usuario, puede ser a veces borrosa. No debemos confundir sitio web con pgina web; esta ltima es slo un archivo HTML, una unidad HTML, que forma parte de algn sitio web. Al ingresar una direccin web, como por ejemplo www.wikipedia.org, siempre se est haciendo referencia a un sitio web, el que tiene una pginaHTMLinicial, que es generalmente la

12/5/12

Un sitio web est alojado en una computadora conocida como servidor web, tambin llamada servidor HTTP, 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. Apache es el programa ms comnmente usado como servidor web (segn las estadsticas de Netcraft) y el Internet Information Services (IIS) de Microsoft tambin se usa con mucha frecuencia. Un sitio web esttico es uno que tiene contenido que no se espera que cambie frecuentemente y se mantiene manualmente por alguna persona o personas que usan algn tipo de programa editor. Hay dos amplias categoras de

12/5/12

Un sitio web dinmico es uno que puede tener cambios frecuentes en lainformacin. Cuando el servidor web recibe una peticin para una determinada pgina de un sitio web, la pgina se genera automticamente por el software, como respuesta directa a la peticin de la pgina; Por lo tanto se puede dar as un amplio abanico de posibilidades, incluyendo por ejemplo: (a) Mostrar el estado actual de un dilogo entre usuarios, (b) Monitorizar una situacin cambiante, o proporcionar informacin personalizada de alguna manera a los requisitos del usuario individual, etc. Hay un amplio abanico de sistemas de software, como el lenguaje de programacinPHP,Active Server Pages(ASP), yJava Server Pages(JSP) que estn disponibles para generar sistemas de sitios web dinmicos. Los sitios dinmicos a menudo

12/5/12

Haypluginsdisponibles para navegadores, que se usan para mostrarcontenido activocomoFlash,Silverlight,Shockwaveoapplet s, escritos enJava. ElHTML dinmicotambin proporciona interactividad para los usuarios, y el elemento de actualizacin en tiempo real entre pginas web (i.e, las pginas no tienen que cargarse o recargarse para efectuar cualquier cambio), principalmente usando elDOMyJavaScript, el soporte de los cuales est integrado en la mayora de navegadores web modernos. Este tema es muy amplio y cada da hay nuevos modelos de pginas muy profesionales. ltimamente, dado el compromiso social de muchos gobiernos, se recomienda que los sitios web cumplan determinadas normas de accesibilidad, para que stos, puedan ser visitados y utilizados por el mayor

12/5/12

TIPOS DE SITIOS WEB

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. Unas pocas clasificaciones pueden incluir: Sitio archivo: usado para preservar contenido electrnico valioso amenazado con extincin. Dos ejemplos son: Internet Archive, el cual desde 1996 ha preservado billones de antiguas (y nuevas) pginas web; y Google Groups, que a principios de 2005 archivaba ms de 845.000.000 mensajes expuestos en los grupos de noticias/discusin de Usenet, tras su adquisicin de Deja News. 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

12/5/12

Por ejemplo: MySpace, Facebook, Hi5, Orkut, Habbo, Multiply, Quepasa. Sitio de Base de datos: un sitio donde el uso principal es la bsqueda y muestra de un contenido especfico de la base de datos, como por ejemplo Internet Movie Database. Sitio de desarrollo: un sitio con el propsito de proporcionar informacin y recursos relacionados con el desarrollo de software, diseo web, etc. Sitio directorio: un sitio que contiene contenidos variados que estn divididos en categoras y subcategoras, como el directorio de Yahoo!, el directorio de Google, y el Open Directory Project. Sitio de descargas: estrictamente usado para descargar contenido electrnico, como software, juegos o fondos de escritorio: Download, Tucows,

Sitio deinformacin: contiene contenido que pretende informar a los visitantes, pero no necesariamente de propsitos comerciales; tales como:Free Internet LexiconyEncyclopedia. La mayora de los gobiernos e instituciones educacionales y sin nimo de lucro tienen un sitio de informacin. Sitio denoticias: Similar a un sitio de informacin, pero dedicada a mostrar noticias y comentarios de la actualidad. Sitiopornogrfico: muestra imgenes y vdeos de contenido sexual explcito. Sitio de promocin web: usado para promocionar otras pginas webs por medio de publicacin de artculos de opinin. Sitiobuscador: un sitio que proporciona informacin general y est pensado como entrada o bsqueda para otros sitios. Un ejemplo puro esGoogle, y el

12/5/12

Sitio desubastas: subastas de artculos por internet, comoeBay. Sitiopersonal: Mantenido por una persona o un pequeo grupo (como por ejemplofamilia) que contiene informacin o cualquier contenido que la persona quiere incluir:Facebook,Fotolog. Sitioportal: un sitio web que proporciona un punto de inicio, entrada o portal, a otros recursos en Internet o una intranet. SitioWeb 1.0: un sitio web esttico. Un sitio donde el visitante slo puede recorrer sus pginas sin posibilidad de interactuar con ellas. SitioWeb 2.0: un sitio web interactivo. Un sitio donde el visitante puede hacer ms cosas que recorrer sus pginas, en concreto, extraer informacin en la forma y criterios que estime oportuno y conveniente.

12/5/12

12/5/12

SitioWeb 3.0: un sitio web inteligente. Un sitio que reconoce al usuario y muestra una dinmica en funcin de sus gustos, preferencias, historial, el momento y el estado de nimo en que se encuentre. Slo est disponible en muy contadas redes privadas. ParaInternetan se est desarrollado pero se encuentra posiblemente en fases muy incipientes (fase de definicin). Los sistemas deinteligencia artificialy de interaccinhardwarelo hacen tecnolgicamente posible aunque nos encontramos todava lejos de su implementacin a gran escala. Creador de sitios: es bsicamente un sitio que permite crear otros sitios, utilizando herramientas de trabajo en lnea, como PageCreative. Sitio colaborativo oWiki: un sitio donde los usuarios editan colaborativamente, donde los propios visitantes son los responsables de

Pgina Web Esttica:

12/5/12

Es aquella que est compuesta de una serie de archivos que contienen el cdigo HTML que constituye la pgina en s y que permiten mostrar los textos, imgenes, videos, etc que conforman el contenido de la pgina. Estos archivos se almacenan en el servidor de Hosting en formato HTML junto con los archivos de imgenes (comunmente en formato jpg, gif o png) y los videos y dems contenido del site. Para modificar este tipo de pgina los archivos deben ser descargados del servidor con algn software para este fin (como los clientes FTP), editado usando un programa de edicin de pginas web como el Dreamweaver, grabados y subidos nuevamente al servidor. Este proceso de edicin requiere manejar una serie de programas que se deben tener instalados en la

12/5/12

PGINA WEB DINMICA:

El trmino dinmico no se refiere a movimiento como muchos pueden pensar. El trmino dinmico hace referencia a que la pgina web se construye al momento en que la pgina es visitada por el usuario. Es decir que el contenido de la pgina web no es fijo sino que se construye de acuerdo a la interaccin que el usuario hace con la pgina. La informacin de este tipo de pgina suele estar almacenada en Bases de Datos de las cuales se extrae una parte segn las selecciones o acciones llevada a cabo por la persona que visita la pgina web. Para realizar este tipo de pgina se necesita tener conocimientos de programacin y manejo de bases de

Gran nmero de posibilidades en su diseo y desarrollo. El visitante puede alterar el diseo, contenidos o presentacin de la pgina a su gusto. En su realizacin se utilizan diversos lenguajes y tecnicas de programacin. El proceso de actualizacin es sumamente sencillo, sin necesidad de entrar en el servidor. Permite un gran nmero de funcionalidades tales como bases de datos, foros, contenido dinmico, etc. Pueden realizarse ntegramente con software de libre distribucin. Existe una amplia comunidad de programadores que brinda apoyo desinteresado. Cuenta con un gran nmero de soluciones prediseadas de libre disposicin. En definitiva, el concepto de pgina Web dinmica se ha impuesto en el mundo del diseo y de la empresa

12/5/12

PGINAS WEB EN FLASH

Este tipo de pgina web son construidas usando el software de Adobe llamado Flash. Este software permite realizar animaciones. Este tipo de pgina suelen ser muy vistosas y estan cargadas de efectos, movimientos, sonidos y dems. Para su construccin es necesario conocer a profundidad este software de animacin. El resultado de la construccin de este tipo de pginas son una serie de archivos en extensin swf que se suben a un servidor de Hosting. Para poder ser visualizados se necesita que la PC del visitante tenga instalado un programa anexo al navegador o plug-in. Cabe sealar que el 90% de las pcs del mundo tienen este plugin instalado. Si bien es cierto que aunque un diseador experto en

12/5/12

12/5/12

Las pgina en flash deben ser modificadas por una persona que conozca el uso de flash, es decir por un diseador en flash. Si bien es cierto que pueden hacerse pgina en flash administrables por el usuario esto requiere que la persona que las realice debe ser diseador en Flash y adems programador, y encontrar profesionales que manejen ambas herramientas es dificil y costos sobretodo en el medio latino. A Google no le gustan las pgina en flash. Esta es la razn principal para no tener una pgina en flash. A Google y a los dems buscadores importantes no les gustan las pgina en Flash debido a que no pueden leer su contenido, al menos an no pueden hacerlo de manera eficiente. Si el buscador no puede leer el contenido entonces no podr indexarlo y agregarlo a sus resultados de bsqueda y de esta manera su

12/5/12

PGINAS WEB EN HTML

Son pginas estticas construidas en el lenguaje de marcado HTML. Para construirlas se necesita saber este lenguaje que es bastante sencillo. Se puede usar software para edicin web o simplemente un editor de texto cualquier, inclusive el bloc de notas. Este tipo de pgina tienen las desventajas de las pginas estticas y son poco recomendables. Pueden ser hechas con muy pocos conocimientos, solo es necesario saber un poco de diseo web para poder realizarlas.

12/5/12

PGINAS WEB EN ALGN LENGUAJE DE PROGRAMACIN DE SERVIDOR

Son pginas dinmicas y estan desarrolladas en algn lenguaje de programacin de servidor como: PHP, ASP, ColdFusion, Ruby, etc. Usan adems una base de datos para almacenar los contenidos de la pgina en s. Para su desarrollo se requiere el uso de estos lenguajes y una serie de conocimientos anexos. Pueden realizar todo tipo de funcionalidades y son ideales como herramientas de ventas y de interaccin con los clientes Si estan construdas de manera idnea por un