Issuu on Google+

1. WORLD WIDE WEB. Conocido comúnmente como web, se compone de un sistema de documentos que están relacionados entre sí mediante hipervínculos que permiten su visualización en un ordenador conectado a la red. Términos Asociados a Internet: -Servidor Web: ordenador remoto que tiene instalados los programas necesarios para enviar los documentos requeridos por un ordenador cliente. -Cliente: ordenador conectado a Internet que realiza la petición de documentos incluidos en una página web para visualizarlos mediante programas navegadores. -Navegador Web: software instalado en el ordenador del cliente que visualiza documentos en forma web (HTML) y permite el funcionamiento de los hiperenlaces. Los navegadores mas utilizados son Internet Explorer, Opera, Mozilla Firefox y Netscape. -URL: dirección textual de un servidor web para la apertura de un archivo HTML. -IP: código identificativo 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. Esta base de datos se encuentra en unos servidores DNS que deben ser especificados en nuestra conexión a Internet. -HTTP: protocolo de transferencia de hipertexto. Al encabezar una URL con este término, el servidor reconocerá que se le está solicitando un documento web. -HTML: acrónimo inglés del término Hipertext Markup Language, que se traduce como “Lenguaje de marcado de hipertextos”. Los archivos creados en este formato tienen extensiones html o htm.

1.1 Funcionamiento de la web Paso 1: Desde nuestro ordenador ejecutamos el programa navegador de Internet y escribimos la dirección de una página web. La dirección que insertamos es lo que conocemos como URL. En la barra de direcciones de nuestro navegador tecleamos la URL de la web que queremos visitar. Paso 2: El servidor DNS que tenemos configurado en nuestra conexión a Internet localiza la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web requeridos.


Paso 3: Como la URL que hemos tecleado comienza por HTTP://, el ordenador servidor reconoce que le estamos solicitando algún documento web y nos envía un documento con extensión html. 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. Paso 4: Nuestro programa navegador estudia el documento html recibido y solicita al servidor los archivos con los que este enlazado, como imágenes, videos, animaciones, etcétera. Paso 5: Finalmente, nuestro programa navegador compone la pagina con los textos, enlaces, imágenes y animaciones. Es importante que al elaborar una pagina web comprobemos que se visualiza correctamente en los distintos navegadores, ya que la pagina esta compuesta por ellos y puede ocurrir que no se visualice de igual manera en todos. Ejercicios 1-5: 1 ¿Cuál es la función de un servidor DNS? Localizar la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web requeridos. 2 ¿Qué diferencias existen entre una URL y una dirección IP? URL es una dirección textual de un servidor web para la apertura de un archivo HTML e IP es un código identificativo de un equipo informático en Internet. 3 ¿Qué navegadores de Internet son los mas utilizados? Internet Explorer, Opera, Mozilla Firefox y Netscape. 4 ¿En qué año se comenzó a utilizar la web? Se comenzó a utilizar en el año 1990.

1.2 Navegación por Internet Cuando visitamos una página web, el servidor de la web almacena en nuestro equipo un pequeño archivo que guarda información sobre la visita que hemos realizado, y el nombre de usuario y contraseña si se trata de una página con registro de usuarios. Estos archivos almacenados en nuestra carpeta temporal de Internet se denominan Cookies y pueden ser fuente de entrada de malware a nuestro equipo. Cookies: son pequeños fragmentos de información sobre las paginas que visitamos, que se quedan almacenados en nuestro ordenador.


2. HTML. El lenguaje estándar de la web El lenguaje HTML es un lenguaje basado en etiquetas que definen las cualidades de los textos que contiene. Las etiquetas del lenguaje HTML se identifican por estar encerradas entre los símbolos de mayor y menor (< >). Las etiquetas tienen una instrucción de comienzo o apertura (por ejemplo <body>) y una instrucción de final de etiqueta o cierre (<body>). El contenido textual que se encuentre entre las dos instrucciones se mostrara en el navegador con la propiedad definida por dicha etiqueta. La creación de un documento HTML se puede hacer en cualquier editor de texto, como Word, Wordpad o el mismo bloc de notas, pero se debe manejar gran numero de etiquetas para dejar una página web atractiva.

2.1 Instrucciones básicas el lenguaje HTML <html> <head> <title> <body> <li> <table> <hx>

<a>

Define un documento como HTML. Define el encabezado de un documento HTML. Define el titulo de la pagina. Define el contenido que se visualizara en el navegador. Atributo de texto en lista o viñeta. Inserta una tabla en el documento. Atributo de texto de titulo a distintos niveles en función del valor de x. Inserta un hipervínculo.

