Cómo sitios web con Dreamweaver Diseño

La capacidad de diseñar un sitio web puede ser una habilidad útil. La mayoría de las personas no tienen el tiempo para pasar el desarrollo de los conocimientos necesarios para la programación de una página web. El programa Dreamweaver hace que sea fácil para cualquier novato para crear una página web desde cero. Usted puede diseñar algo que le gustaría, con sólo unas pocas herramientas simples y algunas instrucciones básicas. Pronto estará en su camino a una gran página web, y el comienzo de un gran sitio web.

Instrucciones

1 Dreamweaver abierta. Haga clic en "Archivo" -> "Nuevo". aparecerá un cuadro de diálogo. Asegúrese de que se selecciona el botón superior derecho izquierda "página en blanco". A continuación, a la derecha de eso, haga clic en "HTML". A la derecha de que, en virtud de "Diseño" hay una gran variedad de plantillas HTML. Estos serán útiles, ya que no tendrá que crear su propio código separado para los diseños. Al seleccionar una de estas plantillas, verá una miniatura de la disposición básica en un cuadro de la derecha. Encontrar uno que le parece que se ve bien, y hacer clic en "Crear".

2 Haga clic en "Ver" -> "Diseño". Seleccione cualquier lugar hay texto. Puede eliminar lo que está allí y escribir su propio texto. Llena la página a su gusto. Dreamweaver no automáticamente los errores de ortografía, así que tenga cuidado. Puede seleccionar "Texto" -> "Comprobar ortografía" para asegurarse de que su página es libre de errores.

3 Cambiar los colores y los tamaños de fuente de su página seleccionando cualquiera de los cuadros alrededor del texto. En la parte inferior de la página, debe haber un botón que dice "# div ..." y es seguido por la división que ha seleccionado. Asegúrese de que se selecciona este botón, y elegir la opción "Ventana" -> "estilos CSS." A la izquierda, debería ver un panel CSS. Haga clic en la flecha situada junto a él, para desplegar el panel y buscar en la parte inferior de un icono de una pequeña hoja con una ventaja sobre él. Debe ser con otros tres iconos: un eslabón de cadena, un lápiz y un cubo de basura. Haga clic en la hoja con una ventaja, y aparecerá un nuevo cuadro de diálogo. En el cuadro de selección, asegúrese de que dice "# ..." y la división que ha seleccionado. Por ejemplo, si ha seleccionado "div # mainContent", el selector debe decir "#mainContent." Haga clic en "Ok".

4 Utilice el cuadro de diálogo que aparece para manipular su sitio de forma más directa. Por ejemplo, haga clic en "Antecedentes". A continuación, haga clic en la pequeña caja que aparece al lado de "color de fondo". Un selector de color aparecerá y se puede elegir un color. Clic en "aplicar" una vez, y detrás del diálogo verá el color seleccionado en la división elegida. También en este cuadro de diálogo, puede cambiar el tamaño del texto, fuente, color y mucho más. Manipularlo a su gusto y haga clic en "Aceptar" cuando haya terminado.

5 Guarde su trabajo como index.html. En el extremo derecho, en "Archivos" debería ver el archivo guardado. Crear una nueva carpeta en este espacio haciendo clic derecho y seleccionando "Nueva carpeta". Nombre que lo que le gustaría. Mover la página que acaba de guardar en esta carpeta para ayudar con la organización. Expanda la carpeta que acaba de crear, haga clic en el signo más al lado de él. Puede hacer dos cosas: duplicar el primer archivo que guardó haciendo clic derecho, selecciona "Editar" -> "Copiar". Haga clic derecho en la carpeta y seleccione "Editar" -> "Pegar". Abra el segundo archivo que acaba de crear haciendo doble clic en él. Haga clic en "Guardar" y asegúrese de introducir un nuevo nombre. En lugar de esto, también puede hacer clic en "Archivo" -> "Nuevo" y siga los pasos desde el paso 1 para crear una nueva página desde cero. Asegúrese de guardarlo en la carpeta que ha creado.

6 Abra el primer archivo de nuevo y escriba el texto de navegación. Esta es la intención de dirigir cualquiera de visitantes de ese sitio hacia otra página de su sitio. Trate de mantener la sencillez con palabras sueltas o frases pequeñas. Para enlazar a la otra página que acaba de crear, destaque la palabra que desea utilizar como enlace. En la parte inferior hay un cuadro de diálogo llamado el "inspector de propiedades." Si no lo está, haga clic en "Ventana" -> "Propiedades". En la parte superior derecha del inspector de propiedades, hay un cuadro de texto "Enlace". Al final de este cuadro es una carpeta y un icono de brújula. Haga clic en la carpeta. Navegar hasta el otro archivo guardado (del Paso 5). En la parte inferior del cuadro de diálogo, haga clic en "relativa a: Raíz del sitio." Haga clic en Aceptar." Pulse F12 para obtener una vista previa de su sitio web en el navegador.

7 Continuar trabajando empleando los pasos 1-6. Se pueden crear nuevas páginas y vincular a todos juntos para hacer un sitio web completo. No olvide guardar su trabajo con frecuencia.