Proyecto final

“PROGRAMACIÓN Y
DISEÑO
PARA PÁGINAS WEB”

OBJETIVO
Saber cómo está conformada su estructura
base para que ya cuando ésta sea ejecutada
funcione de la manera más adecuada.

ANTECEDENTES
El diseño web original fue mejorando y pasando por
distintas generaciones, principalmente debido a
mejoras en la tecnología, hardware y software. Estos
cambios han generado al día de hoy 4 generaciones del
diseño web.

Primera generación de diseño web.- Realizada en 1993. La

estructuración era bastante desordenada con imágenes dispuestas

horizontalmente y líneas de texto separadoras.

Segunda generación de diseño web.- Empieza a utilizar iconos

en lugar de algunas palabras, las páginas web comienzan a

poseer imágenes de fondo.

Tercera Generación.- La gran mayoría de páginas web que

aparecen en esta generación son de publicidad y venta de

productos y servicios, con lo que es este el diseño más utilizado.

Cuarta Generación.- El diseño web ya está enfocado

totalmente a la multimedia, integrando en las páginas web los

elementos multimedia de última generación.

Quinta Generación.- La integración de televisión en la web
representa el movimiento más notable del diseño web en la
actualidad.

Por complicada que parezca una página web sólo se divide
en dos partes que son muy diferentes. Una de ellas es la
Cabecera (HEAD) y la otra es el Cuerpo (BODY). Además
de que todas empiezan y terminan con la palabra “HTML.”

<html>

<head>
<title>MI PRIMERA PAGINA WEB</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF">
…
…
…
</body>

</html>

PROBLEMA DE INVESTIGACIÓN.
Surge la necesidad de poder comunicarnos de una forma

sencilla y rápida con las personas en todas partes del mundo,

asimismo compartir información con todos los que lo deseen.

Los documentos fundamentales de WWW son los hipertextos. Los

archivos correspondientes tienen la extensión HTML o HTM.

Los comandos HTML se encuentran en los documentos separados

del texto por paréntesis angulares“<“ “>”.

EJEMPLO PARA UNA LISTA

<HTML> <HR>

<HEAD> <H2>grupos de plantas</H2>

<TITLE>Listas</TITLE> <UL>

</HEAD> <LI>árboles</LI>

<BODY> <UL>

<H3>Listas</H3> <LI>árboles con hoja de aguja</LI>

<H1>Listas no clasificadas</H1> <LI>árboles caducifolios</LI>

</UL>
<UL>
<LI> Arbustos</LI>
<LI>Haya</LI>
<LI>Matorrales</LI>
<LI>Roble</LI>
<LI>Flores</LI>
<LI>Abedul</LI>
</UL>
<LI>Arce</LI>
</BODY>
</UL>
</HTML>

Insertar imágenes

<IMGSRC="http://www.nombrepagina.es/imágenes/imagen1.jpg">

Name:

<INPUT TYPE="text" NAME="nombre"> <contraseña:

<INPUT TYPE="password" NAME="pass"> <BR>

Estado civil:<BR>

<INPUT TYPE="CHECKBOX" NAME="soltero“ VALUE="0"> soltero

Frames (marcos)

El concepto de frame, es decir, de la división
interna de páginas web en ventanas parciales.

<HTML>

<HEAD> <TITLE>Ventana principal</TITLE> </HEAD>

<FRAMESET ROWS="100,*">

<FRAME SRC="menu.htm" NAME="menu"> <FRAMESET COLS="140,*">

<FRAME SRC="publi.htm" NAME="publi">

<FRAME SRC="main.htm" NAME="principal">

</FRAMESET> </FRAMESET> </HTML>

The Multipurpose Internet Mail Extension
(MIME)

Con ésta opción es posible solicitar archivos de cualquiera de los

ordenadores de la red repartidos por todo el planeta.

Pero lo realmente interesante es, claro está, que el programa que

proporciona los archivos pueda ofrecerle al usuario inmediatamente

la información contenida en ellos.

The Uniform Resource Locators (URL)

Un URL consta de una serie de cinco componentes como máximo:

· Indicación del protocolo de la aplicación

· Indicación de una dirección del ordenador remoto (host).

· Puerto de comunicación a emplear.

· Ruta de acceso y nombre de archivo.

· Otros datos.

Programas de aplicación y sus protocolos.

Los protocolos TCP/IP son los que hacen posible la transmisión de datos en
forma de paquetes de datos. principalmente en cargar y enviar unidades
mayores de información, como archivos, correo electrónico o páginas
completas de la web.

Estos programas especiales se dividen básicamente en dos grandes
grupos: clientes y servidores.

Este “nuevo canal” tiene algunas peculiaridades extraordinarias, que se

mencionan a continuación, y más adelante se explicarán con mayor

amplitud:

• Es un canal universal.

• Es un canal omnifuncional (de función completa).

• Es un canal bidireccional.

•Es un canal de alcance prácticamente ilimitado, cuyo ámbito es mundial.

Las principales posibilidades de este “nuevo medio” son:

•Ser multilenguaje.
•Ser hipertextual.
•Ser personalizable.
• Puede acceder desde sus marcos a todos los demás medios, seleccionando
sus materiales e integrándolos en su propia oferta informativa.

Es por eso que se dice que Internet es un canal de alcance “ilimitado”.

REFERENCIAS
• Diseño y Creación de Paginas Web HTML 4.0.
Soria Ramón.
Alfa Omega.

• Diseño de paginas Web Interactivas con JavaScript y CSS.
Oros Juan Carlos.
Alfa Omega, ISBN 970-15-0802-5.

•Java Server Pages, Manual de Usuario y Tutorial

Froufe Agustín..

Alfa Omega, ISBN 970-15-0796-7.

•Java ¿Cómo programar?

Guillermo Trujano Mendoza

Pearson Educación

•www.francisco.hurtado.com
•Manual de programación con html.

Claudia Viviana
Salazar Álvarez.

Proyecto final

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Similar a Proyecto final

Similar a Proyecto final (20)

Último

Último (20)

Proyecto final