<img> <b>

Inserta una imagen en el documento. Atributo de texto negrita.

<i> <u>

Atributo de texto cursiva. Atributo de texto subrayado.

<Font size> <Font color> <Center>

Atributo de texto del tamaño de la fuente. Atributo de texto del color de la fuente. Atributo de texto de alineación centrada en el documento. Asignación de un estilo de fuente adquirida desde la hoja de estilos CSS.

<Style>

La mayoría de las etiquetas complementan su información con la ayuda de los atributos. Los atributos son propiedades que se asignan al contenido encerrado entre las etiquetas. Por ejemplo, la etiqueta <a>, que indica que insertamos un hiperenlace, se complementa con el atributo href, que nos indica la referencia donde lleva el hipervínculo. Los atributos se escriben seguidos del signo igual y del valor, entre comillas, que damos al atributo.


3. Otros lenguajes en servidor web Los avances existentes en el desarrollo de páginas web han permitido que se desarrollen otros lenguajes que dotan a las páginas de mayor dinamismo y comodidad a la hora de realizar un mantenimiento de las mismas.

PHP: 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. Este lenguaje de programación funciona en plataformas Windows, Linux y Mac y es de distribución libre. Este lenguaje de programación precisa de un software instalado en el servidor web. Nosotros no podemos ver el producto final cuando trabajamos en nuestro ordenador personal porque no tenemos instalados estos programas típicos de servidores web (Apache, phpMyadmin, MySQL). Su funcionamiento consiste en componer la pagina 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. Podemos decir que cada vez que navegamos por una página dinámica realizada en PHP, se crea para nosotros.

ASP.NET: Más que un lenguaje de programación, ASP (Servidor de paginas activas) es una herramienta de creación de webs dinámicas desde un servidor desarrollado por Microsoft. Esta tecnología utiliza pequeños fragmentos de programación o scripts, en combinación con el lenguaje HTML, 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: JAVA es un lenguaje de programación desarrollado por Sun Microsystem que se utiliza en el desarrollo de numerosas aplicaciones, no solo como desarrollo web , sino que también es utilizado para el desarrollo de aplicaciones de escritorio, aplicaciones de telefonía móvil, etcétera. Podemos destacar que la facilidad de incorporar Applets Java a nuestra página web HTML para realizar tareas de interacción con el usuario y efectos especiales.


14. ¿En qué se diferencia una página estática de una dinámica? ¿Qué lenguaje de programación se está imponiendo en el desarrollo de páginas dinámicas? En una página estática solo puede modificarse si editamos los archivos HTML y volvemos a subirlos al servidor y en una página dinámica se pueden crear interfaces de modificación directamente en el servidor, por lo que desde cualquier ordenador con acceso a Internet se puede añadir un nuevo contenido a la web de una forma muy sencilla.

4. Organización de los elementos en páginas web Cuando nos disponemos a crear una página web, lo primero que debemos hacer es planificar sus contenidos y la estructura que utilizaremos para mostrarlos. La mejor manera de planificar una web es crear un boceto de presentación y funcionamiento de los enlaces presentes en el sitio web. Es muy aconsejable realizar este boceto sobre el papel para ceñirnos a él durante el proceso de creación, ya que las modificaciones sobre un trabajo realizado suelen ser complejas. Definir los objetivos de la web No podemos empezar a crear una web sin saber lo que queremos presentar, la temática sobre la que versará y la cantidad de información que incluiremos en ella. Para facilitar la labor de fijar objetivos, es una buena práctica el contestarse una serie de cuestiones: 1. ¿Cuál es el tema fundamental sobre el que trata la web? ¿A quién va dirigida nuestra web? 2. ¿Qué contenidos queremos que figuren en la web? 3. ¿Cómo organizaremos esos contenidos? 4. ¿Cuántas paginas de nuestro sitio web dedicaremos a cada contenido? En este punto debemos decidir el titulo de la web, su encabezado y logotipo, ya que darán una sensación de continuidad y mayor profesionalidad a nuestro sitio. Definir la organización de los contenidos y menús 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 la disposición de los elementos. Las paginas que utilizan textos planos sin inserción de imágenes o sin los menús adecuados pierden su poder llamativo aunque tengan


