ADICION DE CONTENIDO A LAS PAGINAS WEB

Mediante Dreamweaver, podr aadir fcilmente a las pginas Web una gran variedad de contenidos.
Aada activos y elementos de diseo, como texto, imgenes, colores, pelculas, sonido y otros
elementos multimedia

1. Las funciones de creacin de pginas de Dreamweaver le permiten especificar propiedades de

la pgina Web tales como ttulos de pgina o imagen y color de fondo. Adems, Dreamweaver
le proporciona herramientas para optimizar el rendimiento de su sitio Web y probar las pginas
para asegurar la compatibilidad con distintos navegadores Web.

2. Escriba directamente en un documento de Dreamweaver o importe texto desde otros

documentos, luego aplique formato al texto utilizando el inspector de propiedades de
Dreamweaver. Tambin puede crear fcilmente sus propias CSS.

3. Inserte imgenes, incluidas imgenes de sustitucin, mapas de imgenes e imgenes por capas
de Fireworks y utilice las herramientas de alineacin para situar las imgenes en la pgina.
Tambin puede cambiar el tamao de las imgenes directamente en Dreamweaver.

4. Inserte cualquier otro tipo de elementos multimedia en una pgina Web, como pelculas Flash,
Shockwave y QuickTime, sonido y applets

CODIFICACIN MANUAL

La codificacin manual de pginas Web es otro mtodo para crear las pginas. Dreamweaver ofrece
sencillas herramientas de edicin visual, pero tambin ofrece un entorno de codificacin ms sofisticado.
Puede utilizar el mtodo que prefiera, o una combinacin de ambos, para crear y editar sus pginas.

1. Puede trabajar en un entorno de codificacin sin herramientas visuales; las herramientas de

codificacin le permiten crear y editar cdigo, asignarle un formato y comprobar que se ajusta
a determinadas normas.

2. Tambin puede utilizar algunas herramientas de codificacin de Dreamweaver en la vista

Diseo, el entorno de diseo visual.
ETIQUETAS HTML

HTML significa el lenguaje de marcado de hipertexto que se compone de las etiquetas. Estas etiquetas
incluyen palabras que controlan cmo el contenido y formato y se muestran dentro de un navegador. En
general, las etiquetas se muestran con dos partes dentro de corchetes, contienen una etiqueta de
apertura para iniciar el comando que se parece a <esto> y una etiqueta de cierre para terminar el
comando es </>.

CAMBIO DE TEXTO

Tambin puedes utilizar las etiquetas para que el texto sea ms grande o ms pequeo. El uso de un
cdigo de color HEX, puede utilizar un comando entre parntesis para cambiar el color del texto a casi
cualquier color en el espectro visual. Hay otros usos para el texto entre corchetes, incluyendo el cambio
de tipo de letra, las lneas de penetracin, edicin, y as sucesivamente.

ADICIN DE IMGENES

Las imgenes estn presentes en los documentos HTML de muchas maneras: fotografas, dibujos, iconos,
fondos, etc. Ninguno de estos elementos es imprescindible para una pgina web, pero todos son
recomendables.

Antes de tratar sobre las cuestiones tcnicas, conviene reflexionar acerca de la propia utilizacin de los
grficos en los documentos HTML , para aadir imgenes tienes que usar la etiqueta <img> y para cerrar
la etiqueta </img>.

ADICIN DE ENLACES

La adicin de enlaces es bastante fcil de hacer en HTML. Una vez ms, se trata de un comando de la
etiqueta, que pone entre parntesis la URL del enlace que desea publicar. Se trata bsicamente de la
misma premisa que la insercin de una imagen, a excepcin de que la URL es de otro sitio web, en lugar
de una imagen.

FORMATO DE PAGINA

Se pueden utilizar diferentes tipos de etiquetas para crear la sangra, espaciado, tablas, listas, y as
sucesivamente. Si usted quiere conseguir realmente en el formato, usted podra considerar la CSS
aprendizaje, que es un lenguaje de codificacin con muchos usos ms especializados para la fabricacin
de artculos en una pgina web se vea bien.
Estos son slo algunos de los elementos bsicos para HTML que pueden ayudarle a empezar.

Una vez que entienda los conceptos bsicos de cmo funcionan las etiquetas, es ms fcil de
implementar para diferentes funciones
 Elemento raz
Elemento Descripcion

<!doctype Define que el documento esta bajo el estandar de

html> HTML 5

Elemento Descripcin

Representa la raz de un documento HTML o XHTML.

<html> Todos los dems elementos deben ser descendientes de
este elemento.

Metadatos del documento

Elemento Descripcin

Representa una coleccin de metadatos acerca del

<head> documento, incluyendo enlaces a, o definiciones de, scripts
y hojas de estilo.

Define el ttulo del documento, el cual se muestra en la

barra de ttulo del navegador o en las pestaas de pgina.
<title>
Solamente puede contener texto y cualquier otra etiqueta
contenida no ser interpretada.

<base> Define la URL base para las URLs relativas en la pgina.

