Issuu on Google+

Tema-4-

1. Word Wide Wed. La Word wide wed (www), conocida como la wed , esta formada por un sistema de documentos que están relacionados entre si por hipervínculos que permiten la visualización en un ordenador asociado a la red.  Terminos asociados a internet. Servidor wed : Es un ordenador que tiene instalados los programas necesarios para enviarlos documentos requeridos por un ordenador cliente. Cliente: Es un ordenador conectado a internet que realiza la petición de documentos incluidos en un página wed para visualizarlos mediante programas navegadores. Navegador wed: Es un software instalado en el ordenador del cliente que visualiza documentos en formato wed ( HTML) y permite el funcionamiento de los hiperenlaces. Los más utilizados son: Internet explore , opera, mozilla firefox y Netscape. URL: Es la dirección textual de un servidor wed para la apertura de un archivo HTML. IP: Es un código identificativo de un equipo informático formado por un cuadro de números, separados por puntos , cuyo valor no puede exceder de 255. DNS: Es un base de datos que relaciona una dirección textual de un servidor con su dirección IP, se encuentra en unos servidores DNS que deben ser especificados en nuestra conexión a internet. HTTP: Es un protocolo de de trasnferncia de hipertexto. Al encabezar una URL con este término,


Tema-4-

el servidor reconocerá que se le está solicitando un documento wed. HTML: Es un acrónimo en inglés del término ¨Hipertext Markup Language¨ que se traduce como ¨Lenguaje de marcado de hipertextos¨ los archivos pueden ser html o htm. 1.1 Funcionamiento de la wed Los siguientes pasos nos van a ayudar a entender como funciona WORLD WIDE WED.  PASO 1 : Escribimos la dirección de una página Wed.  Paso 2: El servidor DNS localiza la dirección IP.  Paso 3: El ordenador y nos envía un documento con extensión htm.  Paso 4: Nuestro programa solicita al servidor los archivos con los que esté enlazado.  Paso 5: Nuestro programa navegador compone la página con los textos, enlaces, imágenes y animaciones. Ya hemos conseguido abrir una wed. Estos enlaces se dominan hipervínculos o hiperenlaces. Ejercicios: 1. ¿Cuál es la función del DNS? Relaciona una dirección textual de un servidor con su dirección IP. 2. ¿Qué diferencias existen entre una URL y una dirección IP? Una URL es una dirección textual de un servidor wed para la apertura de un archivo html. Una dirección IP es un código identificativo de un equipo informático. 3. ¿Qué navegadores de internet son los más utilizados?


Tema-4-

Internet explore, Firefox, Mozilla, Google Chrom. 4. ¿ En qué año se comenzó a usar la wed? En 1990.  Las cookies: Son pequeños fragmentos de información sobre las páginas que visitamos , que se quedan almacenados en nuestro ordenador. 2. HTML. El lenguaje estándar de la wed. Las etiquetas del lenguaje HTML se identifican por estar encerrados entre los símbolos de mayor y menor (< >) Comienzo o apertura ( por ejemplo <body> ) final de etiqueta o cierre </body> La creación de un documento HTML se puede hacer en cualquier editor de texto, como Word, Wordpad o el mismo bloc de notas. <html> Define un documento como HTML <head> Define un encabezado de un documento HTML <title> Define el titulo de la página <body> Define el contenido que se visualizará en el navegador

<img> Inserta una imagenen el documento. <h> Atributo de texto negrita <i> Atributo de texto cursiva <n> Atributo de texto subrayado

<li> Atributo de texto en <Font size> Atributo de línea o viñeta texto del tamño de la fuente <table> Inserta una <Font color> Atributo tabla en el documento de texto del color de la fuente <hx> Atributo de texto <center> Atributo de


Tema-4-

de titulo a distintos niveles en función del valor de x <a> Inserta un hipervínculo

texto de alineación centrada en el documento <style> Asignación de un estilo de fuente adquirida desde la hoja de estilos CSS.

Formato XHTML: Su principal novedad es la incorporación de los estilos de textos. Las hojas de estilo CSS , definen innumerables estilos de textos . 3. Otros lenguajes en servidor wed.  PHP: Es un lenguaje de programación de páginas wed. Este lenguaje de programación precisa de un software instalado en los servidor wed. Su funcionamiento consiste en componer la página wed desde el servidor cuando es requerida por un usuario cliente: El servidor wed lee el contenido de los archivos php. Obtiene el contenido de la base de datos. Exporta la wed al cliente en un formato capaz de ser visualizado por nuestro navegador.  ASP.NET: (Servidor de páginas activas) es una herramienta de creación de weds.  JAVA: Es un lenguaje de programación, utilizado para el desarrollo de aplicaciones de escritorio, aplicaciones de telefonía móvil.  Páginas estáticas y dinámicas. Es un contenido fijo que solo puede modificarse si editamos los archivos HTML y volvemos a subirlos al


