1. WORLD WIDE WEB Desde el desarrollo de la tecnología y la elaboración de los protocolos de comunicación necesarios para el funcionamiento de la red INTERNET (1973) fueron varios los proyectos que trabajaban e utilizar esta tecnología para visualizar documentos alojados. La WORLD WIDE WEB (WWW) conocida como la web, se compone de un sistema de documentos que están relacionados mediante hipervínculo que permite su visualización en un ordenador conectado a la red. •
TERMINOS ASOCIADOS A INTERNET SERVIDOR WEB: ordenador remoto que tiene instalado los programas para enviar los documentos requeridos. CLIENTE: ordenador conectado a internet que realiza la petición de documentos incluido a la página WEB. NAVEGADOR WEB: software instalado en el ordenador del cliente que visualiza documentos en formato web (HTML) y permite el funcionamiento de hiperenlaces. URL : DERICCION textual de un servicio web para la apertura de un archivo HTML.
IP: cรณdigo identificado de un equipo informรกtico en internet formado por cuatro nรบmeros, separados por puntos, cuyo valor no puede exceder de 255. DNS: base de datos que relaciona una direcciรณn textual de un servidor con su direcciรณn IP. HTTP:protocolo de trasferencia de hipertexto. HTML: acrรณnimo que se traduce como lenguaje de marcado de hipertexto. 1.1
FUNCIONAMIENTO DE LA WEB Los pasos siguientes nos ayudaran a entender cรณmo funciona el sistema de visualizaciรณn de documentos en la WOLRD WIDE WEB. PASO1: ejecutamos el programa navegador y escribamos la direcciรณn de una pรกgina web. En la barra de direcciones de nuestro navegador tecleamos la URL de la web que queremos visitar. Paso2: el servidor DNS localiza la direcciรณn IP que corresponde al ordenador servidor donde se encuentran los archivos web. PASO3: si en la direcciรณn URL no especifica un documento HTML concreto, el servidor buscara en la carpeta de la web y nos enviara por defecto el archivo nombrado como INDEX.HTML. PASO4: estudia el documento HTML y solicita al servidor los archivos con los que este enlazados, como imรกgenes etc.
PASO5: finalmente compone la pagina con textos, enlaces etc.es importante que al elaborar una pagina web comprobemos que si u visualiza correctamente, ya que la pagina esta compuesta por ellos y puede ocurrir que no se visualice de igual manera en todos Te interesa saber Las cookies son fragmentos de información que se quedan almacenados en nuestro ordenador .la ruta habitual de almacenamiento en sistema Windows es C:/Documents and Settings/usuario/configuración local/archivo temporales de internet. 2. HTML.EL LENGUAJE ESTARDAR DE LA WEB Ya hemos explicado anteriormente que el lenguaje estandarizado la creación de página web es el lenguaje HTML El lenguaje HTML es un lenguaje basado en etiquitas que definen las cualidades de los textos que contiene. Las etiquitas del lenguaje HTML se identifican por estar encerradas (<>). Las etiquitas tienen una instrucción de comienzo o apertura y una de final de etiquita o cierre (<>).el contenido textual que se encuentre entre instituciones se mostrara en el navegador con la propiedad de finida por dicha etiquita. La creación de un documento HTML se puede hacer en cualquier editor de texto, Word, wordpad, pero se debe manejar gran número de etiquitas para dejar una página web atractiva. 2.1 instrucción básicas del lenguaje HTML
<HTML> Define documento HTML.
un <Inserta> una imagen en el documento.
<Head>define el encabezado <h>atributo de texto negrita. de un documento HTML. <TITLE>define el titulo de la <>Atributo de texto cursiva. página. <BODY >define el contenido <>Atributo que se visualizara en el subrayado. navegador.
de
texto
<II>atributo de texto en lista <> Atributo de un texto del o viñeta. tamaño de la fuente. <TABLE >Inserta una tabla en <>Atributo de texto del color el documento. de fuente. <HX>atributo de texto de <Center>atributo de texto de titulo a distintos niveles en alimentación centrada en el función del valor x. documento. <A>inserta un hipervínculo.
<Style>asignación de un estilo de fuente adquirida desde la hoja de estilo CSS.
La mayoría de las etiquitas complementan u información con la ayuda de los atributos.los atributos son propiedades que se asignan al contenido encerrado entre las etiquitas. Que indica que si insertamos un hiperenlace, se complementa con el atributo HREF, indica la referencia donde lleva el hipervínculo.los atributos escriben seguidos del signo y del valor, entre comillas, que damos al atributo. FROMATO XHTML
Las nuevas necesidades surgidas a la hora de desarrollar paginas webs mas dinámicas han proporcionado el desarrollo de una nueva versión de xhtml.las modificaciones de sintaxis son pequeñas pero su principal novedad es la incorporación de los estilos de texto. Gracias a las hojas de estilo CSS, se pueden definir innumerables estilos de texto a los que se les da un nombre, asociado a un color, tamaño. Los archivos de estilo CSS deben estar almacenados junto al documento XHT. 3. OTROS LENGUAJES EN SERVIDOR WEB Los avances han permitido que se desarrollen lenguajes que dotan a las páginas de mayor dinamismo y comodidad. PHP Es un lenguaje de programación de páginas web dinámicas que generalmente utiliza la base de datos MYSQL para almacenar los contenidos. Funciona en plataformas Windows, Linux y Mac y es de distribución libre. La utilización esta muy relacionada con los programas gestores de contenidos (CMS) que facilitan la creación de página dinámicas sin tener conocimientos de programación y son, entre otros, JOOMLA, MAMBO, DRUPAL O PHP NUK este lenguaje precisa de un software instalado en el servidor web. Su funcionamiento consiste en componer la página web desde el servidor cuando es requerida por un usuario cliente: 1.
El servidor web lee el contenido de los archivos PHP,
2.
Obtiene el contenido de la base de datos,
3.
Exporta la web al cliente en un formato capaz de ser visualizado por nuestro navegador.
4.
Podemos decir que cada vez que navegamos por una pagina dinámica realizada en PHP, se crea para nosotros. ASP.NET Es una herramienta de creación de webs dinámicas desde un servidor desarrollado por MICROSOFT. Utiliza pequeños fragmentos de programación, para generar paginas dinámicas desde el servidor, los conocimientos necesarios para su manejo son mayores que en los lenguajes vistos hasta el momento. JAVA Es un lenguaje de programación desarrollado por son microsistema, se utiliza en el desarrollo web, si no que también es utilizado para el desarrollo de aplicaciones de escritorio, aplicaciones de telefonía móvil etc. Podemos destacar la facilidad de incorporar APLETS java para realizar tareas de interacción con usuario y efecto especiales. ACTIVIDADES PÁGINA 58 1.
¿cual es la función de un servidor DNS?
Localiza la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web requeridos 2.
¿Qué diferencias existen entre URL y una dirección IP?
La dirección URL no especifica un documento HTML concreto Y la dirección IP se lo especifica. 3.
¿Que navegadores de internet son los mas utilizados? -Mocilla Firefox http://internet-explorer-8.softonic.com/ Google Chrome
4.
¿En que año se empezó a utilizar la web? 1962,
5.
Realiza un resumen del funcionamiento de la web El primer paso consiste en traducir la parte nombre del servidor de la URL en una dirección IP usando la base de datos distribuida de Internet conocida como DNS. Esta dirección IP es necesaria para contactar con el servidor web y poder enviarle paquetes de datos. El siguiente paso es enviar una petición HTTP al servidor Web solicitando el recurso. En el caso de una página web típica, primero se solicita el texto HTML y luego es inmediatamente analizado por el navegador, el cual, después, hace peticiones adicionales para los gráficos y otros ficheros que formen parte de la página. Las estadísticas de popularidad de un sitio web normalmente están basadas en el número de páginas vistas o las peticiones de servidor asociadas, o peticiones de fichero, que tienen lugar.
Al recibir los ficheros solicitados desde el servidor web, el navegador rende riza la página tal y como se describe en el código HTML, el CSS y otros lenguajes web. Al final se incorporan las imágenes y otros recursos para producir la página que ve el usuario en su pantalla. 4
organización de los elementos en pagina web Cuando nos disponemos a crear una pagina web, lo primero que debemos hacer es planificar sus contenidos y la estructura que utilizaremos para mostrarlos. Definir los objetivos de la página web No podemos empezar a crear una web sin saber lo que queremos presentar. Para facilitar la labor de fijar objetivos, es una buena práctica el contestarse a una serie de preguntas 1. ¿Cuál es el tema fundamental sobre el que trata la web? ¿a quien va dirigida nuestra web? 2. ¿Qué contenidos queremos que figuren en la web? 3. ¿Cómo organizamos esos contenidos? 4. ¿Cuántas páginas de nuestro sitio web dedicaremos a cada contenido? Debemos decidir el titulo de la web, su encabezado y logotipo DEFINIR LA ORGANIZACIÓN DE LOS CONTENIDOS Y MENUS Se trata de decidir la composición visual que presentara nuestra web pues estará presente tanto en la página inicial como en el resto de las páginas enlazadas Para realizar una página atractiva es muy importante que exista armonía y equilibrio en las disposiciones los elementos Plantillas de marcos
Los programas de edición nos ofrecimos la posibilidad de crear páginas mediante marcos La ventaja de la utilización de frames es que se pueden mantener fijos los marcos con menús o cabeceras mientras se navega aunque el contenido del marco o frames vaya cambiando. Organizar la estructura de navegació Estructura lineal: la navegación funciona como un libro en el que se van pasando paginas hacia adelante o hacia atrás. Estructura jerárquica la navegación funciona por niveles de categoría de los contenidos. Estructura mixta combina la navegación jerárquica con zonas de navegación lineal . Estructura de marcos consiste en tener siempre visible un marco lateral o superior con el menú de acceso a las distintas secciones principales del sitio web. Estructura web en esta estructura de navegación todas las paginas den acceso al resto de los contenidos. Definir la combinación de colores e imágenes Cuando un usuario visita una pagina web, su impresión esta condicionada por el atractivo visual de la misma. El uso de color en la web esta limitado por la capacidad de los navegadores existentes. La utilización de fondo de imagen en la página web debe respetar el contraste para la lectura correcta de los textos. No deben tener gran tamaño para agilizar la carga de la página. Deben tener suficiente resolución para una correcta visualización. Encabezado y pie de página Antes de comenzar la programación de nuestra web es recomendable escribir los textos que figuraran en el encabezado y en el pie de la web.
El pie de la página suele reservarse para la información técnica de la web y la información sobre la propiedad de dicha pagina web. Con el fin de crear páginas útiles, añadiremos los siguientes consejos que puedes seguir para la realización de tu boceto No se deben crear páginas sin enlaces para poder seguir navegando La longitud de las páginas no debe suponer un exceso de scroll Informa de la actualización Evita cambiar el color de los textos con hiperenciales Comprueba que tú pagina funciona correctamente en todos los navegadores Diseña tu página con tamaños relativos Revisa los textos para asegurarte de que no existen faltas de ortografía Utiliza tipos de letra sencillos y sin adornos tipográficos para facilitar la lectura Emplea texto alternativo a tus imágenes para mejorar la accesibilidad. 6 gestores de contenidos(CMS) los gestores de contenidos: son aplicaciones que se instalan en el servidor para poder crear paginas webs dinámicas permitiéndonos administrar el diseño del sitio de forma independiente a su contenido. Los gestores de contenidos se modifican desde internet. Estas plantillas funcionan como una caja de presentación vacía en la que tenemos que crear la pagina web añadiendo artículos, noticias, archivos descargados etc. La mayoría de los CMS son de distribución libre y no requieren grandes conocimientos de programación. El dinamismo de esta página reside en la posibilidad de que cualquier usuario puede
actualizar la web descargados etc. 7. straming
añadiendo noticias archivos
Es la posibilidad d e reproducir contenidos múltiples directamente desde un servidor web. Tradicionalmente, cuando se quería escuchar una canción, previamente se tenia que almacenar en nuestro ordenador local para ser reproduciendo. Actualmente, la mayoría de las emisoras de radio y muchas de las emisoras de televisión emiten sus contenidos por internet. Para incorporar archivos multimedia a una página web se utiliza distintas tecnologías basadas en reproductoras que admiten streaming, player, QuickTime, Windows media o flash player. 8. publicación de la web Cuando hayamos terminado el diseño ¿ que elemento necesitamos para la publicación de una pagina web en internet? Un espacio es un servidor de internet generalmente nuestro proveedor de internet. Un programa para transferir archivos cuando ya tengamos un espacio web donde almacenar nuestro archivo se nos facilitara una dirección web. 8.1 funcionamiento de un programa FTP Para realizar la conexión se precisa la dirección FTP del servidor, el nombre de usuario dado de alta en el servidor y la contraseña de acceso. Existe numerosos programas clientes FTP para trasladar archivos con el programa NICOFTP seguiremos los siguientes pasos Paso1 ejecutaremos el archivo NICOFTP Paso 2 presionaremos el botón conectar y nos saldrá un entrono como el siguiente
Paso 3 transferimos archivos entre ambos ordenadores arrastrĂĄndolos de una zona de la pantalla a la otra.