Ircservices.com


Cómo hacer un sitio web con Dreamweaver 8

Cómo hacer un sitio web con Dreamweaver 8

En Dreamweaver, puede crear, editar y administrar los archivos de un sitio Web. Mediante el uso de las herramientas de Dreamweaver 8, puede añadir archivos HTML para representar el contenido de su sitio, subir las páginas al servidor web, medida que las edita. Si no tienes confianza con código HTML y código CSS (hojas de estilo en cascada), puede utilizar la vista Diseño en Dreamweaver para trabajar con las páginas visualmente. En Dreamweaver, se puede codificar en varios idiomas de uso frecuente en sitios web como HTML, CSS, JavaScript y PHP, con sintaxis de facilitar el proceso de codificación.

Instrucciones

• Crear un sitio en Dreamweaver. Abra Dreamweaver y se presentará con un diálogo que le ofrece varias opciones. Puede crear los archivos para su sitio y subirlos manualmente o puede utilizar la opción del sitio de Dreamweaver, que le ayudará durante todo el proceso. Para hacerlo, seleccione "Sitio de Dreamweaver" en la sección crear nuevo. En la ventana de definición del sitio, introduzca un nombre para su sitio y la dirección web. Haga clic en "Siguiente" y seleccione las opciones para su sitio, incluyendo subir y editar ajustes. Puede que deba introducir los datos de conexión FTP para el servidor si desea subir los archivos a través de Dreamweaver. (Ver referencias 1, 2)

• Añadir una página de índice a su sitio. Una vez que tengas un sitio en Dreamweaver puede crear páginas dentro de ella. En la vista de archivos, usted debe ver su nuevo sitio aparece como una carpeta. Haga clic derecho en la carpeta y elija "Nuevo archivo" o selecciónelo y elija "Archivo", "Nuevo." Crear una página HTML, nombrándolo "index.html". Esta es la página de usuarios se presentarán inicialmente con visitar su sitio. Doble clic en él para abrir la nueva página. Se puede editar en la vista Código, vista Diseño o una vista dividida que representa un código y visualización.

• Editar tu página de inicio. Dreamweaver entrará un contorno dentro de la página de índice, incluyendo los elementos de la cabeza, cuerpo y título. Editar el elemento title para incluir lo que quieras el título de tu sitio, como sigue: < title > mi gran sitio < / título > para agregar un título a la página de índice, los siguientes en la sección de cuerpo de página, entre las etiquetas body de apertura y cierre: < h1 > mi gran sitio < / h1 > puede entonces agregar texto e imágenes a tu página ya sea mediante código HTML o los botones de la interfaz de Dreamweaver. El software indicará y completar automáticamente el código que agregar.

• Estilo de tu página. Puede agregar código CSS para el estilo de los elementos de la página o utilice la interfaz de Dreamweaver. Por ejemplo, la siguiente sección, añadida a la sección head de la página, puede incluir propiedades de estilo de cada elemento dentro de él: < estilo tipo = "text/css" >< / estilo > para un elemento de estilo en la página, lo haga, elegir "Estilos CSS" y luego "Nuevo" y elija Propiedades. Alterar el color de los elementos "h1" aparecería como sigue en el código de estilo: h1 {color: #990000;}

• Añadir otras páginas a su sitio. Mayoría de sitios web tiene más de una página. Para agregar una nueva página, utilice el mismo proceso que utiliza para agregar el archivo de índice de carpeta de sitio, dando a cada página un nombre apropiado y añadir contenido como con la página de índice. Para crear enlaces entre páginas en su sitio, coloque el cursor donde desea que el enlace que aparece y haga clic en el botón "Hipervínculo", elegir propiedades y haciendo clic en el botón "Examinar" para seleccionar desde las páginas dentro del mismo sitio.