trabajo progromacioniii
Post on 31-Oct-2015
7 Views
Preview:
TRANSCRIPT
-
PROGRMACION IIII 3
SERVIDORES WEB
Ao de la Integracin Nacional y el Reconocimiento de Nuestra
Diversidad
UNIVERSIDAD NACIONAL
SANTIAGO ANTNEZ DE MAYOLO
FACULTAD DE CIENCIAS
ESCUELA DE SISTEMAS E INFORMTICA
Tema:
Configuracin de servidores web y documentos HTML.
Profesor:
Ing. REVILLA CANCAN, Walter.
Integrantes:
PERNIA OSTOS, Melyna Bisley.
CASTILLO COLLAS, Emely Eumely.
CASTILLEJO PEA, Horacio Homero.
SERAFIN CASTRO, Carlos Alberto.
HUARAZ ANCASH PER
2013
-
PROGRMACION IIII 4
SERVIDORES WEB
Dedicatoria
El presente trabajo va dedicado a nuestros padres, que gracias a
Dios contamos con su apoyo y a nuestro profesor por compartir
sus conocimientos.
-
PROGRMACION IIII 5
SERVIDORES WEB
Indice
Dedicatoria .................................................................................................................................................. 4
Indice .......................................................................................................................................................... 5
1. Servidores Web ................................................................................................................................... 6
1.1. Concepto de Servidores Web ......................................................................................................... 6
1.2. Qu es un servidor Web? ............................................................................................................. 6
1.3. Funcionamiento de un servidor web ................................................................................................ 8
1.4. Qu son los servidores web y por qu son necesarios? .................................................................. 9
1.5. Tipos de Servidores Web ............................................................................................................. 10
2. HTML ................................................................................................................................................. 12
2.1. Qu es el HTML? ...................................................................................................................... 12
2.2. Orgenes del HTML ..................................................................................................................... 12
2.3. Marcado HTML ........................................................................................................................... 14
2.3.1. Elementos ......................................................................................................................... 14
2.3.2. Atributos ........................................................................................................................... 15
2.4. Cdigos HTML bsicos ................................................................................................................ 15
2.5. Creacin de pginas web con lenguaje HTML ................................................................................ 17
3. Ejemplos de Html: ............................................................................................................................ 23
Bibliografa ................................................................................................................................................ 39
-
PROGRMACION IIII 6
SERVIDORES WEB
1. Servidores Web
1.1. Concepto de Servidores Web
Los servidores web son aquellos cuya tarea es alojar sitios y/o aplicaciones, las cuales son
accedidas por los clientes utilizando un navegador que se comunica con el servidor utilizando
el protocolo HTTP (hypertext markup language).
Bsicamente un servidor WEB consta de un intrprete HTTP el cual se mantiene a la espera
de peticiones de clientes y le responde con el contenido segn sea solicitado. El cliente, una
vez recibido el cdigo, lo interpreta y lo exhibe en pantalla.
Adems los servidores pueden disponer de un intrprete de otros lenguajes de programacin
que ejecutan cdigo embebido dentro del cdigo HTML de las pginas que contiene el sitio
antes de enviar el resultado al cliente. Esto se conoce como programacin de lado del servidor
y utiliza lenguajes como ASP, PHP, Perl y Ajax. Las ventajas de utilizar estos lenguajes radica
en la potencia de los mismos ejecutando tareas ms complejas como, por ejemplo acceder a
bases de datos abstrayendo al cliente de toda la operacin.
Fig1: Diagrama representativo de un servidor web
1.2. Qu es un servidor Web?
Un servidor Web es el corazn de Internet, entre otros importantes dispositivos. Todo
ordenador tiene un servidor o mquina dedicada, la cual est conectada a Internet para
-
PROGRMACION IIII 7
SERVIDORES WEB
dar disponibilidad a sitios Web, cuando son solicitadas por usuarios de la red. Este
ordenador o mquina, es conocida como servidor Web. Este equipo acepta las peticiones
http del navegador Web del usuario, y entrega las pginas Web que podemos ver, las
cuales suelen ser pginas HTML y objetos enlazados, imgenes, ficheros, etc. En otras
palabras, cuando alguien quiere ver una pgina Web en cuestin pinchando un enlace, el
ordenador donde lanza una peticin al servidor Web donde dicha pgina est alojada. El
PC de nuestra casa puede perfectamente ser un servidor Web, siempre que est
conectado a Internet. Sin embargo, existen varias diferencias entre tener un servidor
contratado en una compaa y tener un servidor local. Tener alojadas las pginas alojadas
en un servidor local, significa que uno mismo debe gestionar todos los niveles tcnicos,
tanto de acceso como de conexin a la red, y comprobar que todo funciona
adecuadamente.
Fig2: PC como servidores
Pagar una cantidad de dinero a una compaa de alojamiento Web, es la forma ms sencilla
de tener una pgina Web. Normalmente, estas empresas disponen de grandes servidores Web
de alto rendimiento que sirven miles de pginas, teniendo conexiones de un gran ancho de
banda para acceder rpidamente y sin retrasos.
En Internet, un servidor es un ordenador remoto que provee los datos solicitados por
parte de los navegadores de otras computadoras.
En redes locales se entiende como el software que configura un PC como servidor
para facilitar el acceso a la red y sus recursos.
-
PROGRMACION IIII 8
SERVIDORES WEB
Los Servidores almacenan informacin en forma de pginas web y a travs del
protocolo HTTP lo entregan a peticin de los clientes (navegadores web) en formato
HTML.
1.3. Funcionamiento de un servidor web
Un servidor web es un programa que sirve para atender y responder a las diferentes
peticiones de los navegadores, proporcionando los recursos que soliciten usando el
protocolo HTTP o el protocolo HTTPS (la versin cifrada y autenticada). Un servidor web
bsico cuenta con un esquema de funcionamiento muy simple, basado en ejecutar
infinitamente el siguiente bucle:
1. Espera peticiones en el puerto TCP indicado (el estndar por defecto para HTTP
es el 80).
2. Recibe una peticin.
3. Busca el recurso.
4. Enva el recurso utilizando la misma conexin por la que recibi peticin.
5. Vuelve al segundo punto.
Fig3: Funciones de Servidor Web
Cuando un cliente realiza una peticin a un servidor pidindole una pgina web, el servidor
busca en su repositorio la pgina solicitada y se la devuelve al cliente.
Estas pginas son HMTL con cdigo CSS y JavaScript y que se ejecutan en el cliente.
Pueden tener PHP, ASP o JSP si son pginas web dinmicas.
-
PROGRMACION IIII 9
SERVIDORES WEB
1.4. Qu son los servidores web y por qu son necesarios?
La industria del servicio web hosting se hace muy compleja para la mayora de los
webmasters, especialmente para aquellos que no estn familiarizados con trminos
cruciales. Uno de los conceptos ms bsicos en Web hosting es el de servidor. Los
servidores web son los que hacen posible el Web hosting, es decir, la posibilidad de
alquilar un espacio en un servidor para alojar nuestro sitio.
El rol fundamental de un Servidor Web
La principal funcin de un servidor Web es almacenar los archivos de un sitio y
emitirlos por Internet para poder ser visitado por los usuarios. Bsicamente, un
servidor Web es una gran computadora que guarda y transmite datos va Internet.
Cuando un usuario entra en una pgina de Internet su navegador se
comunica con el servidor enviando y recibiendo datos que determinan qu es lo
que ve en la pantalla. Por eso decimos que los servidores Web estn para
almacenar y transmitir datos de un sitio segn lo que pida el navegador de un
visitante.
Cmo funcionan los Servidores
Cada servidor Web y cada computadora conectada a Internet tienen asignado una
direccin de IP irrepetible que lo identifica en la red incluyendo la PC que tienes
en tu casa. La direccin de IP vendra a ser como los datos del remitente en una
carta postal. Cuando llegas a un sitio Web, se enva un pedido desde tu direccin
de IP hacia la direccin IP del servidor. El servidor Web responde mandando datos
a la direccin IP que los pide. Esto es lo que pasa cada vez que estamos
navegando un sitio en Internet.
Ms del 90% de los sitios en Internet utilizan un servidor alquilado a travs de una
empresa de Web hosting.
La capacidad de un servidor depende del tipo de servidor que sea y de los
componentes que lo conforman.
Por qu los servidores son necesarios?
-
PROGRMACION IIII 10
SERVIDORES WEB
Sin los servidores Web la Internet tal como la conocemos, no existira. Los
servidores son como la columna vertebral de la estructura de Internet. La industria
del Web hosting es simplemente la forma de alquilar esos espacios de memoria y
administracin de datos.
Sin este sistema de leasing la Internet sera slo una pequea parte de lo que es
hoy por hoy, ya que sera imposible para la mayora de los dueos de sitios Web
comprar un servidor para uso propio. Pensmoslo as, los servidores Web son la
vitrina que permite a las personas publicar sus sitios en la red mundial que es
Internet.
1.5. Tipos de Servidores Web
Apache:
Este es el ms comn y ms utilizado en todo el mundo. Adems, es gratuito y de
cdigo abierto, as que podramos decir que corre sobre cualquier plataforma.
Apache es el servidor web hecho por excelencia, su configurabilidad, robustez y
estabilidad hacen que cada vez millones de servidores reiteren su confianza en este
programa.
Apache es una muestra, al igual que el sistema operativo Linux (un Unix desarrollado
inicialmente para PC), de que el trabajo voluntario y cooperativo dentro de Internet
es capaz de producir aplicaciones de calidad profesional difciles de igualar.
La licencia Apache es una descendiente de la licencias BSD, no es GPL. Esta
licencia te permite hacer lo que quieras con el cdigo fuente (incluso forks y
productos propietarios) siempre que les reconozcas su trabajo.
Ahora te preguntars porqu esa popularidad de este software libre grandemente
reconocido en muchos mbitos empresariales y tecnolgicos, pues aqu algunas
razones:
Corre en una multitud de Sistemas Operativos, lo que lo hace prcticamente
universal.
Apache es una tecnologa gratuita de cdigo fuente abierta. El hecho de ser
gratuita es importante pero no tanto como que se trate de cdigo fuente abierto.
-
PROGRMACION IIII 11
SERVIDORES WEB
Apache es un servidor altamente configurable de diseo modular. Es muy sencillo
ampliar las capacidades del servidor Web Apache. Actualmente existen muchos
mdulos para Apache que son adaptables a este, y estn ah para que los
instalemos cuando los necesitemos. Otra cosa importante es que cualquiera que
posea una experiencia decente en la programacin de C o Perl puede escribir un
mdulo para realizar una funcin determinada.
Apache trabaja con gran cantidad de Perl, PHP y otros lenguajes de script. Perl
destaca en el mundo del script y Apache utiliza su parte del pastel de Perl tanto
con soporte CGI como con soporte mod perl. Tambin trabaja con Java y pginas
jsp. Teniendo todo el soporte que se necesita para tener pginas dinmicas.
Apache te permite personalizar la respuesta ante los posibles errores que se
puedan dar en el servidor. Es posible configurar Apache para que ejecute un
determinado script cuando ocurra un error en concreto.
Tiene una alta configurabilidad en la creacin y gestin de logs. Apache permite
la creacin de ficheros de log a medida del administrador, de este modo puedes
tener un mayor control sobre lo que sucede en tu servidor.
Microsoft IIS:
Slo funciona sobre sistemas Windows, como ya habris imaginado.
Si quieres empalarlo sobre otro sistema, tendrs que utilizar una mquina virtual.
Sun Java System Web Server:
Este producto pertenece a la casa Sun, y suele empalarse sobre entorno de este
sistema.
Sin embargo, como Apache, es multiplataforma, y recientemente Sun ha decidido
distribuirlo con licencias de cdigo abierto (BSD concretamente).
Ngnix:
Este es un servidor Web muy ligero y corre sobre sistemas Unix y Windows.
Se ha convertido en el 4 servidor HTTP ms popular de la red y tambin se distribuye
bajo licencia BSD.
Lighttp:
Este servidor Web es otro de los ms ligeros que hay en el mercado. Est
especialmente pensado para hacer cargas pesadas sin perder balance, utilizando
-
PROGRMACION IIII 12
SERVIDORES WEB
poca RAM y poca de CPU. Algunas pginas populares que lo usan son Youtube,
Wikipedia y otras que soportan gran trfico diariamente. Tambin es gratuito y se
distribuye bajo licencia BSD.
2. HTML
2.1. Qu es el HTML?
El HTML, Hyper Text Markup Language (Lenguaje de marcacin de Hipertexto) es el lenguaje de
marcas de texto utilizado normalmente en la www (World Wide Web).
El concepto de Hipertexto (Conocido tambin como link o ancla) el cual permite conectar dos
elementos entre si y el SGML (Lenguaje Estndar de Marcacin General) el cual sirve para
colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente
un lenguaje de programacin como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML
no presenta ningn compilador, por lo tanto algn error de sintaxis que se presente ste no lo
detectar y se visualizara en la forma como ste lo entienda.
El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los
sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office
(Word). El conjunto de etiquetas que se creen, se deben guardar con la extensin .htm o .html.
2.2. Orgenes del HTML
1986: Publicacin de la ISO 8879 que presenta el Standard General Markup Language,
origen del HTML.
1989: Tim Berners-Lee, a la sazn en el Centro Europeo de Investigaciones Nucleares
presenta su artculo Information Management: A Proposal dedicndose de lleno al desarrollo
de un sistema que permitiera el acceso en lnea de manera uniforme a la informacin
disponible en muchos recursos distintos, y que pudiese funcionar en mquinas que
conectadas por redes basadas en TCP/IP.
1990-1991: Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard
Generalized Markup Language), que ms tarde se llamar nivel 0; soporta encabezados,
listas y anclas. Se crea el nombre World Wide Web.
-
PROGRMACION IIII 13
SERVIDORES WEB
1991: Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo
texto y slo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la
apertura del primer sitio con acceso pblico de World Wide Web el 17 de mayo.
1992: Dan Connolly produce la primera Definicin de Tipo de Documento (DTD) para el
lenguaje, llamada HTML 1.0, agregando a la definicin original atributos para modificar el
estilo fsico del texto. Se distribuye Viola, primer visor grfico de Web y disponible slo para
X.11.
1993: Un nuevo visor que soporta un mayor nivel, Lynx, es producido por la Universidad de
Kansas, si bien lee slo texto. Aparece Mosaic, desarrollado por el Centro Nacional para
Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno grfico que se
hace disponible para computadoras personales, lo que lo hace inmediatamente popular. A
fines de ao, comienzan a aparecer los primeros artculos sobre WWW en diarios y revistas
de circulacin masiva. Tim Berners-Lee utiliza el trabajo del ao anterior de Connolly para
presentar el borrador de la primera norma (RFC -Recommendation for Comments) de HTML
para Internet.
1994: La Universidad Tcnica de Graz desarrolla un servidor y clientes con mayores
prestaciones para HTML, Hyper-G, que no tiene gran xito. Cello, primer visor de HTML que
no requiere TCP/IP presentado por la Escuela de Leyes de la Universidad de Cornell. Dan
Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que ahora soporta
formularios. Un grupo de programadores que desarrollaran el Mosaic producen un nuevo
visor de World Wide Web, Netscape (tambin conocido como Mozilla), que tiene una amplia
aceptacin entre los usuarios, pero que soporta elementos de programacin que equivalen
a una degeneracin del HTML (tamaos de letra, fondos). Se define un equivalente para los
modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling Language), que
permite moverse dentro de los ambientes definidos. En este mismo ao se realizan la
Primera y Segunda conferencias internacionales de WWW, en Ginebra y Chicago,
respectivamente. Se crea la W3 Organization.
1995: Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa del
nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de tablas.
Microsoft produce su primer visor de Internet, el cual tambin utiliza elementos de HTML
degenerados. Una nueva versin de Netscape, Navigator 2.0, agrega soporte de encuadres.
Sun Microsystems produce el primer visor de World Wide Web con soporte de un lenguaje
de programacin, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de
-
PROGRMACION IIII 14
SERVIDORES WEB
WWW, en Boston y Darmstadt respectivamente, y la conferencia de WWW para Asia y el
Pacfico en Wagga-Wagga.
1996: Netscape Communications y Microsoft presentan las nuevas versiones de sus visores
que soportan gran parte del nivel de HTML 3.0. Aparecen visores no comerciales que
implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la
modelacin en tres dimensiones, VRML 3.0, que permite interactuar con los objetos
definidos. Se celebra la Quinta conferencia internacional de WWW en Rocquencourt.
1997: D. Raggett presenta, en enero, la versin normalizada del 3.2. En julio, aparece la
versin 4.0, experimental.
1998: HTML 4.0.
2.3. Marcado HTML
HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos, tipos de
data y la declaracin de tipo de documento.
2.3.1. Elementos
Los elementos son la estructura bsica de HTML. Los elementos tienen dos propiedades
bsicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para
que se considere vlido al documento HTML. Un elemento generalmente tiene una
etiqueta de inicio (por ejemplo, ) y una etiqueta de cierre (por
ejemplo, ). Los atributos del elemento estn contenidos en la
etiqueta de inicio y el contenido est ubicado entre las dos etiquetas (por ejemplo,
Contenido).
Algunos elementos, tales como , no tienen contenido ni llevan una etiqueta de cierre.
El marcado estructural describe el propsito del texto. Por ejemplo, Golf
establece Golf como un encabezamiento de segundo nivel, el cual se mostrara en un
navegador de una manera similar al ttulo Marcado HTML al principio de esta seccin.
El marcado estructural no define cmo se ver el elemento, pero la mayora de los
navegadores web han estandarizado el formato de los elementos. Puede aplicarse un
formato especfico al texto por medio de hojas de estilo en cascada.El marcado
presentacional describe la apariencia del texto, sin importar su funcin.
-
PROGRMACION IIII 15
SERVIDORES WEB
El marcado hipertextual se utiliza para enlazar partes del documento con otros
documentos o con otras partes del mismo documento. Para crear un enlace es necesario
utilizar la etiqueta de ancla junto con el atributo href, que establecer la direccin URL
a la que apunta el enlace.
2.3.2. Atributos
La mayora de los atributos de un elemento son pares nombre-valor, separados por un
signo de igual = y escritos en la etiqueta de comienzo de un elemento, despus del
nombre de ste. El valor puede estar rodeado por comillas dobles o simples, aunque
ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML). De todas
maneras, dejar los valores sin comillas es considerado poco seguro. En contraste con los
pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por
su presencia (tal como el atributo ismap para el elemento img).
2.4. Cdigos HTML bsicos
: define el inicio del documento HTML, le indica al navegador que lo que viene a
continuacin debe ser interpretado como cdigo HTML. Esto es as de facto, ya que en
teora lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo
tras DOCTYPE el tag de raz.
: incrusta un script en una web, o llama a uno mediante src="url del script". Se
recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript.
: define la cabecera del documento HTML; esta cabecera suele contener
informacin sobre el documento que no se muestra directamente al usuario como, por
ejemplo, el ttulo de la ventana del navegador. Dentro de la cabecera es posible
encontrar:
: define el ttulo de la pgina. Por lo general, el ttulo aparece en la barra de ttulo
encima de la ventana.
: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:.
: para colocar el estilo interno de la pgina; ya sea usando CSS u otros lenguajes
similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la
etiqueta .
-
PROGRMACION IIII 16
SERVIDORES WEB
: para metadatos como la autora o la licencia, incluso para indicar parmetros http
(mediante http-equiv="") cuando no se pueden modificar por no estar disponible la
configuracin o por dificultades con server-side scripting.
: define el contenido principal o cuerpo del documento. Esta es la parte del
documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse
propiedades comunes a toda la pgina, como color de fondo y mrgenes. Dentro del
cuerpo es posible encontrar numerosas etiquetas. A continuacin se indican
algunas a modo de ejemplo:
a : encabezados o ttulos del documento con diferente relevancia.
: define una tabla.
: fila de una tabla.
: celda de una tabla (debe estar dentro de una fila).
: hipervnculo o enlace, dentro o fuera del sitio web. Debe definirse el parmetro de
pasada por medio del atributo href. Por ejemplo: Wikipedia se representa como
Wikipedia).
: divisin de la pgina. Se recomienda, junto con css, en vez de cuando se
desea alinear contenido.
: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la
imagen. Por ejemplo: . Es conveniente, por
accesibilidad, poner un atributo alt="texto alternativo".
: etiquetas para listas.
: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta ).
: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta ).
: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta ).
: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o
destacadas del resto, para indicar correcciones por ejemplo. (etiqueta desaprobada en
HTML 4.01 y redefinida en HTML 5)
La mayora de etiquetas deben cerrarse como se abren, pero con una barra (/) tal como se
muestra en los siguientes ejemplos:
Contenido de una celda.
Cdigo de un [[script]] integrado en la pgina.
-
PROGRMACION IIII 17
SERVIDORES WEB
2.5. Creacin de pginas web con lenguaje HTML
Para crear una pgina web se pueden utilizar varios programas especializados en esto, como por
ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver. Otra forma de disear un archivo
.html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con
un requisito mnimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este
lenguaje. A continuacin les mostraremos las etiquetas ms comunes que deben aprenderse para
hacer una pgina Web.
Estructura de los documentos de HTML:
Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien
escritos comparten una estructura en comn. Un documento de HTML empieza con la
etiqueta , que es la que encerrar el documento actual. Contiene dos secciones
primordiales: la cabecera y el cuerpo encerrados respectivamente por los elementos
cabeza y cuerpo. La cabecera puede contener informacin y siempre contiene el
ttulo del documento encerrado por el elemento .
En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imgenes, sonidos,
hipervnculos, etc. Un documento escrito en HTML contiene las siguientes etiquetas en el
siguiente orden:
Ejemplo: Ttulo de mi pgina de Internet Primera pgina
Etiquetas de prrafo
Para esto se utiliza la etiqueta y . Este comando es muy til debido a que si uno
escribe algo (en el editor que se est utilizando) por mucho espacio que uno le de siempre al
texto, siempre va a aparecer en la misma lnea. Para alinear un prrafo se utiliza el comando
y , utilizado dentro de la etiqueta . Se puede alinear de tres formas
diferentes:
-
PROGRMACION IIII 18
SERVIDORES WEB
Prrafo... Alinea a la izquierda.
Prrafo... Realiza un centrado.
Prrafo... Alinea a la derecha.
Etiquetas para darle formato al texto
Para el tamao y tipo de letra se usa la etiqueta y , que posee tres atributos:
tamao (Size), Tipo de letra o fuente (face) y color
Formato:
y Sirve para colocar un texto en Negrita.
y < /U> Sirve para subrayar un texto
y Sirve para tachar un texto.
y Cumple la misma funcin que
y Para colocar un texto en cursiva.
texto con nfasis texto con nfasis
citacin citacin
definicin definicin
teclado teclado
ejemplo ejemplo
SIZE: Regula el tamao de los caracteres.
Color
Regula el color de los caracteres. En principio existen dos posibilidades para definir
los colores en HTML:
1. Mediante la especificacin de los valores RGB del color deseado en forma
hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul).
2. Mediante la especificacin del nombre del color en ingles
Si nos decidimos a trabajar con valores hexadecimales, entonces tenemos la libertad
de utilizar 16,7 millones de colores. De esta manera trabajamos independientemente
de los navegadores Web.
-
PROGRMACION IIII 19
SERVIDORES WEB
Si especificamos el nombre del color, podemos evitar la definicin del color en forma
hexadecimal que es un poco ms difcil. Actualmente estn estandarizados tan slo 16
colores. Existen colores adicionales los cuales son dependientes de los navegadores
Web. Primero que todo debe escribir un smbolo #. A continuacin siguen las 6 cifras
para la definicin del color. Las primeras 2 cifras definen el valor rojo, las siguientes 2
el valor verde y las 2 ltimas el valor azul.
Para ponerle color de fondo a la pgina escribir: con
el cual obtendremos un color de fondo gris oscuro.
Ejemplo:
Con esto lograremos que la imagen fondo.gif aparezca como fondo en nuestra pgina.
Etiquetas META
Son usadas para poner meta-informacin del documento. Esta "directiva" indica al visor de
Internet las palabras clave y contenido de nuestra pgina Web. Muchos de los buscadores
de pginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para
incluir la pgina en sus bases de datos.
Ejemplo:
Indica al visor el nombre
de la pgina y sus contenidos principales.
Indica el nombre de la persona que elabora la pgina WEB
Indica al visor las palabras clave para los buscadores de Internet.
Para hacer listas
Las listas se definen de forma muy sencilla, se dice dnde empieza la lista, dnde empieza
cada punto y dnde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer
al principio de lnea, o al menos sin texto por delante (slo espacios o tabulaciones).
-
PROGRMACION IIII 20
SERVIDORES WEB
Las listas pueden ser: Lista desordenada, (Unordered List). Lista ordenada,
(Ordered List).
Lista con nmeros romanos:
Manzana Zanahoria Lechuga Tomate
I. Manzana II. Zanahoria III. Lechuga IV. Tomate
Lista numerada:
Manzana Zanahoria Lechuga Tomate
1. Manzana 2. Zanahoria 3. Lechuga 4. Tomate
Lista con puntos:
Manzana Zanahoria Lechuga Tomate Manzana Zanahoria Lechuga Tomate
Lista con crculos:
-
PROGRMACION IIII 21
SERVIDORES WEB
Manzana Zanahoria Lechuga Tomate Manzana Zanahoria Lechuga Tomate
Lista con cuadrados:
Manzana Zanahoria Lechuga Tomate
Manzana
Zanahoria
Lechuga
Tomate
Como insertar una imagen
A la hora de crear una pgina Web podemos introducir grficos de forma muy sencilla, slo
hay que tener en cuenta que las imgenes deben tener formato Gif o JPEG. La etiqueta
utilizada para agregar imgenes a una pgina Web es y va acompaada de un atributo
fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene la imagen
a insertar, es decir: Supongamos que tenemos
la imagen imagen.gif, que est presente en el mismo directorio en donde est la pgina y que
la queremos insertar.
La etiqueta apropiada sera:
Para poner la imagen en la izquierda escribir:
A la derecha:
Y si se quiere poner la imagen en el centro:
Hiperenlaces, Hyperlinks, Anclas o Links
-
PROGRMACION IIII 22
SERVIDORES WEB
Para definir un enlace es necesario marcar con la etiqueta el objeto del cual va a partir
dicho enlace. Dicha directiva debe incluir el parmetro href="URL" para especificar el destino
del enlace. Es decir, que antes del objeto elegido debemos abrir con , y
despus cerrar con . Por ejemplo, si queremos que el texto "pulse aqu para visitar la
NASA" nos conduzca a la "home page" de la NASA, debemos escribir en nuestro texto HTML:
Pulse aqu para visitar a la NASA
Que se vera de esta forma: Pulse aqu para visitar a la NASA Si queremos que el texto "Foto"
nos lleve a una imagen tenemos que escribir: Foto entonces al
hacer clic en el texto Foto nos abrir la imagen.gif.
Tambin se puede ir a otro enlace por medio de una imagen. Lo nico que se debe hacer es
cambiar el texto por una imagen:
Con esto tendremos por resultado que cuando se pase el puntero del mouse por arriba del
Logo.jpg (que podra ser el logo del Altavista) y se convierta en una "manito", al hacer clic nos
enve al buscador Altavista. Si se quiere hacer un link para que nos manden un e-mail se
debe hacer de la siguiente manera:
Mndame un e-mail Entonces cuando se
haga clic sobre esta palabra Mndame un e-mail se abrir (por defecto) el Microsoft Outlook
Express con la direccin del destinatario ya escrita.
Caracteres especiales
Existe una razn evidente que impide que podamos escribir ciertos smbolos directamente en
un texto HTML, como por ejemplo el
-
PROGRMACION IIII 23
SERVIDORES WEB
3. Ejemplos de Html:
3.1. Ejemplos usando etiquetas con html
Ejemplo 1:
Creamos un proyecto nuevo en Netbeans de tipo Java Web Web Aplicacin de nombre
MiPrimeraWeb. El servidor web que estamos trabajando es GlassFish.
Aparece la plantilla para empezar a crear la pagina index de la aplicacin la cual es del tipo jsp
que se puede cambiar la extencion jsp por html.
En el explorador se muestra de la siguiente manera:
-
PROGRMACION IIII 24
SERVIDORES WEB
1. En index.html se ha creado etiquetas de tipo que definen hipervnculos o enlaces
de tipo:
Enlaces locales: los que se dirigen a otras pginas del mismo sitio web.
Imagenes
Listas
Tablas
Formularios
Enlaces remotos: los dirigidos hacia pginas de otros sitios web.
hotmail.com
Enlaces con archivos: para que los usuarios puedan hacer download de ficheros.
Descarga Ayuda.rar
Descarga el PDF
2. En Laptop.html se ha creado las etiquetas
y para insertar
imgenes .
-
PROGRMACION IIII 25
SERVIDORES WEB
En el explorador
-
PROGRMACION IIII 26
SERVIDORES WEB
3. En Listas.html se ha creado las etiquetas :
definen listas.
Son delimitadas por las etiquetas y (unordered list). Cada uno de los elementos de la
lista es citado por medio de una etiqueta
En el explorador se muestra as:
-
PROGRMACION IIII 27
SERVIDORES WEB
4.-En Tablas.html se ha creado las etiquetas:
que definen tablas.
Dentro de estas dos etiquetas colocaremos todas las otras etiquetas, textos e imgenes que
darn forma y contenido a la tabla.
Las tablas son descritas por lneas de izquierda a derecha. Cada una de estas lneas es definida
por otra etiqueta y su cierre: y Asimismo, dentro de cada lnea, habr diferentes celdas.
Cada una de estas celdas ser definida por otro par de etiquetas: y . Dentro de estas
etiquetas ser donde coloquemos nuestro contenido.
Aqu un ejemplo de estructura de tabla:
-
PROGRMACION IIII 28
SERVIDORES WEB
En el Explorador:
-
PROGRMACION IIII 29
SERVIDORES WEB
5.-Formularios.html:
Los formularios son definidos por medio de las etiquetas y . Entre estas dos
etiquetas colocaremos todos los campos y botones que componen el formulario.
En el explorador:
-
PROGRMACION IIII 30
SERVIDORES WEB
Ejemplo 2:
Una aplicacin sencilla de Pizzera .A continuacin se muestra el cdigo HTML y en el navegador.
-
PROGRMACION IIII 31
SERVIDORES WEB
3.2. Ejemplos de aplicacin usando php, html y xampp
Usando la siguiente base de datos
-
PROGRMACION IIII 32
SERVIDORES WEB
Ejemplo1:
Cdigo para la conexin
Cdigo index.php
-
PROGRMACION IIII 33
SERVIDORES WEB
Ejecutando con el Xampp (Me muestra la lista de la tabla empleado)
Ejemplo 2:
Cdigo index.php
-
PROGRMACION IIII 34
SERVIDORES WEB
Ejecutando con el Xampp(Me va mostrar los empleados de sexo Masculino)
Ejemplo 3:
Cdigo index.php
-
PROGRMACION IIII 35
SERVIDORES WEB
Ejecutando con el Xampp(Me va mostrar los empleados de sexo Femenino)
Ejemplo 4:
Cdigo index.php
-
PROGRMACION IIII 36
SERVIDORES WEB
Ejecutando con el Xampp(Me va la auditoria de la tabla empleado)
Ejemplo 5:
Cdigo index.php
Cdigo para buscar resultado
-
PROGRMACION IIII 37
SERVIDORES WEB
Ejecutando con el Xampp(diseo del cdigo para buscar al empleado)
Ejecutando con el Xampp(Cuando hacemos click en buscar )
-
PROGRMACION IIII 38
SERVIDORES WEB
CONCLUSIN
Sin HTML no existira el Internet que hoy conocemos, si no se hubiera inventado, seguiramos con el
aburrido FTP (Protocolo de Transferencia de Ficheros) mandndonos o bajando archivos que a veces ni
sabamos lo que eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una pgina llena
de colores y botones por la cual se puede navegar se puede tener acceso a bastante informacin y
archivos.
El lenguaje de HTML abri una puerta al mundo permitindoles a las personas expresar sus ideas por
medio de pginas y mostrrselas a todas las personas de todos los pases.
Con el HTML se logr un gran movimiento econmico ya que muchsimas empresas publican, venden, y
ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. Tambin
gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, Altavista,
HotMail, Terra, Yupi, Mercadolibre, De Remate, etc. Infinitas son las posibilidades que te brindan las
pginas WEB ya que no solo te dan la posibilidad de pasar el tiempo navegando, sino que tambin hasta
se puede comprar un auto por Internet, solo basta con llenar un formulario con los datos personales y el
nmero de tarjeta de crdito y en ocho das lo tenemos en nuestra casa.
Todo el universo de Internet se lo debemos al HTML, ya que todas las pginas con las que se compone la
World Wide Web estn hechas con el lenguaje de programacin HTML.
-
PROGRMACION IIII 39
SERVIDORES WEB
Bibliografa
http://www.monografias.com/trabajos75/servidores-web/servidores-web.shtml.
http://www.ordenadores-y-portatiles.com/servidor-web.html.
http://filmivyflashweb.blogspot.com/2010/11/funcionamiento-de-un-servidor-web.html
http://www.duplika.com/blog/que-son-los-servidores-web-y-por-que-son-necesarios
top related