CATEDRTICO:
ING. JOS LUIS ROVIRA BALAN
MATERIA:
PROGRAMACION WEB
TRABAJO:
UNIDAD 1: ARQUITECTURA
UNIDAD 2: LENGUAJE DE MARCADO
PRESENTA:
YESICA GARCA GARCA
NDICE
UNIDAD 1:
ARQUITECTURA
INTRODUCCION------------------------------------------------3
1
UNIDAD 2:
LENGUAJE DE MARCADO
2.1. Introduccin.-----------------------------------------16
2.2. Representacin de documentos.-------------------------17
2.3. Tipos de datos bsicos.-------------------------------18
2.4. Estructura global de un documento.--------------------28
2.5.
Elementos
bsicos:
texto,
vnculos,
listas,
tablas,
objetos,
imgenes
aplicaciones.--------------------------30
2.6. Estructura y disposicin.-----------------------------42
2.7. Formularios.------------------------------------------46
Aplicacin en el desarrollo de su proyecto por equipo------47
CONCLUSIN-------------------------------------------------48
INTRODUCCIN
La programacin Web, parte de las siglas WWW, que significan World Wide Web o telaraa
mundial. Para realizar una pagina con la programacin Web, se deben tener claros, tres
conceptos fundamentales los cuales son, el URL (Uniform Resource Locators), es un sistema
con el cual se localiza un recurso dentro de la red, este recurso puede ser una pagina web,
un servicio o cualquier otra cosa. En resumen el URL no es ms que un nombre, que
identifica una computadora, dentro de esa computadora un archivo que indica el camino al
recurso que se solicita.
UNIDAD 1 ARQUITECTURA
1.1.
Desde que Internet y la Web fueron creados, una cantidad infinita de posibilidades se han
abierto, quizs, la ms importante y usual sea el acceso de datos e informacin desde
cualquier sitio. Las personas que se dedican al desarrollo de aplicaciones
podran
considerar esto como un desafo, ya que los avances tecnolgicos de estos ltimos aos
exigen aplicaciones ms rpidas, ligeras y robustas que permitan utilizar la Web. Sin lugar a
dudas, internet es una de las ltimas tecnologas que ms rpidamente se est
desarrollando para su introduccin en los hogares. Las previsiones apuntan a su integracin
como un electrodomstico ms, con unas capacidades y servicios que evolucionaran
rpidamente. Por ese motivo, cada vez ms adquieren importancia en las respuestas de los
usuarios frente a la implantacin de estas nuevas tecnologas.
ARPANET sigui creciendo y abrindose al mundo, y cualquier persona con fines acadmicos
o de investigacin poda tener acceso a la red.
Las funciones militares se desligaron de ARPANET y fueron a parar a MILNET, una nueva red
creada por los Estados Unidos.
La National Science Fundation crea su propia red informtica llamada NSFNET, que ms
tarde absorbe aARPANET, creando as una gran red con propsitos cientficos y acadmicos.
El desarrollo de las redes fue abismal, y se crean nuevas redes de libre acceso que ms tarde
se unen aNSFNET, formando el embrin de lo que hoy conocemos como INTERNET.
1. En 1985 la Internet ya era una tecnologa establecida, aunque conocida por unos pocos.
2. El autor William Gibson hizo una revelacin: el trmino "ciberespacio".
3. En ese tiempo la red era bsicamente textual, as que el autor se bas en los videojuegos.
Con el tiempo la palabra "ciberespacio" termin por ser sinnimo de Internet.
4. En el Centro Europeo de Investigaciones Nucleares (CERN), Tim Berners Lee diriga la
bsqueda de un sistema de almacenamiento y recuperacin de datos. Berners Lee
retom
la
idea
de Ted
Nelson (un
proyecto
llamado "Xanad) de
usar
hipervnculos. Robert Caillau quien cooper con el proyecto, cuanta que en 1990 deciden
ponerle un nombre al sistema y lo llamarn World Wide Web (WWW) o telaraa mundial.
5. A partir de entonces Internet comenz a crecer ms rpido que otro medio de
comunicacin, convirtindose en lo que hoy todos conocemos.
Algunos de los servicios disponibles en Internet aparte de la WEB son el acceso remoto a
otras mquinas (SSH y telnet), transferencia de archivos(FTP), correo electrnico(SMTP),
conversaciones en lnea (IMSN MESSENGER, ICQ, YIM, AOL, jabber), transmisin de archivos
(P2P, P2M, descarga directa), etc. La gran ventaja que presenta la WWW son los hiperenlaces
gracias a los cuales la navegacin y la bsqueda de informacin se convierten en un juego
de nios. Cuando se visualiza un documento WWW, el texto que aparece en la pantalla
contiene palabras en otro color y para resaltar las palabras clave.
La publicacin web o la programacin web
Son trminos adecuados para describir
el diseo y la
creacin de un sitio web. En un principio la web era sencillamente una coleccin de pginas
estticas, documentos, etc., para su consulta o descarga. El paso inmediatamente posterior
en su evolucin fue la inclusin de un mtodo para elaborar pginas dinmicas que
5
permitieran que lo mostrado tuviese carcter dinmico (es decir, generado a partir de los
datos de la peticin). Este mtodo fue conocido como CGI ("Common Gateway Interface") y
defina un mecanismo mediante el que se poda pasar informacin entre el servidor y ciertos
programas externos.
El funcionamiento de los CGIs tena un punto dbil: cada vez que se reciba una peticin, el
servidor deba lanzar un proceso para ejecutar el programa CGI. Como la mayora
de CGIs estaban escritos en lenguajes interpretados, comoPerl o Python, o en lenguajes que
requeran "run-time environment", como Java o VisualBasic, el servidor se vea sometido a
una gran carga. La concurrencia de mltiples accesos al CGI poda comportar problemas
graves.
la tecnologa llamada servlet. Los servlets Java son muy eficientes, debido al esquema de
threads en el que se basan y al uso de una arquitectura estndar como la JVM, Java Virtual
Machine. Otra nueva tecnologa viene a sumarse a las que extienden la funcionalidad de los
servidores Web, llamada Java Server Pages, JSP. Los JSP permiten juntar HTML, aplicaciones
Java, y componentes como las Java Beans creando una pgina Web especial que el servidor
Web compila dinmico.
Descubrimiento
Entrevistas a las partes interesadas (clientes, proveedores, etc.)
Anlisis de la competencia
Estudio de los Perfiles de audiencia o Investigacin de la audiencia/mercado: Perfiles de las
audiencias principales y secundarias o Capacidades y Restricciones de la audiencia: habilidades,
expectacin, necesidades tpicas, requerimientos de navegador/plataforma, etc.
Anlisis
Finalidad ltima del site
Funcionalidades y contenidos necesarios en el producto final
Capacidades internas de la empresa: recursos financieros y recursos de personal (equipo)
Estrategia
Objetivos de negocio: primarios y secundarios
Estrategia de comunicacin: tono y estilo (resumidos en un briefing creativo)
Mtricas de xito
Plan de Marketing
Alcance: decidir qu hacer ahora y qu puede esperar para una segunda fase
Audiencia
Requerimientos o Funcionales/Interactivos o Contenidos o Visuales
Alcance
Mtricas de xito
Marketing
Mantenimiento y soporte posterior
Desarrollo futuro
Equipo y roles
Relacin con el cliente (gestin de la cuenta)
Ciclo de aprobacin
Presupuesto
Timming
2. DISEO ESTRUCTURAL
aroundDefinicin del Contexto
Inventario del contenido existente: textos, imagines, vdeos, incluyendo fuentes que no
Definicin Funcional
Requisitos Funcionales o Planificacin de usuario
Requerimientos de tecnologa o Tecnologas a emplear o Servidor y Hosting o Desarrollo e
integracin de aplicaciones (tanto propias como de terceros) o Integracin de datos (tanto propios
como de terceros) o Relaciones y responsabilidades con proveedores y/o terceros o Plan de
pruebas: proceso de deteccin de errores (bug tracking) y proceso de resolucin de errores (bug
base de datos.
Requisitos de Soporte o Plan de soporte al usuario final o Formacin o contratacin de personal
Arquitectura de la Informacin.
Mapa del Site.
Wireframes: representacin esquemtica de las pginas.
Convenciones de Nombres y Etiquetas (Nomenclaturas).
Autora de Contenidos.
Creacin y edicin de contenidos de acuerdo con la arquitectura de informacin del site y de los
diagramas de las pginas; para reutilizacin de los contenidos es recomendable que se preparen
4. DISEO VISUAL
5. PRODUCCIN
Ingeniera
Instalacin y configuracin del Servidor y del Hosting.
Desarrollo de los datos y/o de la base de datos.
Desarrollo de la aplicacin.
Desarrollo y/o Integracin del sistema de gestin de contenidos (CMS).
Diseo y desarrollo de las pginas y plantillas: HTML, CSS, JavaScript (y/o otros scripts cliente a
nivel de pgina).
Diseo de elementos reutilizables: grficos, navegacin, META tags, etc.
Construccin del Site
Asignacin de contenidos de prueba.
Aplicacin de estilos.
Integracin de datos, aplicaciones u otras funcionalidades.
Almacenamiento en el servidor de desarrollo (para pruebas)
Pruebas de Calidad
Prueba de los contenidos y revisin de los mismos: comprobacin de enlaces, revisin de textos e
imgenes, etc.
Pruebas funcionales: pruebas sobre la aplicacin y sobre elementos interactivos.
Pruebas de integracin.
Pruebas de navegacin.
Planificacin final del proceso de calidad.
Pruebas en los distintos navegadores
Revisin
Revisin por parte de las partes implicadas (clientes, etc.) y aprobaciones finales.
6. Lanzamiento
Puesta en Marcha
Lanzamiento previo con base de datos con pocos usuarios; lanzamiento progresivo con la base de
datos completa.
Marketing sobre el site.
Posicionamiento del site (SEP).
Soporte de usuarios.
Mantenimiento
Puesta del site en manos del equipo de mantenimiento.
10
en
la
industria editorial y
de
la
comunicacin,
as
como
11
documentos que permita su comparacin con las consultas. Es por tanto un proceso
imprescindible para la recuperacin de informacin.
En general podramos equiparar la representacin de documentos al anlisis documental,
aunque con algunos matices. El primero de ellos hace referencia al mbito automatizado en
que tienen lugar estos procesos. Las representaciones que generaremos sern aptas para su
procesamiento por parte de aplicaciones informticas segn diversos modelos. Adems la
representacin de los documentos se hace en torno a criterios temticos, y para ser ms
exactos, en torno a criterios temticos analticos.
En este sentido existen ciertas similitudes con el proceso de indizacin que hacen que
muchos especialistas hablen directamente de un proceso de indizacin automtica para
referirse al conjunto de las operaciones conducentes a la representacin de los documentos.
Nosotros preferimos hablar de representacin de documentos en conjunto y de indizacin
automtica para una de las fases en concreto.
Podemos dividir estas en:
Eleccin y seleccin de unidades de representacin
Creacin del lxico de la coleccin
Indizacin automtica
Que a su vez incorporan fases ms especficas de representacin que detallaremos a
continuacin. Una parte importante de los subprocesos son independientes al modelo de
recuperacin de informacin elegido, aunque otros no. De igual forma algunos subprocesos
son ms adecuados para ciertas tcnicas mientras que otros no lo son. Presentamos una
visin concisa de los procesos ms comunes a continuacin.
El tipo int permite representar nmeros enteros. Los valores que puede tomar un int son
todos los nmeros enteros: ... -3, -2, -1, 0, 1, 2, 3, ...
El nombre int viene del ingls integer, que significa entero.
Todas las operaciones aritmticas y relacionales pueden ser aplicadas sobre valores del
tipo int:
>>> 524 + 891
1415
>>> (1524 // 100) % 10
5
Los nmeros enteros literales se escriben con un signo opcional seguido por una secuencia
de dgitos:
1570
+4591
-12
Ms adelante veremos otras formas de representar enteros literales. Por ejemplo, el nmero
123 puede ser representado de varias maneras:
>>> 0o173
123
>>> 0x7b
123
>>> 0b1111011
123
>>> 123 == 0x7b
True
Por ahora, preocupmonos slo de la forma ms comn 123.
NMEROS REALES
13
El nombre float viene del trmino punto flotante, que es la manera en que el
computador representa internamente los nmeros reales.
Todas las operaciones aritmticas y relacionales pueden ser aplicadas sobre valores del
tipo float.
Hay que tener mucho cuidado, porque los nmeros reales no se pueden representar de
manera exacta en un computador. Por ejemplo, el nmero decimal 0.7 es representado
internamente por el computador con la aproximacin 0.69999999999999996. Todas las
operaciones entre valores float son aproximaciones. Esto puede conducir a resultados algo
sorpresivos:
>>> 1/7 + 1/7 + 1/7 + 1/7 + 1/7 + 1/7 + 1/7
0.9999999999999998
Los nmeros reales literales se escriben separando la parte entera de la decimal con un
punto. Si la parte decimal es cero, puede ser omitida:
>>> 881.9843000
881.9843
>>> -3.14159
-3.14159
>>> 1024.
1024.0
Otra representacin es la notacin cientfica, en la que se escribe un factor y una potencia
de diez separados por una letra e. Por ejemplo:
>>> -2.45E4
-24500.0
>>> 7e-2
0.07
14
>>> 6.02e23
6.02e+23
>>> 9.1094E-31
9.1094e-31
Los
dos
ltimos
valores
del
ejemplo
son
iguales,
respectivamente,
a6.02\times
Los valores lgicos True y False son de tipo bool, que representa valores lgicos.
El nombre bool viene del matemtico George Boole, quien cre un sistema algebraico para la
lgica binaria. Por lo mismo, a True y Falsetambin se les llama valores booleanos. Las
operaciones lgicas and, or y not pueden ser aplicadas sobre valores booleanos, y entregan
como resultado un valor booleano:
>>> not True or (True and False)
False
Las operaciones relacionales <, >, ==, etc., pueden ser aplicadas sobre valores de tipos
comparables, pero siempre entregan como resultado un valor booleano:
>>> 2 + 2 == 5
15
False
>>> x = 95.4
>>> 50 < x < 100
True
TEXTO
A los valores que representan texto se les llama strings, y tienen el tipo str.
Los strings literales pueden ser representados con texto entre comillas simples o comillas
dobles:
"ejemplo 1"
'ejemplo 2'
Los operadores aritmticos no pueden ser aplicadas sobre strings, salvo dos excepciones:
1. El operador + aplicado a dos strings no representa la suma, sino la concatenacin, que
significa pegar los strings uno despus del otro:
2. >>> "hola " + 'mundo'
3. 'hola mundo'
4. El operador * aplicado a un string y a un nmero entero no representa la
multiplicacin, sino la repeticin, es decir, el string es repetido tantas veces como
indica el nmero:
5. >>> "lo" * 5
6. 'lololololo'
Las operaciones relacionales permiten comparar strings alfabticamente:
>>> "ala" < "alamo" < "bote" < "botero" < "boteros" < "zapato"
True
16
El valor None tiene su propio tipo, que es diferente al de todos los dems valores.
CONVERSIN DE TIPOS
Los tipos de los valores indican qu operaciones pueden ser aplicadas sobre ellos.
17
A veces es necesario convertir valores de un tipo a otro para poder operar sobre ellos.
Existen dos tipos de conversiones: implcitas y explcitas.
Las conversiones implcitas son las que se hacen automticamente segn el contexto. Las
ms importantes son las siguientes:
>>> 56 * 8.0
448.0
>>> 0 and 7
0
>>> 5 or 6
5
>>> 0 or 6 or 7
6
Ejercicio: deducir cmo funcionan and y or cuando los operandos no son booleanos.
>>> n = 5
Las conversiones explcitas se realizan usando el nombre del tipo de destino como si fuera
una funcin.
Por ejemplo, para convertir un valor al tipo entero, se utiliza la funcin int:
>>> int('45')
45
>>> int(3.891)
3
>>> int(True)
1
>>> int(None)
TypeError: int() argument must be a string or a number, not 'NoneType'
19
>>> int('abc')
ValueError: invalid literal for int() with base 10: 'abc'
>>> int('doscientos')
ValueError: invalid literal for int() with base 10: 'doscientos'
Ya veremos qu significan los errores.
Para convertir un valor en un string, se utiliza la funcin str:
>>> str(87)
'87'
>>> str(True)
'True'
20
21
Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del
documento
hay
dos
zonas
principales: el
encabezamiento,
delimitado
por
las
marcas <HEAD> y </HEAD>, que sirve para definir algunos valores vlidos para todo el
documento, y el cuerpo, delimitado por las etiquetas <BODY> y </BODY>, donde reside la
informacin del documento. El elemento <TITLE> contenido dentro del encabezamiento
permite especificar el ttulo de un documento HTML. Este ttulo no forma parte del
documento en s pues no se ve en la pantalla principal, sino que sirve como ttulo de la
ventana del programa que la muestra. Existen muchos otros elementos que se engloban
dentro del encabezamiento pero para la estructura bsica del lenguaje HTML en su nivel
bsico no son necesarios.
El cuerpo de un documento HTML contiene el texto, imgenes, etc. que, con la presentacin
y los efectos que se decidan, se presentarn ante el usuario. Dentro del cuerpo se pueden
aplicar una serie de efectos a travs de diferentes marcas o etiquetas (tambin otros autores
las denominan "directivas").
As pues, la estructura de un documento HTML es la siguiente:
<HTML>
<HEAD>
<TITLE>Ttulo
de
la
pgina</TITLE>
</HEAD>
<BODY>
[Aqu
se
sitan
otras
etiquetas
que
hacen
posible
visualizar
la
pgina]
</BODY>
</HTML>
El
texto
puede
tener
unas
cabeceras,
comprendidas
entre
las
etiquetas <H1> y </H1>, <H2> y </H2>, etc. (hasta el nmero 6), siendo el nmero
indicativo del tamao. El tamao mayor es el correspondiente al nmero 1. Hay otras
etiquetas
como <P>,
para
separar
los
distintos
prrafos,
la
etiqueta
de
centrado <CENTER> y </CENTER> que sirve para centrar todo lo que est dentro de ella,
ya sea texto, imgenes, etc. la etiqueta <HR> para obtener una raya horizontal tan ancha
como la pantalla, y con la apariencia de estar embutida sobre el fondo, etc.
22
He aqu un ejemplo:
<HTML>
<HEAD>
<TITLE>Mi
pagina
Web</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>Primera
pagina</H1>
</CENTER>
<HR>
Esta
es
<P>Aqui
mi
primera
pagina,
va
aunque
todavia
un
es
muy
segundo
sencilla.
parrafo.
</BODY>
</HTML>
Pero existen tambin una serie de Atributos:
<body background="nombre_de_archivo">
Especifica una imagen para el fondo del documento.
<body bgcolor="#rrggbb">
Especifica un color para el fondo del documento.
<body text="#rrggbb">
Especifica un color para el texto normal del documento.
<body link="#rrggbb" vlink="#rrggbb" alink="#rrggbb">
Establece el color del texto de vnculo, del vnculo visitado y del vnculo activo.
#rrggbb representa el valor hexadecimal del color expresado como rojo-verde-azul.
23
Visualizacin
tipo
1</h1>
<h2>Cabecera
Cabecera tipo 1
tipo
2</h2>
<h3>Cabecera
tipo
Cabecera tipo 3
3</h3>
<h4>Cabecera
tipo
Cabecera tipo 4
4</h4>
<h5>Cabecera
tipo
Cabecera tipo 5
5</h5>
<h6>Cabecera
6</h6>
Cabecera tipo 2
tipo
Cabecera tipo 6
Elementos de texto
<p>
<pre>. . . </pre>
Identifica texto que ha sido formateado previamente (preformateado) por algn otro sistema
y debe ser desplegado tal como es. Texto preformateado puede incluir etiquetas embebidas,
pero no todos los tipos de etiquetas estn permitidos. La etiqueta <tag> puede ser usada
para incluir tablas en documentos.
24
<listing>. . . </listing>
Ejemplo de listado de ordenador; las etiquetas incluidas sern ignoradas, pero los espacios
de tabulacin funcionarn. Esta es una etiqueta ya arcaica.
<xmp>. . . </xmp>
<plaintext>
Similar a <pre> excepto que no se reconocern etiquetas incluidas, como no hay etiqueta
para finalizar, el resto del documento ser traducido como texto simple. Esta es una etiqueta
arcaica. Algunos navegadores reconocen una etiqueta </plaintext>, an cuando no est
definido por el estndar.
<blockquote>. . . </blockquote>
Mediante estos atributos determinamos el estilo y el tipo de letra que tendr la presentacin
del documento final.
Estilos lgicos
<em> . . . </em>
nfasis
<strong> . . . </strong>
nfasis mayor
<code> . . . </code>
Despliega una directiva HTML
<samp> . . . </samp>
Incluye salida ejemplo
Estilos fsicos
<b> . . . </b>
Negritas
<i> . . . </i>
Itlicas
<u> . . . </u>
Subrayado
<tt> . . . </tt>
Tipo de letra de
25
<kbd> . . . </kbd>
Despliega una tecla del teclado
<var> . . . </var>
Define una variable
mquina
<dfn> . . . </dfn>
de
escribir
Fuentes HTML
Saltos de lnea:
HTML no reconoce los finales de lnea del editor de texto, pero la etiqueta <BR> desplaza el
texto a la lnea siguiente, y la etiqueta <P> tambin lo desplaza, dejando una lnea de
separacin.
Cdigo HTML
HTML
no
reconoce
utilicemos
distintas
de
forma
saltar
de
el
texto
los
finales
lneas
continua.
lnea.
El
la
lnea
de
en
nuestro
Hay
primero
siguiente.
lnea.
dos
produce
El
un
segundo,
Por
esa
archivo,
razn,
sern
comandos
salto
de
define
visualizadas
bsicos
lnea,
un
final
aunque
para
<BR>pasando
de
prrafo
Visualizacin
HTML no reconoce los finales de lnea. Por esa razn, aunque utilicemos
26
de
lnea,
Prrafos:
A continuacin se muestran las etiquetas HTML para fijar los prrafos y el resultado
correspondiente:
Cdigo HTML
Visualizacin
align=right>
Este
parrafo
esta
align=center>
Este
parrafo
esta
Tipos de letra:
Los tipos bsicos son negrita, cursiva y teletipo o mquina de escribir, que utilizan los
cdigos B, I, TT, respectivamente, como demuestra el siguiente cdigo:
Cdigo HTML
Visualizacin
27
letra <B>negrita</B>
letra negrita
letra <I>cursiva</I>
letra cursiva
letra <TT>teletipo</TT>
letra teletipo
Para centrar texto (o, en general, para centrar cualquier otra cosa: un grfico, por ejemplo)
se usa la etiqueta <center>:
<center>Verde que te quiero verde</center>
Verde que te quiero verde
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). Podemos recurrir a tres tipos distintos de listas, cada una con una
presentacin diferente: no numeradas, numeradas y listas de definiciones (glosarios).
Las listas se pueden anidar, es decir, en el lugar donde debera ir uno de los trminos de la
lista se pone una nueva lista, que no tiene porqu ser del mismo tipo.
<ul>
<ol>
<li>Madrid
<li>Lentejas
<li>Barcelona
<li>Garbanzos
<li>Zaragoza
<li>Judas
</ul>
</ol>
<dl>
<dt>Primer trmino a definir
<dd>Definicin del primer trmino
<dt>Siguiente trmino a definir
Madrid
1. Lentejas
<dd>Siguiente definicin
Barcelona
2. Garbanzos
</dl>
28
(El
atributo compact de
para
3. Judas
Zaragoza
generar
una
la
usarse
lista
de
Tablas
Etiqueta final
<TABLE>
</TABLE>
Descripcin de la etiqueta
Contenedor para los bordes de la tabla
<TR>
</TR>
<TD>
</TD>
<TH>
</TH>
<CAPTION>
</CAPTION>
border=numero
Establece si aparece o no un borde alrededor de las celdas de la tabla, y cual es el grosor del
borde.
align=topbottom
align=leftcenterright
29
Establece la ubicacin de los datos dentro de las celdas. Funciona dentro de las
etiquetas tr, th y td.
valign=topmiddlebottombaseline
Nowrap
Establece que las lneas contenidas en las celdas afectadas no se pueden romper para
ajustarse al ancho de las celdas.
colspan=numero
rowspan=numero
cellspacing=numero
cellpadding=numero
width=numeroporcentaje
de
cdigo
HTML
para
la
creacin
de
Tablas:
30
Documento HTML
Una pgina HTML es un archivo simple que contiene texto formateado con etiquetas HTML.
Tradicionalmente, el archivo recibe una extensin .htm o .html, pero una pgina Web puede
potencialmente llevar cualquier otra extensin. Se puede crear una pgina Web incluso con
los editores de texto ms bsicos (como la aplicacin bloc de notas, por ejemplo), pero
tambin existen editores ms sofisticados.
Los editores WYSIWYG ("What You See Is What You Get") son editores de interfaz grfica para
trabajar en una pgina Web y que permiten visualizar mejor lo que vern los visitantes del
sitio. Con este tipo de editor, se pueden agregar etiquetas simplemente haciendo clic con el
ratn y sus atributos pueden modificarse escribiendo las propiedades en un formulario. En
todo caso, para utilizar de forma ptima este tipo de editores, es de gran ayuda tener un
buen nivel de conocimiento de HTML. Tambin hay editores HTML que muestran las
etiquetas, los atributos y sus valores en colores diferentes para hacerlos ms fciles de leer.
Algunas veces incluyen herramientas para comprobar si el cdigo HTML es vlido.
Tradicionalmente, el archivo recibe una extensin .htm o .html, pero una pgina Web puede
potencialmente llevar cualquier otra extensin, incluyendo:
.asp para una pgina generada dinmicamente por ASP (Active Server Pages);
.cgi para una pgina generada dinmicamente con CGI (Common Gateway Interface);
.php, .php3 o .php4 para una pgina generada dinmicamente en PHP;
.pl para una pgina generada dinmicamente en Perl (Practical Extraction and Report
Language);etc.
el
contenido
de
la
pgina.
El
El
cuerpo
encabezado
est
est
delimitado
delimitado
por
por
las
las
</HEAD>
<BODY>
Contenido de pgina
</BODY>
<HTML>
Declaracin de tipo de documento
La pgina HTML debe incluir la declaracin de tipo de documento, una referencia al estndar
HTML que se utiliza, a fin de especificar el estndar de cdigo que emplea la pgina. La
declaracin se hace agregando una lnea como sta:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML> <HEAD>...</HEAD> <BODY>Contenido de pgina</BODY> </HTML>
Esto indica qu DTD (Document Type Definition) se est utilizando. DTD es una referencia a
las caractersticas del lenguaje utilizado. La tabla resume las declaraciones para las
principales versiones de HTML:
Versin
Declaracin
HTML 2.0
HTML 3.2
HTML 4.01
Transitional: <!DOCTYPE
HTML
PUBLIC
"-//W3C//DTD
HTML
4.01
HTML
4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Frameset: <!DOCTYPE
HTML
PUBLIC
"-//W3C//DTD
Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0
Transitional: <!DOCTYPE
HTML
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
Frameset: <!DOCTYPE
HTML
PUBLIC
"-//W3C//DTD
XHTML
1.0
Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
32
HTML
PUBLIC
"-//W3C//DTD
XHTML
1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2.7. FORMULARIOS.
Los formularios permiten que el usuario introduzca informacin (seleccionando tems o
directamente escribiendo en los lugares indicados) que ser procesada por scripts asociados
al servidor de acuerdo con la especificacin CGI ('Common Gateway Interface'). Elementos
como FORM, INPUT, SELECT, TEXTAREA y sus atributos permiten disear formularios que
rellenar el usuario.
Sin embargo, su funcionalidad no deviene del HTML sino de los scripts ejecutables que
residen en el servidor y que reciben la informacin introducida por el usuario. El uso de
formularios est muy extendido en las pginas web sobre todo por su utilizacin como
interfaz de entrada para realizar las bsquedas.
engloba
el
diseo y la creacin de un sitio web que se poda pasar informacin entre el servidor y
ciertos programas externos.
Afortunadamente, tenemos herramientas potentes para realizar esto, ya que han surgido
nuevas tecnologas que permiten que el acceso a una base de datos desde el web por
ejemplo php, mysql etc. Actualmente ya existen bastantes ejemplos de aplicaciones web
complejas como el de instituciones para hacer ms eficientes sus tiempos de respuesta y
reducir costos, beneficiando al cliente final.
Como resultado se pretende llegar al propsito de implementar un sitio de web ya sea de
instituciones facilitando la actualizacin de la informacin relevante. Garantizar a los
33
CONCLUSIONES.
La tecnologa para el desarrollo de aplicaciones a travs de sistemas web ha evolucionado al
punto de volverse no solo un simple sistema de informacin, sino que ahora se pueden
desarrollar aplicaciones complejas que cumplen con todas las necesidades que se le
presenten y que cumplen con requerimientos de seguridad, rapidez y facilidad de uso.
Actualmente ya existen bastantes ejemplos de aplicaciones web complejas, tales como las
instituciones bancarias, algunas dependencias gubernamentales y la infinidad de tiendas
que cuentan con una infraestructura muy desarrollada de aplicaciones y servicios a travs
de la web. Otro ejemplo es la tecnologa B2B que permite que las empresas tengan una
relacin ms ntima con sus proveedores y clientes, que es otra forma de aplicaciones que
aprovechan el Internet para hacer ms eficientes sus tiempos de respuesta y reducir costos,
beneficiando al cliente final.
Las tecnologas emergentes abren una nueva ventana de posibilidades an por explorar y
explotar, que permitirn hacer actividades que quizs ahora parecen imposibles o remotas.
Se visualiza un mejor futuro con un gran desarrollo por las ventajas que da el usar este tipo
de tecnologa, cada vez encontraremos ms sistemas que se apoyan de la infraestructura
existente con Internet, aunque, por la contraparte, tambin habrn ms amenazas por el
aumento de la cultura hacker y los cada vez ms complejos virus que aprovechan
cualquier hueco de seguridad. Queda para los desarrolladores de sistemas, administradores
y fabricantes de software de servidor, el reto de desarrollar esquemas donde la informacin
34
35