tema documento de html, Monografías, Ensayos de Informática y Tecnologías de la Información

¡Descarga tema documento de html y más Monografías, Ensayos en PDF de Informática y Tecnologías de la Información solo en Docsity!

Tecnologías Web

Un poco de Historia

World Wide Web (WWW)

Inventada por Tim Berners Lee en 1989!!! ‰

Mientras trabajaba European Organizationfor Nuclear Research (CERN) ‰

http://www.w3.org/Consortium/history.html ‰

http://www.w3.org/History/1989/proposal.html

NeXTcube utilizado porTim Berners-Lee comoprimer servidor HTTPD

Terminología básica

La WWW no es Internet, es un servicio que está montadosobre Internet

Internet (la red) está formado por el conjunto de ordenadores queestán interconectados entre sí.

HTML

HTTP

INTERNET

Introducción al desarrollo Web

Como funciona la WEB

INTERNET

CLIENTE

DNS

http://www.google.es

Servidor WEB

1. Petición Domain Name Server (DNS)^ www.google.es

Ù

216.239.59.

2. Petición HTTP^ GET / HTTP/1.1^ Host: www.google.es^ User-Agent: Mozilla/5.0^ …

1 2

1. El navegador recibe el HTML 2. Realiza nuevas peticiones al servidor

para obtener los archivos adicionales como imágenes, CSS, JavaScript…

Material necesario para crear una página WEB

Material básico

Un editor de texto cualquiera (ej. el bloc de notas) ‰

Un navegador cualquiera

Material avanzado

Un editor de texto profesional

Æ

Notepad++

ó

XML Spy

Un editor de gráficos / retoque fotofráfico

Æ

Photoshop

ó

GIMP

Editores específicos de páginas WEB

Microsoft FrontPage ‰

Macromedia DreamWeaver ‰

NVU

(gratuito y de código libre, basado en el núcleo Firefox)

Plugins de Firefox 3.X pensados para el desarrollo web ‰

Un servidor WEB como Apache ‰

Varios navegadores y en varias versiones (para hacer pruebas)

Pincelada sobre el HTML

HTML es el lenguaje con el que se definen páginas WEB

Es texto plano ‰

Se trata de un conjunto de etiquetas que sirven para indicar que eltexto dentro de la etiqueta hay que tratarlo de manera especial

Ej: Texto en negrita

Ha evolucionado a lo largo del tiempo desde que TimBerners-Lee propusiera la primera versión

Se ha llevado a cabo un proceso de estandarización

Word Wide Web Consortium:

http://www.w3.org

Las versiones actuales son HTML 4.01 y XHTML 1.

‰ Introducción al desarrollo Web

Si planeamos un sitio WEB grande, es útil crear plantillasque podamos utilizar como partida para crear cada unade las secciones de nuestro sitio WEB

Podemos definir varias plantillas para distintos tipos de páginas

Consejos

No utilizar espacios en blanco o acentos en los nombres deficheros ‰

Hay que tener cuidado con las mayúsculas y minúsculas: losservidores no son siempre Windows!!! ‰

Asegurarse que nombre tiene que tener el documento por defecto(normalmente index.html, o index.htm) ‰

Utilizar siempre la misma extensión para los archivos del proyecto(.htm, .html, .xhtml) pero no mezclarlas

Advertencia: La extensión no indica el tipo de contenido

Construir páginas WEB y sitios WEB

Imágenes y otros recursos

Formatos de imágenes

Los formatos más habituales son JPG, GIF y PNG ‰

Lo ideal sería utilizar JPG y PNG (sin patente)

Tratamiento de las imágenes

No utilizar imágenes que no quepan en la pantalla, y si lohacemos utilizar un programa de edición para hacerlas máspequeñas

Por defecto el navegador es capaz de escalarlaautomáticamente pero se transmite por la red el documentocompleto !!!

Es recomendable estructurar los recursos e imágenes endirectorios para su fácil acceso.

Al estructurar de manera correcta los contenidos se simplifica latarea de subir los archivos al servidor.

Alojamiento (Hosting) de sitios WEB

Cualquier servicio que queramos ofertar en internet, estáalojado en un servidor.

En el caso de los sitios WEB, las páginas y recursos denuestro sitio WEB se encuentra alojadas en un servidorWEB que se encuentra permanentemente conectado aInternet.

Posibilidades

Alojamiento (

Hosting

) de pago, gratuito básico (proveedores de

servicios, Tripod, Yahoo, Google…), gratuito con PHP y base dedatos (100Webspace, 000Webhost.com, Good Host …) ‰

Montarte tu servidor en casa

Conexión ADSL, adquirir un Dominio (

www.tunombre.es

o

www.tunombre.com

) y dejar el ordenador siempre conectado

Acceso al Servidor WEB

Normalmente accederemos al servidor WEB para

Subir nuevos contenidos ‰

Administrarlo

En el caso de subir contenidos, es habitual utilizar uncliente de File Transfer Protocol (FTP), o de Secure FileTransfer Protocol (SFTP)

Instalaremos en el lugar de trabajo un cliente de FTP (ej. FileZilla)

Usuario: prueba Password:prueba

‰

El proyecto según se desarrolla se va subiendo al FTP

Entornos de explotación

Desarrollo

Se monta directamente en la máquina del desarrollador un^ WAMP

(siglas de Windows + Apache + MySQL + PHP)

‰

Existen distribuciones completas muy simples de instalar(¡hasta las puedes tener disponibles en una memoria USB!)

‰^

Ej: XAMPP 1.7.3 http://www.apachefriends.org (incluye Apache 2.2.14, MySQL 5.1.41, PHP 5.3.1…)

Eclipse 3.4 + PDT 1.X (para poder depurar PHP) ‰

Baja seguridad: la configuración del servidor suministra

mucha

información

para poder depurar las aplicaciones

Entornos de explotación

Producción

Linux, generalmente preferible a Windows ‰

Habitualmente el servidor web más el motor de script seencuentra en una máquina y el servidor de base de datos seencuentra en otra distinta ‰

Tenemos disponibles servicio de correo y FTP ‰

Alta seguridad: todas las restricciones aplicables para evitar queaccedan intrusos