Laboratorio Estructuras de datos. HTML. IntroducciónMartha Reyes Villa Práctica no. 1 Introducción a HTML Familiarizarse con los estándares de Internet.

Presentación del tema: "Laboratorio Estructuras de datos. HTML. IntroducciónMartha Reyes Villa Práctica no. 1 Introducción a HTML Familiarizarse con los estándares de Internet."— Transcripción de la presentación:

1 Laboratorio Estructuras de datos

2 HTML. IntroducciónMartha Reyes Villa Práctica no. 1 Introducción a HTML Familiarizarse con los estándares de Internet Realizar una página utilizando el lenguaje HTML

3 HTML. IntroducciónMartha Reyes Villa Estándares de Internet y especificaciones Son necesarios para transferir información. Incluyen protocolos como FTP para transferencia de archivos, HTTP para distribuir información en la WEB. Todos estos son resultado de organizaciones y grupos de trabajo: ISO (International Organization for Standardization), IETF (Internet Engineering Task Force), W3C (World Wide Web Consotium)

4 HTML. IntroducciónMartha Reyes Villa URL U niform R esource L ocator Está formado por la dirección del servidor donde se encuentra la página o la información, dónde se encuentra y qué protocolo se utilizará. http://www.lci.ulsa.mx/Cursos http://200.13.89.24:8080/Catedra/index.jsp

5 HTML. IntroducciónMartha Reyes Villa Características de URL No es case sensitive Para una URL se pueden usar la letras, números y los siguientes caracteres * $ ! - _ ( ). +

6 HTML. IntroducciónMartha Reyes Villa Tabla de significados de caracteres usados en URL : Separador http://tvp.com/vp1.html // Indica que es un protocolo reconocido / Separa una ruta del nombre del host y su puerto ~ Usado al inicio de la ruta para indicar que el recurso está en el directorio público de html http://www.aloha.com/~william % Para sustituir a caracteres especiales … /english/Book%20Table @ Separa el nombre de usuario del nombre del host mvilla@lci.ulsa.mx ? Usado en la ruta para especificar el inicio de un string de query /usr/cgi-bin/useit.p1?keyword + Para consultas en vez de espacios = Separa una llave en una búsqueda dentro de una consulta & En consultas para separar llaves y valores

7 HTML. IntroducciónMartha Reyes Villa HTML H iper T ext M arkup L anguage

8 HTML. IntroducciónMartha Reyes Villa HTML Permite controlar aspectos de diseño de texto e imágenes. (tamaño de letra, color, tamaño de imágenes, etc.)

9 HTML. IntroducciónMartha Reyes Villa Java y HTML Con Java se pueden crear documentos dinámicos llamados applets. Son programas que se ejecutan en el momento de mostrar la página WEB.

10 HTML. IntroducciónMartha Reyes Villa Los documentos HTML se dividen en tres partes bien diferenciadas: La Cabecera de tipo de documento. La usa el software para saber la versión de HTML que se está usando (no visible). La Cabecera del documento (document HEADer). Usada para dar información sobre el documento (no visible). El Cuerpo del documento (document BODY). Es la parte principal del documento, la parte que el usuario ve... Crear un documento HTML Directiva o Tag. Códigos especiales contenidos en un documento

11 HTML. IntroducciónMartha Reyes Villa Cabecera del documento. Título del documento. URL base del documento

12 HTML. IntroducciónMartha Reyes Villa No es visible dentro de la página web, pero muchos visualizadores lo muestran en alguna parte (barra de títulos de Windows). Tambien es usado como el título por defecto para las entradas de las ``hotlist'' o ``bookmark'' que el usuario va almacenando. Nota: Coherencia. Para definir el título, se hará dentro de la directiva HEAD y utilizando la directiva... Introducción a HTML

13 HTML. IntroducciónMartha Reyes Villa Establece una ruta por omisión.

