Dreamweaver

Es un potente editor visual profesional para la creacin de sitios y pginas Web. Con Dreamweaver resulta muy fcil crear e editar pginas completas, como agregarle de manera muy sencilla imgenes, texto, vnculos, objetos (Flash, Java, videos, sonidos, etc), mas aun editar paginas compatibles con cualquier explorador y plataforma.

Conceptos previos
1.- Qu es un hosting? 2.- Qu es un servidor Web? 3.- Qu es un dominio? 4.-Qu es un sitio Web?

Pasos para crear un sitio en Dreamweaver CS5

Nombre del sitio, este nombre nos sirve de referencia, por ello le colocaremos el siguiente nombre WebMaster, el cual usted si desea puede escribir otro. Carpeta del sitio local, es una carpeta que nos servir de raz, para poder acceder a ella hacemos clic y elegimos una carpeta que hemos creado para que represente nuestro sitio fsico, sino lo ha creado ser el momento justo para crearlo, el lugar donde lo cree no tiene en este momento la menor importancia por lo que sugiero crearlo en el escritorio, para no hacer una bsqueda muy larga cuando queremos buscar nuestros archivos.

 Ahora escogemos la ltima opcin Configuracin avanzada para elegir la carpeta de imgenes

 Carpeta predetermina de imgenes, esta carpeta que se encuentra dentro de nuestra raz, nos servir para guardar nuestras imgenes, sino ha sido creada, debemos crearla. Haciendo clic en buscamos la carpeta imgenes. Vnculos relativos a, por defecto Dreamweaver tiene seleccionado el cual elegir los archivos desde la carpeta de nuestro sitio creada anteriormente, pero tambin tiene otra opcin el cual al seleccionarlo deberemos asegurarnos de introducir una ruta URL Web (Uniform Resource Locator) Finalmente, hacemos clic en Aceptar

Ventana principal

 Vista cdigo, nos muestra el cdigo HTML que es necesario para crear nuestra pgina Web, como tambin podemos agregarle cdigo. Vista diseo, esta vista me sirve para modificar e agregar por ejemplo color, texto, imagen, objetos, etc. con solo simplemente haciendo un clic. Vista dividir, esta vista es la combinacin de las dos anteriores. Vista en vivo, esta vista propia Dreamweaver CS5, nos ofrece una representacin no editable ms realista de la apariencia que tendr la pgina en un navegador. Cdigo en vivo, se asemeja a lo que se ve al mostrar el cdigo fuente de la pgina desde un navegador. A diferencia de dicho cdigo fuente de pgina, que es esttico y slo ofrece el cdigo fuente de la pgina desde el navegador, la vista Cdigo en vivo es dinmica y se actualiza conforme se interacta con la pgina en la Vista en vivo. Inspeccionar(nuevo en CS5), este modo es especialmente adecuado con lo siguiente: El panel Estilos CSS, Activar Dividir/Vista en vivo