Como Construir Pagina Web

¿Como construir
pagina web?
Nombre: axel symmer

Curso:1°B
El lenguaje de programación HTML
Si te lo propones puedes aprender el lenguaje HTML en un día. Si tienes algo de
tiempo, programar tus páginas web, te va a resultar una experiencia gratificante e
instructiva.
El lenguaje HTML tiene instrucciones de la forma: &ltID atributos> datos </ID>,

donde ID identifica una instrucción, atributos son valores para darle forma a los datos,
y el fin de la instrucción se marca con </ID>. (TAG, clause, cláusula, son sinónimos
de instrucción)
Por ejemplo, &ltB> pone en negrita el texto que le sigue hasta el , por lo cual si
escribimos: &ltB>texto enfatizado , se obtiene: texto enfatizado.
Seguidamente tienes una muestra de instrucciones HTML para que captes los
conceptos básicos del lenguaje. Te resultará muy útil tener una idea sobre el hipertexto
HTML.
La estructura de un documento en lenguaje HTML es la siguiente:

<HTML>
<HEAD>
<TITLE> El título del documento </TITLE>
</HEAD>
<BODY bgcolor="color del fondo">
.......................................
Instrucciones del documento
.......................................
</BODY>
</HTML>
El <HTML> define el comienzo de un documento HTML. El <HEAD> define el

encabezado, que incluye entre otros datos, el <TITLE> que permite especificar el título
del documento, el cual aparecerá en la parte superior de la pantalla del navegador o
visor web.
El <BODY> define el cuerpo de las instrucciones del documento. Además, permite
definir diversos aspectos de la página, como por ejemplo, el color del fondo, el color
para señalar los hiperenlaces, etc. El parámetro bgcolor define el color del fondo de la
página.
Esta página web que estás leyendo empieza de esta forma...

<HTML>
<HEAD>
<TITLE> Computarizar - Tu propia pagina web - </TITLE>
</HEAD>
<BODY bgcolor="lightyellow">
.......................................
Instrucciones de esta pagina web
.......................................
</BODY>
</HTML>
Ejemplos de instrucciones básicas que van en el cuerpo de un documento HTML.

Instrucciones/descripción Resultado en pantalla
enfatizado y
subrayado enfatizado y subrayado
 inicia escritura en negrita, subraya.
<IMG src="logitocw30.gif"> </IMG>
<IMG > indica inserción de una imagen.
src=especifica el archivo de la imagen/gráfico.
<A href="http://www.computarizar.pro"> Portada
de Computarizar </A>
Portada de Computarizar
<A > define un enlace o hiperenlace.
href= define la dirección de la página web.
Lista de Tipos de letras 
Lista de Tipos de letras
<UL type=disc>
<LI>Arial black • Arial black
<LI>Sans Serif
</UL> • Sans Serif
<UL > define una lista que usa un circulito.
<LI> define un renglón o ítem de la lista.
Tabla de datos sencilla 
<table border=1 Tabla de datos sencilla
bgcolor="lightyellow"> XXX YYY
<td>XXX</td><td>YYY</td><tr>
<td>VVV</td><td>WWW</td><tr> VVV WWW
</table>
<td> define un elemento (color, ubicación,..)
<tr> termina una fila.
Si quieres aprender HTML, Javascript, Java, Perl y otros lenguajes que se usan para
programar páginas web, consulta la bibliografía al final de esta página.
Las imágenes, gráficos, videos y sonidos que se incluyen en las páginas web, están
grabados en archivos en diversos formatos, que se presentan seguidamente.
Programación de Páginas Web

Un programa en HTML se puede escribir con un sencillo editor de textos, como el
NotePad de Windows o el editor vi de Unix. Las páginas web son tan populares, que
todos los procesadores de textos actuales, programas de dibujo y planillas electrónicas
incluyen opciones para convertir los documentos al formato HTML.
La necesidad creciente de publicar en la Web, ha influido en el surgimiento de una gran

cantidad de programas especializados en la edición de páginas web. Estos editores
HTML brindan un ambiente visual y muy intuitivo para componer un documento de
hipertexto.
Podemos decir que son procesadores de hipertexto, porque permiten trabajar en
forma análoga, a como se trabaja con un procesador de textos avanzado.
Un procesador de hipertexto, permite formatear con facilidad el texto de una página

web. Al ir digitando el texto, se puede elegir el tipo de letra, el estilo, el tamaño y el
color. Se pueden insertar con un simple click del ratón, gráficos, imágenes, tablas de
información, enlaces o hiperenlaces, listas de selección, formularios, botones y otros
elementos.
El lenguaje JavaScript
Es muy usado, porque permite crear páginas web dinámicas y ampliar la funcionalidad
de un documento HTML. La gran ventaja de Javascript es que ejecuta en el PC o
terminal del usuario. El código de Javascript es insertado entre las instrucciones HTML.
Normalmente está formado por funciones o rutinas de computación, declaraciones de
objetos y datos.
Javascript es un lenguaje que permite programar aplicaciones complejas, tales como:

verificar la consistencia de los datos ingresados en un formulario, abrir y manejar una
nueva ventana del navegador, crear páginas web dinámicamente, efectuar cálculos
matemáticos, efectuar tareas que requieren controles de tiempo, y muchas tareas
más.
El lenguaje JAVA
JAVA es un lenguaje de programación orientado a objetos, moderno y muy seguro para
desarrollar aplicaciones para Internet. Es similar al lenguaje C++ universalmente
usado.
Para que un navegador o visor Web pueda ejecutar un programa en JAVA, necesita
disponer de una máquina o intérprete JAVA. Los navegadores modernos tienen
JAVA.
¿Cuál es la ventaja de JAVA? Es independiente del sistema operativo y de la

plataforma de computación. El mismo programa ejecuta en una máquina que usa
Windows, en una máquina que usa UNIX o en una máquina Macintosh que usa Mac-
OS/8.
Los programas JAVA, ofrecen una interfase gráfica vistosa y su manejo es intuitivo y
sencillo. El lenguaje HTML tiene la instrucción <APPLET > que permite insertar un
applet o programa Java en una página web, en forma similar a como se inserta un
gráfico.
DISEÑO DE TU PAGINA WEB
Para tener tu propia página Web, todo lo que necesitas es tener un tema u objetivo
(preferiblemente honorable) y entusiasmo para trabajar hasta lograr que tus ideas o
negocios estén presentes en Internet. ¡Persevera y triunfarás!
La primer etapa consiste en diseñar tu página Web, tienes que dedicar varias horas a
componer el texto y ubicar logos, imágenes, gráficos, sonidos y establecer enlaces o
vínculos entre las páginas. En esta etapa de bosquejo tienes que pulir bien los detalles.
Una buena forma de visualizar tu página web, es pensar que es un folleto, en el cual
vas a presentar el tema u objetivo de tu proyecto. Un folleto tiene una portada o
página de presentación, en la cual se establece el objetivo y los rasgos que son más
destacados.
A la portada le siguen páginas donde se desarrollan en profundidad los diversos temas.
¿Qué forma o estilo darle a mi página? La respuesta puedes encontrarla tu mismo.

Cuando exploras Internet, anota las direcciones de las páginas que tienen el estilo que
quieres para tu propia página. Te puede ser útil visitar páginas sobre tu mismo tema o
similares.
HERRAMIENTAS DE DISEÑO
Son necesarias varias tareas para construir una página web, hay que formatear el
texto, escanear logos, hacer gráficos, procesar imágenes, crear carteles animados,
ubicar los hiperenlaces, y luego compaginar estos elementos en forma armónica y
eficiente.
En el cuadro siguiente tienes el kit de programas básicos de un programador Web.
TAREAS PROGRAMAS
Edición de hipertexto, - Netscape Composer
(lenguaje HTML) - FrontPage
Dibujo, gráficos animados, - PaintShop Pro
proceso de imágenes - FotoShop - CorelDraw
Creación de mapas de - Mapedit
enlaces sobre gráficos - Map This!
Creación de gráficos - Animagic
animados en formato GIF - Gif Construction Set
Estos programas y muchos otros utilitarios, los puedes bajar de los sitios de las redes
de distribución de programas shareware y públicos. Otra fuente son los CD-ROMs de
revistas de informática. En la bibliografía de esta página, tienes una lista de los
mejores directorios de programas shareware. Puedes buscar por el nombre del
programa o por su descripción.

Como Construir Pagina Web

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Como Construir Pagina Web

Uploaded by

Copyright:

Available Formats

¿Como construir

Nombre: axel symmer

El lenguaje HTML tiene instrucciones de la forma: &ltID atributos> datos </ID>,

La estructura de un documento en lenguaje HTML es la siguiente:

El <HTML> define el comienzo de un documento HTML. El <HEAD> define el

Esta página web que estás leyendo empieza de esta forma...

Ejemplos de instrucciones básicas que van en el cuerpo de un documento HTML.

Programación de Páginas Web

La necesidad creciente de publicar en la Web, ha influido en el surgimiento de una gran

Un procesador de hipertexto, permite formatear con facilidad el texto de una página

Javascript es un lenguaje que permite programar aplicaciones complejas, tales como:

¿Cuál es la ventaja de JAVA? Es independiente del sistema operativo y de la

¿Qué forma o estilo darle a mi página? La respuesta puedes encontrarla tu mismo.

En el cuadro siguiente tienes el kit de programas básicos de un programador Web.

You might also like