contenidos interesantes. Debemos recordar que el objetivo principal de una página web es conseguir el mayor número de visitantes posible ofreciendo una información de calidad. Plantillas de Marcos Los programas de edición nos ofrecen la posibilidad de crear páginas mediante marcos. Una página con marcos o frames funciona como una web compuesta por otras pequeñas paginas alojadas en cada marco del diseño. 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. La utilización de tablas puede evitar el trabajo con marcos, pues son mucho más versátiles que estos. Organizar la estructura de navegación A la hora de crear los enlaces entre las distintas paginas de nuestro proyecto, debemos definir qué tipo de estructura queremos: 

 

Estructura lineal: la navegación funciona como un libro en el que se van pasando paginas hacia adelante o hacia atrás. Este tipo de estructura es aconsejable para paginas que trabajan con manuales. No se suelen utilizar de forma pura, ya que se introducen enlaces al índice o página principal. Estructura jerárquica: es esta estructura, la navegación funciona por niveles de categoría de los contenidos. 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 utilizada. 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. Dentro de la misma pueden establecerse relaciones jerárquicas o lineales, pero siempre debe estar presente el menú principal en el marco. Estructura web: en esta estructura de navegación, todas las páginas dan acceso al resto de los contenidos. La navegación puede resultar bastante confusa, pero ofrece total libertad de elección al usuario.

6. Gestores de contenidos (CMS) Los gestores de contenidos (Content Management System, CMS) son aplicaciones que se instalan en el servidor para poder crear páginas web dinámicas permitiéndonos administrar el diseño del sitio de forma independiente a su contenido. De esta manera, los cambios que se realizan en el diseño no afectan a los contenidos, y viceversa.


Los gestores de contenidos se modifican desde Internet, por lo que cualquier usuario administrador puede hacerlo desde un ordenador remoto. Cuando administramos un CMS, definimos un aspecto con arreglo unas plantillas php creadas por nosotros o facilitadas por las comunidades de usuarios. 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 descargables, etcétera. La mayoría de los CMS son de distribución libre y no requieren grandes conocimientos de programación. Otra ventaja de los gestores de contenidos radica en que sus grandes comunidades de usuarios que, de forma desinteresada, desarrollan nuevos módulos o componentes que amplían las posibilidades de estas aplicaciones. El dinamismo de estas páginas reside en la posibilidad de que cualquier usuario pueda actualizar la web añadiendo noticias, archivos descargables, artículos de contenido, conversaciones en foros, etcétera. LISTA DE GESTORES DE CONTENIDOS GRATUITOS Creación de pagina web

CMSimple – Drupal – Gekko – Joomla – Manbo – PHPNuke – Plone – TYP03

Creación de foros

bbPress – PHPBB – PunBB – MyBB – Vanilla

Creación de blog

Wordpress – Serendipity - Lifetype

Creación de galería de imágenes

Gallery – Coppermine – File browser

Creación de wikis

Mediawiki – Tikiwiki - Dokuwiki

Creación de tiendas virtuales

OsCommerce

Creación de grupos de trabajo

WebCollab

Creación de sitios para educación

Moodle – Atutor - Claroline

e información (e-learning)

7. Streaming Streaming es la posibilidad de reproducir contenido multimedia directamente desde un servidor web sin necesidad de descargar los archivos a nuestro ordenador.


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. Todas ellas precisan que el ordenador del cliente o usuario tenga instalados unos plugins o accesorios para su navegador de Internet.

8. Publicación de la web Cuando hayamos terminado el diseño y edición de nuestra propia página web, deberemos publicarla en Internet. ¿Qué elementos necesitamos para la publicación de una página web en Internet? 

Un espacio es un servidor Internet. Generalmente nuestro proveedor de Internet nos ofrecerá un espacio web y una serie de correos electrónicos junto con el servicio de conexión. En cualquier caso, existen empresas dedicadas al hosting (alojamiento de web) que ofrecen este servicio por el pago de un 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. Cuando ya tengamos un espacio web donde almacenar nuestros archivos se nos facilitara una dirección FTP, un nombre de usuario y una contraseña para poder trasladar los archivos desde nuestro ordenador hasta el servidor remoto.

8.1 Funcionamiento de un programa FTP Un programa FTP (File Transfer Protocol o protocolo de transferencia de archivos) permite la conexión entre nuestro ordenador y un servidor FTP de forma remota. Para trasladar archivos con el programa NicoFTP seguiremos los siguientes pasos: Paso 1. Ejecutamos el archivo NicoFTP.exe, ya que no requiere instalación. En la ventana del programa, accedemos al menú FTP-Conectar conexión. Paso 2. Una vez configurados los datos, presionaremos el botón Conectar y nos saldrá un entorno como el siguiente. Paso 3. Transferimos archivos entre ambos ordenadores arrastrándolas de una zona de la pantalla a la otra.


Resumen tema 2