Usada para enlazar JavaScript y CSS externos con el

<link>
documento HTML actual.
Elemento Descripcin

Define los metadatos que no pueden ser definidos usando

<meta>
otro elemento HTML.

<style> Etiqueta de estilo usada para escribir CSS en lnea.

Scripting
Elemento Descripcin

Define ya sea un script interno o un enlace hacia un script

<script>
externo. El lenguaje de programacin es JavaScript

Define un contenido alternativo a mostrar cuando el

<noscript>
navegador no soporta scripting.

Secciones
Elemento Descripcin

Representa el contenido principal de un

<body> documento HTML. Solo hay un
elemento <body> en un documento.

<section>
Define una seccin en un documento.

Define una seccin que solamente

<nav> contiene enlaces de navegacin

Define contenido autnomo que podra

<article>
existir independientemente del resto del
contenido.
Elemento Descripcin

Define algunos contenidos vagamente

relacionados con el resto del contenido de
<aside> la pgina. Si es removido, el contenido
restante seguir teniendo sentido

Los elemento de cabecera implementan

seis niveles de cabeceras de
documentos; <h1> es la de mayor y <h6> es
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>
la de menor impotancia. Un elemento de
cabecera describe brevemente el tema de
la seccin que introduce.

Define la cabecera de una pgina o

seccin. Usualmente contiene un logotipo,
<header> el ttulo del sitio Web y una tabla de
navegacin de contenidos.

Define el pie de una pgina o seccin.

Usualmente contiene un mensaje de
<footer>
derechos de autora, algunos enlaces a
informacin legal o direcciones para dar
informacin de retroalimentacin.

Define una seccin que contiene

<address>
informacin de contacto.

Define el contenido principal o importante

<main>
en el documento. Solamente existe un
elemento <main> en el documento.
 Agrupacin de Contenido
Elemento Descripcin

Define una parte que debe mostrarse como un

<p>
prrafo.

Representa un quiebre temtico entre parrafos de

<hr>
una seccin o articulo o cualquier contenido.

Indica que su contenido esta preformateado y que

<pre>
este formato debe ser preservado.

<blockquote> Representa una contenido citado desde otra fuente.

<ol> Define una lista ordenada de artculos.

<ul> Define una lista de artculos sin orden.

<li> Define un artculo de una lista ennumerada.

Define una lista de definiciones, es decir, una lista de

<dl>
trminos y sus definiciones asociadas.

<dt> Representa un trmino definido por el siguiente <dd>.

Representa la definicin de los terminos listados

<dd>
antes que l.

Representa una figura ilustrada como parte del

<figure> documento.

<figcaption>
Representa la leyenda de una figura.
Elemento Descripcin

Representa un contenedor genrico sin ningn

<div>
significado especial.

Semntica a nivel de Texto

Elemento Descripcin

<a> Representa un hiperenlace , enlazando a otro recurso.

Representa un texto enfatizado , como un acento de

<em>
intensidad.

<strong> Representa un texto especialmente importante .

Representa un comentario aparte , es decir, textos como

un descargo de responsabilidad o una nota de derechos
<small>
de autora, que no son esenciales para la comprensin del
documento.

<s> Representa contenido que ya no es exacto o relevante .

<cite> Representa el ttulo de una obra .

<q> Representa una cita textual inline.

Representa un trmino cuya definicin est contenida en

<dfn>
su contenido ancestro ms prximo.

Representa una abreviacin o un acrnimo ; la expansin

<abbr> de la abreviatura puede ser representada por el
atributo title.
Elemento Descripcin

Asocia un equivalente legible por mquina a sus

contenidos. (Este elemento est slamente en la versin
<data> de la WHATWG del estandar HTML, y no en la versin de
la W3C de HTML5).

Representa un valor de fecha y hora; el equivalente legible

<time>
por mquina puede ser representado en el
atributo datetime.

<code> Representa un cdigo de ordenador .

Representa a una variable, es decir, una expresin

matemtica o contexto de programacin, un identificador
<var> que represente a una constante, un smbolo que identifica
una cantidad fsica, un parmetro de una funcin o un
marcador de posicin en prosa.

<samp> Representa la salida de un programa o un ordenador.

Representa la entrada de usuario, por lo general desde un

teclado, pero no necesariamente, este puede representar
<kbd>
otras formas de entrada de usuario, como comandos de
voz transcritos.

Representan un subndice y
<sub>,<sup>
un superndice, respectivamente.

<i> Representa un texto en una voz o estado de nimo alterno,

o por lo menos de diferente calidad, como una designacin
Elemento Descripcin

taxonmica, un trmino tcnico, una frase idiomtica, un

pensamiento o el nombre de un barco.

Representa un texto hacia el cual se llama la atencin

<b> para propsitos utilitaros. No confiere ninguna importancia
adicional y no implica una voz alterna.

Representa una anotacin no textual sin-articular, como

<u> etiquetar un texto como mal escrito o etiquetar un nombre
propio en texto en Chino.

Representa texto resaltado con propsitos de referencia,

