Vous êtes sur la page 1sur 5

3-3-2014

Alumno: Sammy Alexander Poso Chico


Profesora: Carmen Prez

TEMA 9
PGINAS WEB Y SU PUBLICACIN


1. LOS SITIOS WEB
Las pginas web de tu sitio deben disponer de enlaces entre ellas y estos se deben
mantener cuando estn publicadas.
1. Crea en Mis documentos una carpeta denominada Mi web nombre de los
alumnos.
2. Dentro de Mi web nombre de los alumnos aade otra carpeta denominada
imgenes.
Dentro de Mi web nombre de los alumnos guarda todos los documentos HTML creados y
en imgenes todos los elementos multimedia que vayan a contener las paginas.
Y no muevas nada!!!! Se pueden perder los hipervnculos.
2. PGINAS WEB Y HTML
Una pgina web es un documento escrito empleando un lenguaje HTML que
significa lenguaje de marcas de hipertexto. Es un sistema que nos permite dar
formato a textos mediante el uso de etiquetas o tag.
Puede estar integrada por una gran cantidad de recursos multimedia:
Sonidos
Videos
Imgenes
Animaciones.
No se pierden datos ya que la transmisin de documentos mediante el protocolo HTML que es
el que usan los ordenadores para enviar y recibir documentos a travs de Internet.
Las paginas web se pueden ver empleando unos programas denominados navegadores que
interpretan las tag que hemos incluido en los textos tal y como se han creado.
Los ms conocidos son:
Microsoft internet Explorer.
Mozilla Firefox.
Opera

El potencial del lenguaje HTML se basa en que permite agregar imgenes sonidos e
imgenes e incorporar referencias (enlaces) que facilitan la navegacin entre pginas.
3-3-2014
Alumno: Sammy Alexander Poso Chico
Profesora: Carmen Prez

TEMA 9
PGINAS WEB Y SU PUBLICACIN

2.1 ETIQUETAS HTML
Las etiquetas son marcas que colocamos normalmente al principio y al final de cualquier
elemento de texto que deseamos modificar.
Existe un gran nmero de etiquetas que vamos a conocer:
Utilizacin de las etiquetas:
De apertura <etiqueta>
De cierre </etiqueta>
Cursiva: <i>palabra</i>
2.2 ESTRUCTURA DE UNA PGINA WEB:
Los documentos que se escriben en HTML deben estar comprendidos entre las etiquetas
<html> y </html>, que indican al navegador que todo lo que se encuentre entre ellas es el
lenguaje HTML.
Consta de dos partes:
Cabecera (head): lugar en el que incluimos los datos sobre nuestro documento. Los
datos no se visualizan en el navegador.
Cuerpo (body): documento. Es la pgina donde podemos observar las imgenes, leer el
texto. Etc.

1.- Ejercicio ETIQUETAS: completa la siguiente tabla:
Etiqueta Inicio Fin
Encabezado 1 <h1> </h1>
Prrafo <p> </p>
Negrita <b> </b>
Cursiva <i> </i>
Subrayado <u> </u>
Bloque de
texto sangrado

Lista no
numerada
<ul> </ul>
Lista numerada <ol> </ol>



3-3-2014
Alumno: Sammy Alexander Poso Chico
Profesora: Carmen Prez

TEMA 9
PGINAS WEB Y SU PUBLICACIN

2.- Ejercicio CREAR PAGINA WEB.

3.- Ejercicio CREAR PAGINA WEB.







3-3-2014
Alumno: Sammy Alexander Poso Chico
Profesora: Carmen Prez

TEMA 9
PGINAS WEB Y SU PUBLICACIN

4.- Ejercicio Colorear la PAGINA WEB.
El color de texto, del fondo de la pagina y de una tabla se pueden modificar con sus
etiquetas correspondientes.
Hay 16 colores que pueden ser nombrados directamente. Por ejemplo, dentro de la
etiqueta body escribimos bicolor= agua el fondo de la pagina ser verde claro.
Ejemplo de cdigos RGB (Red Green Blue)

R G B Color
FF FF FF Blanco
00 00 00 Negro
FF 00 00 Rojo
FF FF 00 Marrn
FF 00 FF Violeta
00 FF FF Naranja















3-3-2014
Alumno: Sammy Alexander Poso Chico
Profesora: Carmen Prez

TEMA 9
PGINAS WEB Y SU PUBLICACIN

Insertar una imagen en la pgina web

1. Las etiquetas para colocar la imagen son:
<i> </i> El texto se muestra en cursiva.
<p style=width: 2191px; height: 1467px> Posiciona la imagen en la
pagina.
<img alt= src=FOTOVENECIA.JPG width=493 height=337></p> La
imagen en JPG.

Vous aimerez peut-être aussi