ANNIE LILIAN LARA GONZALEZ 3°5

PAGINAS WEB

¿Para qué nos sirve Dreamweaver?

Es una aplicación informática destinada a la construcción, diseño y edición de sitios y aplicaciones

web basados en estándares. La gran ventaja de este editor es su poder de ampliación y
personalización

¿Para que nos sirven las funciones de edición visual de Dreamweaver?

Permiten crear paginas de forma rápida, sin escribir una sola línea de código, no obstante, si
prefiere crear el código manualmente, también este incluye numerosas herramientas y funciones
relacionadas con la codificación

3 características que tiene Dreamweaver

 Versatilidad: Permite realizar muchas mas operaciones qué otros editores existentes en el
mercado
 Potencia: Permite integrar elementos realizados con otra herramienta, tales como
imágenes procedentes de Adobe Photoshop, secuencias animadas procedentes de Adobe
Flash, bases de datos, hojas de cálculo, etc
 Facilidad de uso: Una vez haya conocido su funcionamiento es muy sencillo de usar, de
manera que podrá explotar los recursos que ofrece, Además de contar con una buena
herramienta de ayuda y distintas opciones que facilitan aún más su uso

¿Cuál es el aspecto de alta consideración de Dreamweaver?

Es su funcionalidad con extensiones, es decir, permite el uso de extensiones. Las extensiones tal y
como se conocen, son pequeños programas

Método de trabajo y su secuencia que se utiliza en Dreamweaver

Primeramente se debe conocer cuáles son los conceptos que engloba al área de trabajo de
Dreamweaver y como seleccionar opciones, utilizar inspectores y paneles, establecer las
preferencias que mejor se adapten a su forma de trabajar

 Utilización de la ventana de documento

 Utilización de barras de herramientas, inspectores y menús contextuales
 Utilización de paneles y grupos de paneles
 Utilización de las funciones de accesibilidad
ANNIE LILIAN LARA GONZALEZ 3°5
PAGINAS WEB

Elementos básicos de un lenguaje de creación de paginas web

HTML: Además de etiquetas y atributos también se refiere a las partes que componen los
documentos HTML, aunque en ocasiones se habla de forma indistinta. Se dice que es mucho mas
que una etiqueta ya que esta formado por:

 Una etiqueta de apertura

 Cero o ms atributos
 Texto encerrado por la etiqueta
 Una etiqueta de cierre

CSS: Nomenclatura hoja de estilos.

selector (nombre del estilo): Elemento al que llamamos desde la hoja de estilos (CSS) que se
encuentra en el documento HTML. Lo podemos identificar con su etiqueta(p,h1,table…) o también
lo podemos identificar introduciendo en su etiqueta un id o un name.

atributo: estilo aplicado al selector (nombre de estilo).

valor: Características del atributo, como por ejemplo el tamaño, color, posición…

Al final de cada línea siempre ponemos;

Sintaxis.

selector{

atributo:valor;

Atributos para dar tamaño.

widht: Tamaño horizontal, lo podemos expresar en pixeles(px) o porcentajes(%).

width:1040px o width:50%

height: tamaño vertical, lo podemos expresar en pixeles(px) o porcentajes(%).

height:1040px o height:50%

Atributos para dar formato.

valores:

top: arriba left: izquierda right: derecha bottom: abajo

Captura

Márgenes(margin): Es la distancia desde donde empieza la página al borde de la página, se puede

expresar en pixeles(px) o porcentajes(%).

margin-top:100px o margin-top:10
ANNIE LILIAN LARA GONZALEZ 3°5
PAGINAS WEB

Borde(border): Es la distancia entre el margen y el relleno.

border:10px o border:5%

Relleno(Padding): Es la distancia entre el borde y el contenido

padding:50px o padding:14%

Atributos para dar color.

valores de colores básicos: los colores como azul, rojo, amarillo… los podemos expresar como blue
,red, yellow….

valores de otros colores: se expresan en hexadecimal. Como por ejemplo #BDBDBD

background-color: color de fondo del atributo, tambíen podemos usarlo para el fondo de la página
web.

background-color:#BDBDBD;

color: Para dar color a un texto.

color:blue

Atributos para formato de texto.

text-align: alineación del texto right(derecha) center(centrado) left(izquierda).

text-align:center

font-size: sirve para dar el tamaño de la fuente, se expresa con un número.

font-size:18

font-family: tipo de fuente del texto.

font-family:calibri

font-weight:bold —> texto en negrita