Diplomatura de Fisioterapia - APENDICE A Robles, 2002 1 HTML Apendice A Diseño de Páginas Web ( HyperText Markup Language) Apendice A Diseño de Páginas.

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 1 HTML Apendice A Diseño de Páginas Web ( HyperText Markup Language) Apendice A Diseño de Páginas Web ( HyperText Markup Language)

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 2 Una página Básica Uso de etiquetas para describir el lenguaje. Uso de etiquetas para describir el lenguaje. Inicio de una etiqueta. Inicio de una etiqueta. Cierre de una etiqueta. Cierre de una etiqueta. Documento: [todo el documento] Documento: [todo el documento] Dos zonas principales: Dos zonas principales: Encabezamiento:... Encabezamiento:... Cuerpo:... Cuerpo:... Estructura: Estructura:<HTML><HEAD> Titulo de la página Titulo de la página </HEAD><BODY> [Aquí van las etiquetas que visualizan la página} [Aquí van las etiquetas que visualizan la página}</BODY></HTML> HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 3 Dando formato de texto Retorno de carro:. Retorno de carro:. Párrafo nuevo (retorno carro + línea en blanco): Párrafo nuevo (retorno carro + línea en blanco): Múltiples líneas en blanco: Múltiples líneas en blanco: Espacios en blanco entre palabras: “ ”. Espacios en blanco entre palabras: “ ”. Cabeceras:... ;....;... Cabeceras:... ;....;... Centrado:... Centrado:... Separadores Horizontales:. Separadores Horizontales:. Negrita:... Negrita:... Cursiva:... Cursiva:... Acentos: “ &{letra acentuada}acute; ”. Acentos: “ &{letra acentuada}acute; ”. HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 4 Página 1 (en navegador) HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 5 Página 1 (HTML) HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 6 Listas de elementos Listas desordenadas: Listas desordenadas: Una cosa. Una cosa. otra cosa. otra cosa. otra más. otra más. Listas numeradas: Listas numeradas: Una cosa. Una cosa. otra cosa. otra cosa. otras más. otras más. Anidamiento Anidamiento HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 9 Enlaces con otras páginas Existen cinco tipos de enlaces: Existen cinco tipos de enlaces: ·Enlaces dentro de la misma página. ·Enlaces con otra página nuestra. ·Enlaces con una página fuera de nuestro sistema. ·Enlaces con una dirección de correo electrónico. ·Enlaces con documentos de nuestro sistema. Enlace dentro de la misma página. El enlace se define como: Texto sensible. El enlace se define como: Texto sensible. El punto exacto donde queremos llegar a través del enlace lo definiremos como: El punto exacto donde queremos llegar a través del enlace lo definiremos como:.... HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 10 Enlaces con otra página nuestra Si la página está en la misma página: Si la página está en la misma página: texto sensible. texto sensible. Si la página esta en otro directorio habría que escribir la ruta exacta. Si la página esta en otro directorio habría que escribir la ruta exacta. texto sensible. texto sensible. Enlaces con una página fuera de nuestro sistema Una vez conocida la URL: Una vez conocida la URL: texto sensible. texto sensible. HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 11 Enlaces con una dirección de e-mail Una vez conocida la dirección de correo electrónico: Una vez conocida la dirección de correo electrónico: texto sensible. texto sensible. Inclusión de documentos en la página Una vez que se sabe en que directorio reside el fichero: Una vez que se sabe en que directorio reside el fichero: texto sensible. texto sensible. HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 13 Página 3_A (HTML) HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 14 Página3_B(HTML) HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 15 Imágenes Conocida la localización de la Imagen: Conocida la localización de la Imagen: Texto alternado: Texto alternado: Alineación del texto respecto a la imagen: Alineación del texto respecto a la imagen: Titular. Titular. Imagen como elemento sensible en un enlace: Imagen como elemento sensible en un enlace: HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 18 Caracteres Especiales. < para < < para < > para > > para > & para & & para & " para “ " para “ á para á. á para á. é para é. é para é. í para í. í para í. ó para o. ó para o. ú para ú. ú para ú. ñ para ñ ñ para ñ Ñ para Ñ Ñ para Ñ ü para ü. ü para ü. Ü para Ü Ü para Ü ¿ o ¿ para ¿ ¿ o ¿ para ¿ ¡ o ¡ para ¡ ¡ o ¡ para ¡ HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 19 Página 5 (ennavegador) HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 21 Fondos Se puede cambiar el fondo de dos maneras distintas: · Con un color uniforme. · Con un color uniforme. · Con una imagen. · Con una imagen. Fondos con un color uniforme XX es un numero indicativo de la cantidad de rojo. YY es un numero indicativo de la cantidad de verde. ZZ es un numero indicativo de la cantidad de azul. ¡¡Ojo!! HEXADECIMAL:0 1 2 3 4 5 6 7 8 9 A B C D E F El menor es el 00(0x0) y el mayor el FF(FxF). Los colores principales son: #FF0000 - Rojo. #FFFFFF - Blanco. #00FF00 - Verde. #000000 – Negro. #0000FF - Azul. #FFFF00 - Amarillo. HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 22 Colores del texto y de los enlaces <BODY BGCOLOR=“#XXYYZZ” TEXT=“#XXYYZZ” LINK=“#XXYYZZ” VLINK=“#XXYYZZ” ALINK=“#XXYYZZ”> TEXT - Color del texto. TEXT - Color del texto. LINK - Color de los enlaces. LINK - Color de los enlaces. VLINK - Color de los enlaces visitados. VLINK - Color de los enlaces visitados. ALINK - Color de los enlaces activos. ALINK - Color de los enlaces activos. Imagen de fondo. <BODY BACKGROUND=“image.ext” BGCOLOR=“#CCFFFF” TEXT=“#AA0000”> TEXT=“#AA0000”> HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 24 Página 6 HTML HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 25 Alineación de la imagen. Permite alinear una imagen a la izquierda o a la derecha de Permite alinear una imagen a la izquierda o a la derecha de la página y hacer que el texto la rodee completamente. Diferente del titular de la imagen, que era una frase breve. Diferente del titular de la imagen, que era una frase breve. La sintaxis es: La sintaxis es: Si se quiere interrumpir el rellenado a los lados de la imagen: Si se quiere interrumpir el rellenado a los lados de la imagen: HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 26 Página 7 (ennavegador) HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 28 Dimensionado de Imágenes. La carga de la imagen no interrumpirá la carga de la página La carga de la imagen no interrumpirá la carga de la páginacompleta. La estructura a seguir es: La estructura a seguir es: HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 31 TABLAS Estructura: Estructura: <TR>...... </TR><TR> </TR></TABLE> HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 32 Página 9_A (ennavegador) HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 33 Página 9_A (HTML) HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 34 Página 9_B (ennavegador) HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 35 Página 9_B (HTML) HTML

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 1 HTML Apendice A Diseño de Páginas Web ( HyperText Markup Language) Apendice A Diseño de Páginas.

Presentaciones similares

Presentación del tema: "Diplomatura de Fisioterapia - APENDICE A Robles, 2002 1 HTML Apendice A Diseño de Páginas Web ( HyperText Markup Language) Apendice A Diseño de Páginas."— Transcripción de la presentación:

Presentaciones similares

Sobre el proyecto

Feedback

Iniciar la sesión

Autorizarse a través de una red social:

Diplomatura de Fisioterapia - APENDICE A Robles, 2002 1 HTML Apendice A Diseño de Páginas Web ( HyperText Markup Language) Apendice A Diseño de Páginas.

Presentaciones similares

Presentación del tema: "Diplomatura de Fisioterapia - APENDICE A Robles, 2002 1 HTML Apendice A Diseño de Páginas Web ( HyperText Markup Language) Apendice A Diseño de Páginas."— Transcripción de la presentación:

Presentaciones similares

Sobre el proyecto

Feedback