lunes, 20 de enero de 2014

Sitio Web

Definición 
Las páginas web creadas en Dreamweaver pueden adaptarse para uso personal o comercial.Dreamweaver ofrece un combinado de edición de HTML y edición base WYSIWYG que es comprensible, incluso para los editores web no-experimentados. Usando las herramientasincluidas y sitios web eficaces se pueden crear con rapidez.


Instrucciones


Abre Dreamweaver y crear un nuevo archivo .html. Haz clicen cualquier lugar de la página en blanco, a continuación, en la parte inferior de la pantalla, haz clic en "Propiedades de página", a continuación, cambia el color de fondo de la página.


Haz clic en la opción "Capa" en el "Diseño de Objetos" del menú archivo. Esto creará una capa de diseño nuevo. Arrastra la capa para crear el contorno de la barra de navegación.
Selecciona los límites de la nueva capa. A continuación, haz clic en el botón que se parece a un pequeño lápiz en la parte derecha de la pantalla. Esto abrirá el menú de opciones de CSS. Aquí puedes elegir un color de fondo y el borde de la capa. Elige los colores que funcionan bien con tu color de fondo.
Haz doble clic en la capa y escribe todos los botones de navegación de tu sitio web. Una vez hecho esto, selecciona cada uno, a continuación, escribe el .html que se vinculará en la caja de "Link" en la parte inferior de la página.
Crea una nueva capa para el texto, logotipo y la caja de autor, y utiliza el mismo proceso de creación de capa, bordes y relleno para diseñarlos.
Guarda el archivo como "template.html" una vez que has insertado el logotipo e hiciste una barra de derechos de autor. Utiliza este archivo para crear todas las otras páginas del sitio web. Inserta imágenes y texto en el cuadro de contenido que desees para cada página diferente.
Cómo crear un sitio web con Adobe Dreamweaver 

Para que Dreamweaver le ayude eficazmente en la confección de un sitio web, debe seguir una serie de pasos, como comunicarle a Dreamweaver dónde se encuentran en su ordenador los componentes del sitio, por ejemplo, hojas de estilo CSS, imágenes o documentos HTML. Estos archivos deben estar organizados en subcarpetas dentro de una carpeta principal. Con una estructura ordenada, Dreamweaver podrá controlar los cambios que se produzcan en los archivos y mantendrá actualizados los enlaces de su sitio web. Sin esta organización de datos a través de Dreamweaver, el cambio de una sola imagen podría provocar una serie de errores en su sitio web. En este tutorial vamos a aprender a definir en Dreamweaver un sitio web nueva o ya existente.
    Para empezar, vaya a Crear nuevo > Sitio de Dreamweaver y abra la ventana Definición de sitios (figura 2
La ventana Definición de sitios le ofrece una serie de opciones para definir su sitio web.
Puede utilizar indistintamente las pestañas Básicas o Avanzadas, para crear su sitio. La diferencia reside en que Avanzadas está organizada en menús, mientras que Básicas va guiándole paso a paso durante todo el proceso y explica con más detalle las distintas propiedades.
Vaya a Avanzadas y pulse Datos locales, que es la base de este tutorial (figura 3).
Figura 3: En Avanzadas encontrará una serie de propiedades.
En Nombre del sitio, escriba "Sitio Aquo". Este nombre es sólo para uso propio y no aparecerá en el sitio web.
Vaya al icono Carpeta, junto a Carpeta de raíz local. Este punto es el más importante del proceso, porque define la carpeta principal de almacenamiento de datos para el sitio web.
Vaya a la carpeta "Sitio _Aquo" y pulse Seleccionar. Con esto Dreamweaver ya posee la información mínima para crear un sitio web.
Pulse Aceptar. Dreamweaver abre entonces la carpeta principal y muestra en el panel Archivos un menú con todas las carpetas, imágenes y documentos contenidos en ella (figura 4).
Figura 4: Los archivos del sito web aparecen en el panel Archivos.
Observe que en la parte superior del panel Archivos existe un menú desplegable en el que aparece "Sitio Aquo". Aquí están los nombres de todos los sitios que están siendo creados. Si es necesario, se puede navegar por el disco duro para buscar otras carpetas.
Dreamweaver no puede registrar cambios efectuados fuera de Dreamweaver. Utilice por tanto el panel Archivo para llevar a cabo todos los cambios en la estructura de los documentos del sitio web, y no herramientas del sistema operativo.


Vídeo de un sitio Web



BIBLIOGRAFIA

No hay comentarios:

Publicar un comentario