14 HTML. IntroducciónMartha Reyes Villa Párrafos y salto de línea Este es mi primer párrafo. Aunque escriba este texto en otra línea, seguirá perteneciendo al mismo párrafo. Este es mi segundo párrafo. El usuario verá: Este es mi primer párrafo. Aunque escriba este texto en otra línea, seguirá perteneciendo al mismo párrafo. Este es mi segundo párrafo. Se verá la siguiente linea en otra linea. El usuario verá: Se verá la siguiente línea en otra línea.

15 HTML. IntroducciónMartha Reyes Villa Centrado, parpadeo, añadir comentarios y líneas de separación En cada línea de texto que se quiera comentar. Crea una línea divisoria. No requiere cierre.

16 HTML. IntroducciónMartha Reyes Villa Entidades Proporcionan un método para incluir caracteres especiales o reservados dentro de un documento: Caracteres internacionales (ej. caracteres acentuados) Símbolos tipográficos Símbolos especiales para HTML

17 HTML. IntroducciónMartha Reyes Villa Entidades CARÁCTERENTIDADDESCRIPCION <<Menor que >>Mayor que &&Ampersan Ááa agudo ÁÁA agudo Ââa circunflejo ÂÂA circunflejo Ààa grave ÀÀA grave Ññn tilde ÑÑN tilde

18 HTML. IntroducciónMartha Reyes Villa Formatos a texto Estilos lógicos Estilos físicos

19 HTML. IntroducciónMartha Reyes Villa Estilos lógicos para una palabra que está siendo definida. Normalmente aparece en italics. para dar énfasis. Usualmente aparece en italics (¡Cuidado con el perro!) para títulos de libros, películas, etc. Normalmente aparece en italics. Para códigos de computador. Aparece con un formato fijo. para entradas desde el teclado. Aparecerá en un formato fijo y en negrita, pero muchos visualizadores lo escriben en otro formato para mensajes estándar de computadores. Se ve en formato fijo. para mayor énfasis. Normalmente aparece en negrita. para una variable``metasintáctica'', donde el usuario debe reemplazarlo por un elemento específico (rm filename borra el fichero.)

20 HTML. IntroducciónMartha Reyes Villa Estilos físicos texto en negrita texto en itálica

21 HTML. IntroducciónMartha Reyes Villa Listas marcadas Para hacer una lista, se debe utilizar la directiva... ; mientras que, para cada elemento de la lista debe utilizarse la directiva... : Grupo de cuerda Grupo de viento Grupo de percusiones Grupo de voces

22 HTML. IntroducciónMartha Reyes Villa Lista enumerada Para hacer una lista enumerada, se deberá especificar con la directiva.... Cada elemento de la lista estará contenida entre... : Está conectado a la corriente? Está el interruptor a ON? Está la pantalla encendida? Está la linea de alimentación caida?

23 HTML. IntroducciónMartha Reyes Villa Listas de definiciones Las listas de definiciones se usan para formatear un conjunto de palabras con sus correspondientes descripciones. Negrita (bold). Cursiva (italic). Para formatear una lista de descripciones se usarán las directivas.... Cada elemento debe especificarse entre.... Cada definición debe especificarse entre.... Negrita (bold). Cursiva (italic).

24 HTML. IntroducciónMartha Reyes Villa Ligas a otros documentos Se especifica el texto de enlace utilizando la directiva Anchor <A. Se especifica el enlace El atributo HREF (hypertext reference) es un enlace a otro objeto. Puede ser desde un enlace a otra parte del documento (referencias locales) hasta un enlace a un documento en otra máquina diferente. Para crear un enlace o referencia hipertexto, se utilizará la siguiente plantilla: Texto de enlace. Indice El usuario verá: Texto de enlace. Indice Texto de enlace. Indice

25 HTML. IntroducciónMartha Reyes Villa Investigación para alumnos Concepto de Hipertexto http://www.ldc.usb.ve/~abianc/hipertexto.html#Definiciones Buscar sitios en Internet (www.bravenet.com) para crear una página de manera gratuita y crear su propia página con una portada.www.bravenet.com http://www.reyvilmar.bravehost.com/ Si es posible agregar la página creada en el laboratorio.