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.