3.1 definir objetivos y contenidos de la página...

Páginas Web| Diseñar una página web con un software de Aplicación

Dreamweaver 2012

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í:


Dreamweaver 2012

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.


Dreamweaver 2012

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:


Dreamweaver 2012

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.


Dreamweaver 2012

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:


Dreamweaver 2012

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.


Dreamweaver 2012

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


Dreamweaver 2012

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.


Dreamweaver 2012

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.


Dreamweaver 2012

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.


Dreamweaver 2012

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.

3.1 definir objetivos y contenidos de la página...

Documents