<mark> es decir por su relevancia en otro contexto.

Representa contenidos a ser marcados con anotaciones

ruby, recorridos cortos de texto presentados junto al texto.
Estos son utilizados con regularidad en conjunto a
<ruby>
lenguajes de Asia del Este, donde las anotaciones actan
como una gua para la pronunciacin, como
el furigana Japons.

<rt>
Representa el texto de una anotacin ruby .

Representa los parntesis alrededor de una anotacin

ruby, usada para mostrar la anotacin de manera alterna
<rp> por los navegadores que no soporten despliegue estandar
para las anotaciones.

Representa un texto que debe ser aislado de sus

<bdi>
alrededores para el formateado bidireccional del
Elemento Descripcin

texto. Permite incrustar un fragmento de texto con una

direccionalidad diferente o desconocida.

Representa la direccionalidad de sus descendientes con el

<bdo> fin de anular de forma explcita al algoritmo bidireccional
Unicode.

Representa texto sin un significado especfico. Este debe

ser usado cuando ningn otro elemento semntico le
<span>
confiere un significado adecuado, en cuyo caso, provendr
de atributos globales como class, lang, o dir.

<br> Representa un salto de lnea.

Representa una oportunidad de salto de lnea, es decir, un

<wbr>
punto sugerido de envoltura donde el texto de mltiples
lneas puede ser dividido para mejorar su legibilidad.

Contenido incrustado
Elemento Descripcin

<img> Representa una imagen.

Representa un contexto anidado de navegacin, es decir,

<iframe>
un documento HTML embebido.

Representa un punto de integracin para una aplicacin o

<embed>
contenido interactivo externo que por lo general no es
HTML.
Elemento Descripcin

Representa un recurso externo, que ser tratado como

<object> una imagen, un sub-documento HTML o un recurso
externo a ser procesado por un plugin.

Define parmetros para el uso por los plugins invocados

<param>
por los elementos <object>.

Representa un video , y sus archivos de audio y

<video>
capciones asociadas, con la interfaz necesaria para
reproducirlos.

<audio>
Representa un sonido o stream de audio.

<source> Permite a autores especificar recursos multimedia

alternativos para los elementos multimedia
como <video> o <audio>.

Permite a autores especificar una pista de

<track>
texto temporizado para elementos multimedia
como <video> o <audio>.

<canvas> Representa un rea de mapa de bits en el que se pueden

utilizar scripts para renderizar grficos como grficas,
grficas de juegos o cualquier imagen visual al vuelo.

<map> En conjunto con <area>, define un mapa de imagen.

<area> En conjunto con <map>, define un mapa de imagen.

Elemento Descripcin

<svg>
Define una imagen vectorial embebida.

<math>
Define una frmula matemtica.

Datos tabulares
Elemento Descripcin

<table> Representa datos con ms de una dimensin.

<caption> Representa el ttulo de una tabla.

Representa un conjunto de una o ms columnas de una

<colgroup>
tabla.

<col> Representa una columna de una tabla.

Representa el bloque de filas que describen los datos

<tbody>
contretos de una tabla.

Representa el bloque de filas que describen las etiquetas

<thead>
de columna de una tabla.

Representa los bloques de filas que describen

<tfoot>
los resmenes de columna de una tabla.

<tr> Representa una fila de celdas en una tabla.

<td> Representa una celda de datos en una tabla.

<th>
Representa una celda encabezado en una tabla.
 Formularios
Elemento Descripcin

Representa un formulario, consistendo de controles

<form> que puede ser enviado a un servidor para
procesamiento.

<fieldset> Representa un conjunto de controles.

<legend> Representa el ttulo de un <fieldset>.

<label> Representa el ttulo de un control de formulario.

Representa un campo de datos escrito que permite al

<input>
usuario editar los datos.

<button> Representa un botn .

Representa un control que permite la seleccin entre

<select>
un conjunto de opciones.

Representa un conjunto de opciones

<datalist> predefiniddas para otros controles.

Representa un conjunto de opciones, agrupadas

<optgroup>
lgicamente.

Representa una opcin en un elemento <select>, o una

<option>
sugerencia de un elemento <datalist>.

<textarea> Representa un control de edicin de texto multi-lnea.

Elemento Descripcin

<keygen>
Representa un control de par generador de llaves.

<output>
Representa el resultado de un clculo.

<progress>
Representa el progreso de finalizacin de una tarea.

Representa la medida escalar (o el valor fraccionario)

<meter> dentro de un rango conocido.

Elementos interactivos
Elemento Descripcin

Representa un widget desde el que un usuario puede

<details> obtener informacin o controles adicionales.

Representa un resumen, ttulo o leyenda para un

<summary> elemento <details> dado.

<command>
Representa un comando que un usuario puede invocar.

<menu>
Representa una lista de comandos .
 REFERENCIAS
http://www.uhu.es/antonia.dominguez/guiatic/Utili
zacion_de_Dreamweaver.pdf
https://developer.mozilla.org/es/docs/HTML/HT
ML5/HTML5_lista_elementos