Dreamweaver:
GÉNESIS LUNA C.I. 26.791.113
¿Qué es Dreamweaver?
Adobe Dreamweaver es un programa destinado a facilitar la elaboración, edición y diseño de sitios web utilizando
herramientas que ayudan a simplificar los códigos de programación.
También permite desarrollar aplicaciones, contenido multimedia y se adapta a diferentes dispositivos.
Lista de códigos básicos para desarrollar una página web con Dreamweaver
Cabecera de la página
Cuerpo del documento
Fondos y colores de texto
Títulos
Tamaño de letra y color
Alineación de Imágenes
Cabecera de la página
HTML (HyperText Markup Language): Tipo de lenguaje de programación con el que se realizará el documento. El código <HTML> será la raíz que permitirá elaborar la página web, y el código </HTML>, señalará su final.
HEAD: <HEAD> y </HEAD> marcan el inicio y el final de la cabecera. Es lo primero que se debe colocar después del código <HTML>.
TITLE: Luego de escribir <HEAD> se inserta el título, que estará delimitado por <TITLE> y </TITLE>. Al final, se deberá cerrar con el código que marcará el final de la cabecera, es decir, </HEAD>.
Cuerpo del documento
BODY: Establece el cuerpo del documento. Asimismo, tal como las etiquetas anteriores, se abrirá con <BODY> y
se cerrará con </BODY>.
Ejemplo sencillo de cómo estructurar una página web básica utilizando las etiquetas HTML, HEAD, TITLE y BODY:
Fondos y colores de texto
BGCOLOR: Modifica el color del fondo según el código HTML del color que deseamos colocar. Por ejemplo: El color negro en código HTML se identifica como #000000.
BACKGROUND: Permite la colocación de una imagen de fondo que, en caso de ser pequeña, será tipo mosaico.
TEXT: Cambia el color del texto utilizando los códigos HTML.
LINK, VLINK y ALINK: Establece el color de los links, los links visitados y los links activos.
Cada cรณdigo de los atributos mencionados anteriormente (bgcolor, background, text, link, vlink y alink) deben estar antecedidos con el cรณdigo del cuerpo <body> y finalizados con el de cierre </body>. Cabe destacar, que existen muchos mรกs atributos, tales como los mรกrgenes, tipo de texto, entre otros.
Títulos
Para los encabezados y subencabezados de una página web se utilizan marcas de jerarquía Hn. Asimismo, se dividen en H1, H2, H3, H4, H5 y H6. Siendo H1 el más importante y H6 el menos importante. Se utilizan de la siguiente forma: <html> <head> <title> Título </title> </head> <body> <h1> Encabezado <h1></h1>
Los encabezados varían de tamaño según el número insertado para que tengan mayor y menor visibilidad.
Tamaño de letra y color Para cambiar el el tamaño y el color de la fuente también se utilizarán otros códigos HTML. Estos estarán delimitados por <font> y </font>. Según su función, se subdividen en dos tipos:
Size: Modifica el tamaño de la fuente según el número.
Color: Modifica el color de la fuente.
Ejemplos:
Alineación de imágenes La etiqueta <IMG> se puede unir a un conjunto de atributos que determinan la alineación de las imágenes con respecto al texto u otros elementos. Entre estos atributos tenemos a “align”. El mismo, se subdividirá en: TOP: Sube la imagen. MIDDLE: Centra la imagen. BOTTOM: Baja la imagen.