Tema-4-

servidor. Se trata de una página estática o fija. Desde cualquier ordenador con acceso a internet se puede añadir un nuevo contenido . Páginas dinámicas.  Applet: Es una aplicación que debe ejecutarse dentro de otra. 4. Organización de los elementos en páginas wed. Crear una página wed, lo que debemos hacer es planificar sus contenidos y la estructura que utilizaremos para mostralos.  Definir los objetos de la página wed. Para facilitar la labor de fijar objetivos, es una buena práctica el conetestarse a una serie de preguntas: 1. ¿ Cuál es el tema fundamental sobre el que trata la wed? ¿ A quién va dirigida nuestra wed? 2. ¿ Qué contenidos queremos que figuren en la wed? 3. ¿Cómo organizaremos esos contenidos? 4. ¿Cuántas páginas de nuestro sitio wed dedicaremos a cada contenido? Debemos decidir el titulo de la wed, su encabezado y Logotipo  Definir la organización de los contenidos y menús La composición visual que presentará nuestra wed. Para realizar una página atractiva es muy importante que exista armonía y equilibrio en la disposición de los elementos. El objetivo principal de una página wed es conseguir el mayor número de visitantes posibles ofreciendo una información de calidad. -Plantillas de marcos: Una página con marcos o frames funciona como una wed compuesta por otras pequeñas páginas alojadas en cada marco del diseño. La ventaja es que se pueden mantener fijos los marcos con menús mientras se navega.


Tema-4-

 Organizar la estructura de navegación. -Estructura lineal: la navegación funciona como un libro en el que se van pasando páginas hacía delante o hacía atrás. - Estructura jerárquica: Desde cada página individual podrá accederse al nivel superior y a la página de inicio. -Estructura mixta: Combina la navegación jerárquica con zonas de navegación lineal. Es la más utilizadas. - 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: Todas las páginas dan acceso al resto de los contenidos, ofrece total libertad de elección al usuario. 6. Gestores de contenidos (CMS) Son aplicaciones que se instalan en el servidor para poder crear páginas webs dinámicas. Plantilla php , funcionan como una caja de presentación vacía en la que tenemos que crear la página web añadiendo artículos, noticias, archivos, descargables, etc El dinamismo de estas páginas reside en la posibilidad de que cualquier usuario puede actualizar la web añadiendo noticias, archivos descargable, artículos de contenidos, conversacione en forors, etc 6.1 funcionamiento de un gestor de contenidos. Está basado en lo siguiente:  La presentación del portal a los usuarios en una zona llamada frontend.


Tema-4-

 La administración del portal, llamada backend, desde la que se pueden gestionar los menús, los artículos de contenido, los usuarios, etc. Los sistemas CMS no solo se aplican para la creación de portales web. Los nuevos servicios que ofrece internet, como los blogs, se entienden como sistemas de gestión de contenidos y se han desarrollado completas aplicaciones web para su creación. Existen sistemas de creación de portales e-Learning. En la actualidad, el gestor de cursos Moodle , de distribución gratuita, es la herramienta más utilizada para la creación de portales educativos en los que los alumnos pueden tomar sus lecciones y realizar sus tareas por internet. 7. Streaming. Es la posibilidad de reproducir contenido multimedia directamente. Gracias a los anchos de banda que existen hoy, se pueden asegurar un flujo de datos continuo que permita ver un vídeo o escuchar música en tiempo real. Para incorporar archivos multimedia a una página web se utilizan distintas tecnologías basadas en reproductores que admiten streaming, como real player, quicktime, Windows media o flash player. 8. Publicaciones de la wed.  Un espacio es un servidor de internet existen empresas dedicadas al hosting que ofrecen este servicio por el pago de una retribución económica o bien de forma gratuita a cambio de incluir publicidad en nuestra página y limitar los servicios.  Un programa para transferir archivos. Nos facilitarán una dirección FTP, un nombre de usuario y una contraseña. 8.1 Funcionamiento de un programa FTP.


Tema-4-

Permite la conexión entre nuestro ordenador y un servidor FTP de forma remota. Para realizar la conexión se precisa la dirección FTP del servidor, el nombre de usuario dado de alta en el servidory la contraseña de acceso. Utilizaremos el programa nico FTP , pues es de distribución gratuita y tiene una interface muy sencilla Para transladar archivos con el programa nico FTP seguiremos los siguientes pasos: Paso 1: Ejecutamos el archivo nicoFTP exe, accedemos al menú FPT. Paso 2: Conectar Paso 3: Transferimos archivos entre ambos ordenadores arrastrándolos de una zona de la pantalla a la otra.


Resumen tema publicaciones de contenidos web