Tema 1.wed

 Tema 1
Estructura de las Páginas Web
Introducción.-
El lenguaje html trabaja con etiquetas (tags) que tienen diferentes

usos. Por ejemplo <TITLE> </TITLE> sirve para colocar el nombre
de la página en el marco superior del navegador. Las mayoría de las
etiquetas necesitan cerrarse y modifican la información contenida
dentro de ellas.
Algunas como <BR> no necesitan cerrarse. Después se explicará

mejor el significado de éstas y otras más.
Temario.-
1. Introducción a HTML
 Qué es HTML
 Versiones de HTML
 Los navegadores. Compatibilidad
 Editores
 Introducción al Bloc de notas
 Compaginar dos sesiones
 Etiquetas
 Mi primera página
2. Estructura de una página
 Identificador del tipo de documento <html>

 Cabecera de la página <head>
 Título de la página <title>
 La etiqueta <meta>
 Cuerpo del documento <body>
 Colores en hexadecimal
Recursos.- Ebook Readers
 Ebook ReadersCarpeta
 Test de Evaluativa Introducción a HTMLCuestionario
Tema 2

Elementos de una Página Web
Introducción.-
Ya sabemos cómo es la estructura de un documento en html.
Es el momento de empezar a manipular los elementos de nuestra

página.
El elemento fundamental en Internet es el texto. Aunque el auge de

los últimos años se ha debido principalmente al contenido
multimedia, (gráficos, sonido y video) el texto sigue siendo la base
de todo documento en la red.
Temario.-
3. Texto
 Caracteres especiales y espacios en blanco

 Comentarios Saltos de línea <br>
 Texto preformateado <pre>
 Separadores <hr>
 Sangrado de texto <blockquote>
 Formatear el texto <font>
 Resaltado del texto <b> ...
 Párrafos <p> ...
 Encabezados <h1> ...
 Marquesinas <marquee>
 Las listas <li> ...
4. Imágenes
 Imagen <img>
 Formatos de imagen
 Texto alternativo
 Borde de una imagen
 Tamaño de una imagen
 Alineación de una imagen
5. Multimedia
 Sonido de fondo <bgsound>

 Vídeo y audio <embed>
 Películas Flash <object>

Tema 3

Enlaces de Páginas Web
Introducción.-
El poder verdadero de html radica en la capacidad de manejar

hipertexto o hipermedios como algunos le llaman, y se logra por
medio de enlaces o links.
Esto es, a través de un click en un segmento de texto o una imagen,

es posible encontrar más información relacionada con la que originó
ese click. Dicha información puede encontrarse en otras páginas
dentro y fuera de nuestro servidor*, o en algún punto concreto de
páginas dentro y fuera de nuestro servidor.
Temario.-
6. Hiperenlaces
 Hiperenlace <a>
 Tipos de referencias
 Destino del enlace
 Formato de los enlaces
 Puntos de fijación. Anclas
 Otros tipos de enlaces
7. Marcos
 Conjunto de marcos <frameset>

 Marco <frame>
 Sin marcos <noframes>
 Destino del enlace
Tema 4

Diseño y Maquetación Web

Introducción.-
En HTML, una poderosa herramienta a la hora de mostrar cierto tipo

de información son las tablas. Hay muchos sitios que por su
naturaleza no usan tablas aunque existen algunas ocasiones en que
el papel de las tablas se vuelve esencial.
El fin de las tablas es preferentemente contener datos ordenados en

celdas (filas y columnas). En principio, no deben ser usadas para
crear divisiones de cara a mostrar una página web, es decir, es
preferible que una página web no esté dividida en distintos espacios
usando tablas. Para maquetar una página web y dividirla en distintos
espacios se usarán otras herramientas (capas, elementos flotantes,
etc.).
Las tablas pueden ser consideradas como un grupo de filas donde

