Profesor: Víctor Cárdenas Schweiger

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Profesor: Víctor Cárdenas Schweiger"

Eva Franco Valdéz
hace 10 años
Vistas:

1 Profesor: Víctor Cárdenas Schweiger 2014

2 En primer lugar se debe especificar que el archivo de texto que se esta escribiendo es un documento HTML, para ello usamos las instrucciones de inicio y fin de la etiqueta <html> al principio y al final de la página respectivamente: <html> Código de la página </html> 2

instrucciones de inicio y fin de la etiqueta <html> al principio y

3 El código de la página esta formado a su vez por dos grandes bloques, la cabecera y el cuerpo. La cabecera de la página está delimitada por las instrucciones de inicio y fin de la etiqueta head. Estas instrucciones deben estar dentro de la etiqueta HTML de la siguiente manera: <html> <head> Elementos de la cabecera </head>... Resto de código de la página... </html> 3

La cabecera de la página está delimitada por las instrucciones de inicio y fin de la

4 <html> <head> <title>mi primera página WEB</title> </head> </html> 4

5 <html> <head> <title>mi primera página WEB</title> </head> <body> Mi primera pagina web, para la carrera de Telecomunicaciones y Redes. </body> </html> 5

6 La etiqueta <BODY> presenta una serie de atributos que permiten establecer una serie de características generales para todo el documento como puede ser el color del texto, de los enlaces o del fondo del documento. 6

generales para todo el documento como puede ser el

7 BGCOLOR= #rrggbb o nombre color (Para indicar el color del fondo del documento) TEXT= #rrggbb o nombre color (Para especificar el color del texto) LINK= #rrggbb o nombre color (Para especificar el color del texto de los enlaces) VLINK= #rrggbb o nombre color (Para indicar el color del texto de los enlaces visitados) 7

#rrggbb o nombre color (Para especificar el color del texto de los enlaces)

8 Para crear un comentario no se usa una etiqueta, aunque es una estructura parecida. En primer lugar se coloca una cadena que indica el comienzo del comentario: , dos guiones y el símbolo mayor que. La estructura de un comentario es por tanto:  8

--, esto es, el símbolo menor que, seguido del símbolo fin de exclamación y de dos guiones, todo ello sin espacios entre ellos.

9 Usualmente un documento tiene, además de texto llano, una serie de encabezados o titulares. Para ello el lenguaje HTML posee una serie de etiquetas que permiten disponer de titulares de hasta 6 niveles de importancia. Estas etiquetas son:<h1>,<h2>,<h3>,<h4>,<h5> y <h6>. La letra "h" al principio del nombre de estas etiquetas proviene de la abreviatura de la palabra inglesa heading que significa encabezado 9

niveles de importancia. Estas etiquetas son:<h1>,<h2>,<h3>,<h4>,<h5> y <h6>.

10 Realice una pagina ocupando los 6 niveles de encabezado. 10

11 <p> Estaba internándose en lo desconocido. </p> <p> El logo de Cisco Systems -que ha sido actualizado recientemente- fue ideado por los fundadores de la empresa cuando vieron el Golden Gate Bridge contrastado contra la luz del sol mientras viajaban en coche para registrar la empresa. </p> 11

recientemente- fue ideado por los fundadores de la empresa cuando vieron

12 El atributo align en la etiqueta <p> permite especificar la alineación del párrafo. Puede tener tres valores: "center", "left" y "right, para obtener un párrafo centrado, alineado a la izquierda o alineado a la derecha respectivamente. Ej. <p align= center > 12

13 Con el texto anterior elija una alineación para configurar su párrafo. 13

14 Para saltos de línea se ocupa <BR>. Esta etiqueta solo tiene marca inicial y se usa para cambiar de línea. Digitar el siguiente texto en su pagina web <P>El agua de la fuente,<br>fue derramada<br>nadie se había dado cuenta<br></p> 14

15 Para poder separar partes del documento, la etiqueta <HR> dibuja una barra horizontal que divide a la pantalla con un grosor y una longitud determinada a través de sus atributos. Así el atributo SIZE permite especificar el grosor de dicha barra, mientras que WIDTH se ocupara para indicar la longitud o porcentaje relativo con respecto al ancho de la pagina. 15

Así el atributo SIZE permite especificar el grosor de dicha barra, mientras que WIDTH se

16 La etiqueta usada para insertar imágenes es: <img >. Esta etiqueta está compuesta por una única instrucción y por tanto </img> no existe y su uso está prohibido. Se puede insertar una imagen como el siguiente ejemplo: Pulsa en la flecha <img src="flecha1.gif"> para pasar a la página siguiente 16

17 <HR> <HR SIZE=10> <HR WIDTH=70> <HR WIDTH=75%><! Separador que ocupa el 75% de la pantalla--> 17

18 Esta etiqueta, de nombre sencillo, es la que va a permitir incluir en las páginas enlaces de hipertexto. Su atributo href permite indicar cual es la página a la que debe saltar el usuario al pulsar sobre el texto adecuado. El texto del enlace será aquel que se introduzca entre la instrucción de inicio y la instrucción de final <a href="dirección_url"> Texto que será sensible (hipertexto) </a> 18

Su atributo href permite indicar cual es la página a la que debe saltar el usuario al pulsar sobre

19 Si la página a la que queremos crear el enlace no se encuentra en el mismo directorio que la actual es necesario indicar el directorio (o ruta de directorios, path) donde está. Ejemplo: <a href= telefonia/anexos.html">hobbies</a> 19

necesario indicar el directorio (o ruta de directorios,

20 La creación de uno de estos enlaces es muy similar a la creación de los enlaces locales. El único cambio radica en que el valor dado al atributo href es la dirección completa de internet, sea otra página web, una imagen o cualquier otro archivo. Por ejemplo, para incluir un enlace desde cualquier página a la pagina de fichero virtual. Para ello puede emplearse: <a href=" Fichero Virtual </a> 20

otra página web, una imagen o cualquier otro archivo.

21 Crear un sitio Web REAL poniendo en práctica los conocimientos adquiridos hasta ahora. En él incluya imágenes, varios titulares párrafos de texto de distinto tipo y enlaces hipertexto a otras páginas. NOTA: Mínimo 3 páginas. 21

Documentos relacionados

TEMA 9 CREACIÓN DE PÁGINAS WEB

TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio