You are on page 1of 3

Colegio Gimnasio

Campestre San Sebastin


GUA DE TRABAJO 1

NOMBRE:
GRADO: Undcimo
PERIODO: Primero
AREA: Informtica FECHA: _______________
DOCENTE: ING. OSCAR EDUARDO REY TRIANA

EXPLOREMOS
Las pginas web se han convertido en una forma de presentacin de empresas y
personas, una pgina web puede ser diseada para vender un producto, para
vender un servicio o hacer parte de algn grupo de investigacin o un grupo de
estudio de un tema en particular.
A continuacin veremos cmo construir una pgina web usando la programacin
en html.

CONCEPTUALIZACIN
Primeras herramientas: Para comenzar slo son necesarios dos elementos:
Un editor de texto. Vale cualquiera, siempre que no formatee el texto. Por
ello, los ms adecuados son los ms sencillos (ejm: bloc de notas) Si se
utilizan procesadores como el Word, se deben guardar los ficheros como
Slo Texto para que no introduzca rdenes de formateo, que pueden
provocar errores al cargarlo en el navegador.
Un visualizador o navegador del Web: Netscape, Microsoft Explorer
El editor de texto lo usaremos para ir escribiendo los documentos html que ser
posteriormente interpretado por el navegador, con lo que iremos comprobando los
cambios y aadidos que vayamos efectuando.
Existen ciertos programas que nos ayudan a automatizar este proceso, pero es
muy conveniente comenzar a hacerlo de una manera manual, para comprender
bien la estructura del lenguaje HTML.
Mtodo de trabajo: Con el editor de texto crearemos un fichero con el nombre que
queramos (Ejm: ejemplo1), pero que debe tener necesariamente la extensin .html
( .htm si nuestro sistema operativo no soporta extensiones de ms de tres letras)

Habr un fichero distinto para cada apartado; conviene crear un directorio


especfico en su ordenador e irlos guardando en l, para poder repasar lo
aprendido, aparte de que pueden ser necesarios para ejecutar otros ejemplos
prcticos.
El Lenguaje HTML
HTML es un lenguaje que se utiliza para la creacin de pginas en la WWW. Por
pgina entenderemos el documento que aparece en el visualizador o navegador.
HTML se compone de una serie de comandos, que son interpretados por el
visualizador, o programa que utilizamos para navegar por el WWW. En ltima
instancia es el visualizador el que ejecuta todas las rdenes contenidas en el
cdigo HTML, de forma que un visualizador puede estar capacitado para unas
prestaciones, pero no para otras. As, podremos especificar que una pgina tenga
una imagen de fondo, o un texto parpadeando, pero si nuestro visualizador no est
capacitado para esas funciones, no podr verlas.
En esta gua se expondrn los comandos fundamentales de HTML.
Mi primer documento HTML
Siga las instrucciones atentamente; ellas le permitirn crear un documento HTML
en su ordenador.
Le recomiendo que cree un directorio en su ordenador para almacenar las pginas
web que vaya haciendo al aprender; y que practique un tiempo antes de poner
pginas en Internet.
1. Abra el editor de texto
2. Teclee lo siguiente:
<HTML>
<HEAD>
<TITLE> Ejemplo1 Mi primera pgina Web<TITLE>
</HEAD>
<BODY>
<CENTER><H1>Mi primera pgina Web<H1></CENTER>
<HR>
Esta es mi primera pgina, aunque todava es muy sencilla. <BR>Como el lenguaje HTML
no es difcil, pronto estar en condiciones de hacer cosas ms interesantes.
<P>Aqu va un segundo prrafo</p>
</BODY>
</HTML>

3. Graba este archivo con el nombre: ejemplo1.html


4. Abra el visualizador. No necesita conectarse a internet para ver las pginas
en su ordenador. Puede trabajar en local.
5. Elija Archivo/Abrir pgina en la barra de men del navegador
6. Seleccione el archivo ejemplo1.html que acaba de crear.
El anterior fue un ejemplo de todo lo que se puede hacer programando en html,
para profundizar debes estudiar el material brindado por el profesor.

TRABAJO INDIVIDUAL
Con ayuda de los manuales dados por el profesor, elabora tu propia pgina web
personal.

TRABAJO COLECTIVO
Elabora una pgina web en HTML de tu promocin.

TRABAJO EN CASA
Investiga nuevas rdenes del lenguaje html que se pueden usar en la elaboracin
de pginas web.

You might also like