PDF de programación - Instalación y Configuración de un Servidor WEB

Introducción a la Ingeniería Telemática – 2008 <<

>> Instalación y Configuración de un
Servidor WEB.

>> HTML & PHP

Nicolás Álvarez S.
[email protected]

Juan Monsalve Z.
[email protected]

Introducción a la Ingeniería Telemática – 2008 <<

Tópicos a tratar

• ¿Qué es un servidor Web?
• ¿Dónde puedo instalar un servidor Web?
• ¿Qué gano con un servidor Web?
• ¿Qué gano con un servidor Web?
• Instalando un servidor Web
• Comprendiendo la configuración de un

servidor Web

• Fundamentos básicos de HTML y PHP

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

¿Qué es un servidor Web?

• Servidor Web: Programa que implementa el

protocolo HTTP (HyperText Transfer Protocol)

• Envía la información a los clientes cuando se
• Envía la información a los clientes cuando se

solicita vía navegador.

• Con él podemos obtener archivos de otro

computador utilizando el navegador de Internet
preferido.

*>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

¡Importante!

• No confundir HTTP con HTML.

• HTTP es un protocolo de comunicación.

• HTML es un formato de archivo (como un .doc,
• HTML es un formato de archivo (como un .doc,

un .jpeg, etc. HTML es uno de los tantos
formatos de páginas web.

• En resumen, con HTTP se obtienen desde el
servidor las páginas Web, mientras que con
HTML se interpretan.

*>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

• Esto es HTML (HyperText Markup Language).

Se verá más adelante en el curso.

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

Funcionamiento básico de un servidor Web

<Ver archivo WEB.swf adjunto>

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

¿Dónde puedo instalar un servidor Web?

• Al nombrar la palabra

“servidor”, se nos
vienen a la mente
computadores muy
poderosos, caros y
complejos.
complejos.

• En la práctica, esto no

es siempre así.
Dependiendo de lo
que se desea “servir”
es el tipo de
computador que se
puede utilizar.

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

• El tamaño, capacidad de procesamiento, y

memoria de un servidor está en directa
relación con lo que se va a “servir” y a
cuántos usuarios se va a “servir”.

• Dependiendo del servicio, computadores

“antiguos” pueden ser usados de
servidores.

*>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

¿Qué gano instalando un servidor web?

• Gente de todo el mundo puede acceder a lo que

yo decida colocar en él.

• Es la base para ofrecer servicios de distinto tipo

(bases de datos, páginas dinámicas,
(bases de datos, páginas dinámicas,
información simple, etc)

• Puedo poner a disposición de manera fácil

archivos a compartir, independiente del S.O
que utilice el otro extremo.

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

• Para nuestro caso, no necesitaremos mayores requerimientos de

velocidad, por lo que con los computadores de escritorio no debería
existir ningún problema.

• Recordando el hecho que un servidor Web es simplemente un

programa, surge la interrogante ¿Cuántos tipos se servidores Web
existen?.

Internet Information Services
de Microsoft para Windows

Tiny Http Daemon

>> Servidores Web / HTML & PHP

Multiplataforma

Light Http Daemon

Uso de servidores web (03/2008)

Introducción a la Ingeniería Telemática – 2008 <<

>> Servidores Web / HTML & PHP

Fuente: NetCraft.com

Introducción a la Ingeniería Telemática – 2008 <<

Apache HTTP Server

http://httpd.apache.org

• Gratuito
• Ampliamente Configurable
• Multiplataforma
• Multiplataforma
• Seguro
• Excelente documentación
• Entre otros.

*>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

Instalando Apache

• Utilizaremos Apache
2.0.63 HTTP Server
para Windows como
nuestro servidor Web.

• Al igual que el 99,99%

de las aplicaciones
para Windows, su
instalación es trivial.

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

• Una vez terminada la instalación, el servidor Web se encontrará

funcionando. Esto lo podemos comprobar con el “Apache Service
Monitor ”, que se encuentra en la barra de tareas de Windows,
haciendo click derecho => “Open Apache Monitor”.

Apache Service Monitor

La luz verde indica que el
servidor está ejecutándose.
En caso de estar detenido
o presentar algún
problema, aparecerá en
rojo.

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

• Para probar que el servidor está funcionando, abriremos el
navegador de Internet y en la barra de direcciones colocaremos

http://dirección_ip_del_equipo

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

Configurando Apache

• Configuración de Apache: un archivo de texto

(httpd.conf)

C:\Archivos de Programa\Apache
C:\Archivos de Programa\Apache
Group\Apache2\conf\httpd.conf

• Se debe utilizar un editor de texto plano.

*>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

httpd.conf

• Líneas que comienzan con “#” son

comentarios.

• httpd.conf se divide en tres grandes

secciones: Configuración Global,
Configuración Principal del Servidor y
Hosts Virtuales.

*>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

Configuración Global de Apache

ServerRoot: Directorio de trabajo de Apache.

Timeout: Tiempo de vida de las peticiones
HTTP.
HTTP.

Listen: Puerto de escucha.

LoadModule: Módulos complementarios.

•

•

•

•

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

Configuración Principal de Apache

• ServerAdmin: Correo del administrador del

sistema.

• DocumentRoot: Directorio donde se alojarán

las páginas web.
las páginas web.

• Options Indexes FollowSymLinks: En caso de

no tener una página principal, lista todos los
archivos de la carpeta.

• DirectoryIndex: Archivos por omisión a abrir.

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

• ErrorLog: Define el archivo donde se guardará el

registro de los errores del sistema.

•

IndexOptions: Define la forma en que se muestran los
archivos cuando no existe una página por defecto.

• ErrorDocument xxx: Permite definir un mensaje

personalizado para cuando existe un error en la petición.
personalizado para cuando existe un error en la petición.

• BrowserMatch: Permite definir acciones especiales en

caso que el usuario ingrese al servidor con algún
navegador o cliente Web determinado.

Finalmente, la sección “Virtual Hosts” permite configurar
varios servidores en la misma máquina.

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

Para crear un mini sitio web:
1.

2.

3.

4.

Crearemos un directorio llamado “www” en C:\ y colocaremos allí
algunos archivos aleatorios (mp3, videos, documentos, etc)
En el httpd.conf, modificaremos el “DocumentRoot” de la sección
principal.
DocumentRoot "C:/Archivos de programa/Apache Group/Apache2/htdocs“
quedará ahora como:
DocumentRoot "C:/www“
DocumentRoot "C:/www“
Unas líneas más abajo, debemos cambiar las opciones del
directorio.
<Directory "C:/Archivos de programa/Apache Group/Apache2/htdocs">
deberá ser cambiado por:
<Directory "C:/www”>
Para que los cambios sean efectivos, debemos reiniciar Apache,
para hacer esto abriremos el Apache Service Monitor y haremos
click en el botón “Restart”.

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

• Al chequear con el navegador web, el resultado debería ser similar

al siguiente:

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

Introducción a HTML

• HTML: HyperText Markup Languaje.

• Lenguaje basado en el uso de “etiquetas”.

• Es el lenguaje estándar para visualizar documentos

web.
web.

• Son interpretados por los navegadores web (Firefox,

Explorer, etc).

• Se puede modificar con un editor de texto plano

(textpad, block de notas, etc).

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

Creando un documento HTML

• Todos los documentos parten con la etiqueta <HTML>

• Se dividen en dos partes, la cabecera <HEAD> y el

cuerpo del documento <BODY>.

• Dentro del <HEAD>, se incluye el <TITLE>, para dar un

título al documento.

• Para cerrar una sección, se coloca la etiqueta con un /
después de la primera llave (</HEAD>, </BODY>, etc).

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

Estructura mínima de una página HTML

• <HTML>

<HEAD>

<TITLE>

Título de la Página …
Título de la Página …

</TITLE>

</HEAD>
<BODY>

Cuerpo de la página …

</BODY>

</HTML>

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

Etiquetas HTML

• <P> se utiliza para separar párrafos.

• <ADDRESS> empleada para indicar que un texto representa una
dirección o una firma. Generalmente se activa en cursiva y suele
estar tabulado.

• <BLOCKQUOTE> Se suele representar con tabulaciones a la
• <BLOCKQUOTE> Se suele representar con tabulaciones a la

izquierda y derecha y en cursiva. En sistemas que no permiten
representar en cursiva se puede emplear algún tipo de símbolo al
principio de las líneas.

• <BR> Este elemento solo tiene marca inicial e indica un salto de

línea.

• <HR> Solo tiene marca inicial y se emplea para representar una

línea horizontal.

>> Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 <<

Etiquetas HTML (continuación)

• HyperREFerences (links):

<A HREF="url_de_destino"> zona_activable</A>

• Tablas:

<TABLE CELLPADDING=10 CELLSPACING=6 BORDER=6
BORDER>
<TR><TD>A</TD>
<TR><TD>A</TD>
<TD>B</TD>
<TD>B</TD>
</TR>
<TR><TD>C</TD>
<TD>D<