3.1 Definir objetivos y contenidos de la página web

2012
Dreamweaver
3.1 Definir objetivos y contenidos de la página web
Dreamweaver
¿Qué es Dreamweaver?
Es una aplicación en forma de estudio enfocada a la construcción y edición de
sitios y aplicaciones web basados con estándares, creado inicialmente en
Macromedia.
Características:
Proporciona una combinación potente de herramientas visuales de disposición,
características de desarrollo de aplicaciones y soporte para la edición de código.
En Dreamweaver podemos trabajar para realizar nuestra página web de una
manera más sencilla ya nos ofrece una variedad de herramientas para que la
realización de esta sea lo más sencillo posible.
Ahora veremos el entorno de trabajo de Dreamweaver:
Inicialmente abriendo el programa nos va aparecer una pantalla así:
Páginas Web| Diseñar una página web con un software de Aplicación
2012
Dreamweaver
Escogeremos la opción de HTML es en donde iniciaremos trabajando en nuestra
página web.
Y nuestro panel será así:
Entonces daremos un recorrido por lo que es Dreamweaver nos aparecen unas
ventanas con la opción de código, dividir y diseño.
Páginas Web| Diseñar una página web con un software de Aplicación
2012
Dreamweaver
En código vamos a poder ver la inserción de nuestro código y como se logra ver
ya tenemos la estructura:
En la ventana dividir nos podemos dar cuenta de que podemos ver el código y la
página de cómo va quedando:
Páginas Web| Diseñar una página web con un software de Aplicación
2012
Dreamweaver
Y en diseño solo tenemos que arrastrar las cosas que le vamos a insertar desde el
panel de los archivos:
Del lado derecho nos aparece un panel de estilos es en donde iremos definiendo
el contenido de nuestra página así como imágenes, letra, bordes, cuerpo, etc.
Páginas Web| Diseñar una página web con un software de Aplicación
2012
Dreamweaver
En el panel de archivos vamos a poder tener a la vista nuestros documentos para
arrastrarlos en nuestra página:
Al ya tener algo creado de nuestro documento lo guardaremos, se escoge la
opción de archivo y en guardar como:
Páginas Web| Diseñar una página web con un software de Aplicación
2012
Dreamweaver
3.2 Establecer etiquetas
Para que nuestra página ya se vaya estructurando a nuestro gusto es necesario
saber ya utilizar Dreamweaver para esto daré algunos tutoriales de como insertar
textos, las propiedades de la página caracteres especiales.
Para poder iniciar a trabajar utilizaremos el tipo de vista de diseño para que nos
podamos guiar más fácilmente y tendremos que ir agregando los estilos de
cascada para cada cosa así como en el texto:
En este mismo panel en el icono del lápiz daremos clic y nos aparecerá un
recuadro en donde vamos a poder cambiar el color y el tipo de la letra así como su
tamaño.
Páginas Web| Diseñar una página web con un software de Aplicación
2012
Dreamweaver
3.3 Establecer links dentro de la página web entre página web y
servidores
Dreamweaver también nos hace posible enlazar nuestra página con otra página
derivada ya sea del mismo programa o de otra desde las propiedades podemos
realizar estos enlaces.
Y en la parte de vínculo daremos clic ya sea pegando el link o dando clic en la
carpetita que nos aparece:
Y nos aparecerá así si ya tenemos la página guardada
Páginas Web| Diseñar una página web con un software de Aplicación
2012
Dreamweaver
Escogeremos nuestra página y daremos aceptar y nos sale el nombre cuando ya
está listo el vínculo.
3.4 Manipular imágenes dentro de una página web
Para manipular las imágenes en Dreamweaver será fácil desde la vista de diseño
y en nuestro panel de archivos nos aparecen las carpetas solo es cuestión de
arrastrar la imagen al lugar en donde se va colocar y listo con eso solo es editar y
acomodar la imagen a como la vamos a querer.
Páginas Web| Diseñar una página web con un software de Aplicación
2012
Dreamweaver
3.5 Estructurar páginas en una página web
Para poder realizar nuestras tablas en la página web es necesario que sepamos
en donde se va a colocar para poder añadirla esta se va a insertar en la ventana
insertar y en la opción tabla daremos clic.
Entonces nos aparece un submenú como el siguiente para definir filas y columnas
de nuestra tabla.
Páginas Web| Diseñar una página web con un software de Aplicación
2012
Dreamweaver
3.6 Insertar sonido y video en la página web
Para insertar el video a la página web lo que se va a realizar es que desde insertar
seleccionamos medio y seleccionamos flv para el video.
Páginas Web| Diseñar una página web con un software de Aplicación
2012
Dreamweaver
Y para el sonido es de la siguiente manera desde vinculo seleccionamos el icono
de la carpeta y en la carpeta de donde tengamos nuestros sonidos damos clic en
el que deseemos usar.
3.7 Almacenar páginas web en un servidor gratuito
¿Qué es un servidor?
Dreamweaver permite crear paginas HTML y el servidor web es el que está
conectado a internet que nos sirve para que introduzcamos la dirección especifica
de nuestra página web.
Servidor Gratuito
Un servidor gratuito es en el vamos a poder alojar nuestra página web a la red sin
ningún costo y así se nos hace aún más fácil poder subirlos no gastamos nada.
Seguridad en el servidor
Consiste en la aplicación de barreras y procedimientos que resguarden el acceso
a los datos y solo permita acceder a las personas autorizadas para hacerlo.
Páginas Web| Diseñar una página web con un software de Aplicación