Diseño Web y Animación 2016 II Ing. NUÑEZ AMACIFUEN,ernesto El lenguaje HTML: Principios básicos.

Presentación del tema: "Diseño Web y Animación 2016 II Ing. NUÑEZ AMACIFUEN,ernesto El lenguaje HTML: Principios básicos."— Transcripción de la presentación:

1 Diseño Web y Animación 2016 II Ing. NUÑEZ AMACIFUEN,ernesto Email: ernestant@hotmail.com El lenguaje HTML: Principios básicos

2 Características generales Hipertexto e Hipermedia HTML: HyperText Markup Language El proceso de textos mediante marcas: –Script de IBM –TEX Documentos HTML: fichero ASCII Lenguajes interpretados y compilados

3 Las etiquetas El formato general a seguir: – contenido La inclusión de comentarios que no se ven: – Las etiquetas que nunca deben faltar: –

4 Formateo elemental de textos Encabezamientos –........... Salto de párrafo – Centrado – Negrita y Cursiva –

5 Atributos de etiquetas Alineación de párrafos –Izquierda: ALIGN=left (opción por defecto) –Derecha: ALIGN=right –Centrado: ALIGN=center Utilización. – Ejemplo 1

6 Construcción de una página Web. En primer lugar, debemos notar que el Lenguaje HTML consiste en una serie de etiquetas (tags), encerradas entre los símbolos. Cada etiqueta realiza una tarea de formato diferente. Por ejemplo, si queremos que un texto aparezca centrado, escribiremos la etiqueta seguida por el texto que deseamos centrar, y cerrando la instrucción con la etiqueta Ejemplo: Mi primera línea en html

7 Estructura básica de un documento HTML. Las etiquetas (tags) más comunes en una página Web son las siguientes:

8 FORMATOS DE TEXTOS Formatos Físicos: Negrita: … Cursiva: … Subrayado: … Teletipo: … Tachado: … Grande: … Pequeña: … Superíndice: … Subíndice: …

9

10 Estructura básica de un documento HTML. Es importante observar el orden en el cual se encuentran escritas las etiquetas. La etiqueta marca el comienzo del documento, y como es lógico se requiere otra etiqueta para marcar el final del documento. La etiqueta que finaliza el documento es. Una etiqueta da inicio a un conjunto de tareas, las cuales terminan cuando encuentran una etiqueta con el mismo nombre, pero precedida por el símbolo /.

11 Estructura básica de un documento HTML. Las etiquetas se pueden escribir indistintamente con mayúsculas o minúsculas.

12 Pasos para construir una página Web Paso 1 El primer paso consiste en abrir un editor de texto. Una opción sencilla es utilizar el bloc de notas de windows. Siga las secuencia: Haga click en Inicio| Programas| Accesorios | bloc de notas Abra un nuevo documento (Archivo|Nuevo) e introduzca el siguiente código.

13 Pasos para construir una página Web Concejo de Jesús María Ing. Cruz Muñoz César Camilo (cursiva) Soy Docente del Departamento de Telemática (Negrita) de la Universidad Nacional de Ingenieria SECOM Mi correo

14 Pasos para construir una página Web Paso 2. Pulse sobre la opción de menú Archivo y a continuación en Guardar como.... Elija un directorio, asigne el nombre de archivo Prueba.html y pulse el botón Guardar Paso 3. En este paso desplegamos el contenido de la página HTML en un explorador, como por ejemplo Internet Explorer. O podemos acceder simplemente haciendo doble click sobre el archivo Prueba.html

15 Comentarios al documento HTML Nota 1 Entre las etiquetas Y introducimos el título del documento. Este título aparecerá en la barra superior de la ventana cuando visualicemos la página usando un navegador. Nota 2 Por defecto, si no indicamos un color de fondo, aparecerá el blanco. Para cambiarlo, basta con indicarlo en la etiqueta inicial de la siguiente forma:

16 Comentarios al documento HTML Si queremos hacer un punto y aparte utilizamos la etiqueta. La etiqueta se emplea para avanzar a la siguiente línea. Utilizamos la etiqueta para resaltar un texto usando letra cursiva Si queremos texto en negrita, utilizamos la etiqueta. Por defecto, los textos aparecen alineados a la izquierda. Para centrarlos utilizaremos la etiqueta...

17 Comentarios al documento HTML Nota 4 Los formatos gráficos (imágenes) más utilizados en la Web son GIF y JPG. Es necesario, por lo tanto, que las imágenes insertadas en el documento HTML estén en cualquiera de estos dos formatos Una imagen se inserta en el documento HTML utilizando la etiqueta. Los puntos de la imagen seguida por su extensión. Es conveniente que tanto el documento HTML como sus imágenes estén almacenadas en el mismo directorio.

18 Comentarios al documento HTML Nota 5 Para establecer enlace con otra página, utilice la siguiente etiqueta: Universidad de Magallanes También se puede utilizar los hipervínculos para transmitir un correo electrónico. Por ejemplo: cjoelg@ona.fi.umag.cl

19 Ing. Lic. NUÑEZ AMACIFUEN,ERnesto Soy Docente Mis áreas de Interés son: Programación Orientada a Objetos Base de Datos Algoritmia, Matemática Pura y Telemática Rpc 982797240 Rpm #05 988179670.

20 ¿Preguntas?

21 ESTRUCTURA DE UN DOCUMENTO HTML. Un documento HTML, no es más que el texto definido entre las marcas:..................... Un documento HTML siempre se compone de las siguientes 2 partes: Cabecera del documento Contenido del documento

22 Cabecera: Se inicia mediante el comando y se termina con. El título del documento se declara entre las etiquetas y. Tipos de letras Algunas de las marcas que permiten especificar la tipografía de los caracteres son las siguientes: Negrita (Bold) Cursiva (Italic) Parpadeante (Blink) Tamano fijo (TypeWriter) énfasis (Emphasis) Gran énfasis (Strong) Subrayado (Underline)

23 PRACTICA AHORA Mi primera página WEB Hola a todos, como han deducido por el titulo esta es la primera pagina web que hago, espero que les guste. Seguiré mejorando.

24

25