cada una de ellas contiene un grupo de celdas. Una tabla puede ser
insertada en un documento HTML usando tres elementos: el
elemento TABLE (estructura contenedora principal), el elemento TR
(contenedor de fila) y el elemento TD (celda).
Temario.-
8. Tablas
 Tabla <table>
 Fila <tr>
 Columna o celda <td>
 Formato de la tabla
 Formato de las celdas
 Encabezado de columna <th>
 Titulo de tabla <caption>
 Combinar celdas
9. Capas
 Capa <div> ...
Tema 5

Diseño Formularios Interactivos

Introducción.-
Los formularios interactivos permiten a los autores de páginas Web

poner elementos interactivos en sus páginas, por ejemplo, para
recibir mensajes de sus lectores, de forma similar a las cartas de
respuestas que se encuentra en algunas revistas.
Los formularios son una característica del estándar HTML Que

permite a los autores recolectar información provista por los
visitantes. Estos formularios pueden resultar útiles para reunir
información personal, de contacto, preferencias, opiniones, o de
cualquier otro tipo que el autor necesite. En este tutorial
exl¡ploraremos todas las herramientas disponibles para construir
formularios en HTML.
Temario.-
10. Formularios
 Formulario <form>
 Áreas de texto <textarea>
 Elementos de entrada <input>
 Campos de selección <select> ...
Tema 6

Diseño de Plantillas Web
Introducción.-
Las hojas de estilo son útiles para definir los atributos visuales en
documentos HTML. Esto le da a los autores métodos poderosos para
definir el aspecto visual del documento, mientras que separa la parte
semántica (HTML) de la presentacional (style sheets).
CSS, es una tecnología que nos permite crear páginas web de una
manera más exacta. Gracias a las CSS somos mucho más dueños de
los resultados finales de la página, pudiendo hacer muchas cosas que
no se podía hacer utilizando solamente HTML, como incluir
márgenes, tipos de letra, fondos, colores...
Temario.-
11. Hojas de Estilo en Cascada
 Introducción
 Vincular una hoja de estilo
 Sintaxis de las hojas de estilo
 Las propiedades
Tema 7

Talleres De Diseño Web Nº 1:
Objetivos.-
 Aplica las etiquetas del lenguaje html , para la

creacion de paginas web.
 Utiliza los principios de la diagramación web.
Indicaciones.-
 Abrir el editor de textos Bloc de Notas y utiliza las

etiquetas del lenguaje html.
 Crear una carpeta con el nombre
de TallerWebN, donde N es el numero correlativo.
Criterios de Evaluación.-
 Diseño por cada sitio web.

 Publicacion de los sitios web.
 Presentacion de la Url del sitio web.
 Talleres de Diseño Web Nº 01Carpeta
Tema 8

Tema 1.wed

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Tema 1.wed

Cargado por

Copyright:

Formatos disponibles

 Tema 1

Estructura de las Páginas Web

El lenguaje html trabaja con etiquetas (tags) que tienen diferentes

Algunas como <BR> no necesitan cerrarse. Después se explicará

 Identificador del tipo de documento <html>

Elementos de una Página Web

Ya sabemos cómo es la estructura de un documento en html.

Es el momento de empezar a manipular los elementos de nuestra

El elemento fundamental en Internet es el texto. Aunque el auge de

 Caracteres especiales y espacios en blanco

 Sonido de fondo <bgsound>

Enlaces de Páginas Web

El poder verdadero de html radica en la capacidad de manejar

Esto es, a través de un click en un segmento de texto o una imagen,

 Conjunto de marcos <frameset>

Diseño y Maquetación Web

En HTML, una poderosa herramienta a la hora de mostrar cierto tipo

El fin de las tablas es preferentemente contener datos ordenados en

Las tablas pueden ser consideradas como un grupo de filas donde

 Capa <div> ...

Diseño Formularios Interactivos

Los formularios interactivos permiten a los autores de páginas Web

Los formularios son una característica del estándar HTML Que

Diseño de Plantillas Web

11. Hojas de Estilo en Cascada

Talleres De Diseño Web Nº 1:

 Aplica las etiquetas del lenguaje html , para la

 Abrir el editor de textos Bloc de Notas y utiliza las

 Diseño por cada sitio web.

También podría gustarte