1. 1035050488950Nos dirigimos a Inicio ->Todos los programas -> Adobe Dreamweaver CS3<br />32962859017000<br />2915285227330<br />395732041211500Cuando se abre el programa seleccionaremos en “Crear nuevo” la opción HTML<br />-371475767080Automáticamente accederemos al modo diseño en el cual escribiremos lo siguiente<br />2621915-63500Una vez introducido el texto, vas a modificar el título y el color de fondo del documento. Para ello debes hacer clic sobre el menú Modificar y elegir la opción Propiedades de la página. Entonces se abrirá una ventana como la que aparece más abajo.<br />Aquí podemos modificar el tamaño de la fuente, el tamaño, el color de fondo, insertar una imagen de fondo, configurar márgenes. Estando allí escribiremos lo siguiente en color de fondo #CCCCFF; después nos dirigimos a la categoría “Titulo/Codificación”.<br />2540013970Allí cambiaremos el titulo por el de “PRIMERA PAGINA”. <br />Si queremos insertar una imagen a nuestra pagina, la podemos importar seleccionándola en la sección “IMAGEN DE FONDO” y simplemente lo que hacemos es picar en examinar y seleccionamos la imagen deseada. <br />422275519430Después de llevar a cabo lo anterior picamos en aceptar y aplicar, para que así queden establecidos los cambios de la plantilla de diseño de nuestra pagina.<br />3613150901700374459538798500361759512954000Ahora insertaremos una imagen debajo de la segunda línea de texto. En primer lugar debemos ubicar el puntero en al final de la segunda línea de texto y pulsamos enter para así ir a una nueva línea. Ahora nos dirigimos al menú INSERTAR a la opción IMAGEN.<br />Ahora en la ventana nueva que aparece ante nosotros ubicamos la nueva imagen que deseamos insertar <br />17145704215De esta manera quedara insertada la imagen que seleccionamos.<br />Nuestra página tendrá la siguiente apariencia:<br />Ahora bien, después de haber elaborado nuestra primera página, procederemos a configurar nuestro sitio web.<br />Para crear nuestro propio sitio, debemos crear una carpeta en cualquier ubicación de nuestro PC, en su interior deberemos ir introduciendo todos los elementos que iremos utilizando en la elaboración de nuestra pagina web, nuestro caso crearemos al interior de la carpeta principal, una carpeta llamada IMÁGENES.<br />34309054495800033267651822450034067759525Después de haber realizado el anterior paso, en Dreamweaver nos dirigiremos al menú “SITIO” y allí seleccionaremos la opción “ADMINISTRAR SITIOS”<br />3786505281940<br />Al momento de seleccionar “ADMINISTRAR SITIOS” aparecerá ante nosotros la siguiente imagen <br />Picaremos en “NUEVO” y automáticamente se habilitaran los botones antes deshabilitados. Posteriormente aparecerá una ventana que nos permitirá seguir los pasos para configurar nuestro sitio web.<br />1880235433070Esta ventana consta de dos pestañas “BASICAS” y AVANZADAS.<br />991870368300En nuestro caso seleccionaremos la opción “Avanzadas”<br />Ahora configuraremos nuestro sitio de la siguiente manera:<br />Nombre del sitio: Sitio de prueba<br />Carpeta raíz local: Picamos sobre el icono y ubicaremos la carpeta que creamos anteriormente, pues allí es donde se alojara nuestro sitio web<br />Carpeta predeterminada de imágenes: seleccionaremos la carpeta IMÁGENES que se encuentra al interior de la carpeta raíz.<br />Como debemos definir la pagina principal de nuestro sitio, de la cual se colgaran las demás paginas, deberemos seleccionar del listado de categorías “MAPA DE DISEÑO DEL SITIO”<br />991870156210<br />Debemos recordar como se menciono anteriormente que la página principal deberá tener el siguiente nombre “index.htm”<br />NOTA: es muy importante llevar a cabo los pasos anteriores, de lo contrario nuestro sitio web no trabajara de la manera de la manera deseada.<br />229425513335Para abrir un sitio ya definido, debemos dirigirnos al menú SITIO y allí a la opción ADMINISTRAR SITIOS y seleccionamos de la lista que allí aparece el nombre del sitio que vamos a trabajar y picamos en LISTO. Automáticamente se cargara la página principal de nuestro sitio.<br />-164465-54610Después de abierta la pagina principal de nuestro sitio, en al parte derecha de la pantalla aparecerá ante nosotros la lista de archivos que se van vinculando en la construcción de nuestro sitio, en este caso tenemos dos carpetas y la plantilla de la pagina index.htm.<br />Debemos tomar en cuenta, que todos aquellos elementos que se vinculen a estas carpetas desde fuera de Dreamweaver, no aparecerán en la página.<br />