Configuración de un sitio local (I)
Un sitio web es un conjunto de archivos y carpetas, relacionados entre si, con un diseño
similar o un objetivo común. Es necesario diseñar y planificar el sitio web antes de crear las
páginas que va a contener.
Por ejemplo si vamos a crear una página web sobre un equipo de fútbol, lo primero es crear un
sitio web (por ejemplo que se llame fútbol) y dentro de ese sitio ya irán las diversas páginas que
formen parte de él. Como por ejemplo presentacion.htm, palmares.htm, plantilla.htm, etc.
La forma habitual de crear un sitio web consiste en crear una carpeta en el disco local. Los
documentos HTML normalmente se crean dentro de dicha carpeta, mientras que para contener
las imágenes, las animaciones, las hojas de estilo, etc., se deben crear nuevas carpetas dentro de
ésta, con el objetivo de tener una mejor organización de los archivos a la hora de trabajar.
Es muy importante que la página principal del sitio tenga el nombre index.html, ya que los
navegadores buscan una página con ese nombre cuando se intenta acceder a una URL genérica.
Por ejemplo, si escribiéramos la dirección genérica http://www.petrer.es/ en el navegador, éste
intentaría cargar la página http://www.petrer.es/index.html, por lo que se produciría un error
en el caso de que no existiera ninguna página con el nombre index.html
Crear o editar un sitio web
Una vez creadas las carpetas que formarán un sitio local, ya es posible definir el sitio en
Dreamweaver. Para ello hay que seguir los siguientes pasos:
1) Deberás tener creada dentro de tu carpeta de alumno una carpeta llamada “DREAM”
2) Dirigirse al menú Sitio, a la opción Nuevo sitio. Allí veremos la siguiente pantalla:
3) Ahí introduciremos los
siguientes datos:
- Donde pone Nombre del
sitio pondremos “Sitio web
de “TÚ nombre”
- En la Carpeta raíz local
seleccionaremos la carpeta
DREAM que previamente
hemos creado.
Cuando aceptemos nos aparecerá una nueva ventana que será el sitio web. En ella habrán dos
columnas. En la de la derecha veremos la lista de páginas web que tiene nuestro sitio, y en la izquierda veremos la estructura de árbol que va adoptando nuestro sitio web. Esta ventana la
dejaremos minimizada porque en ella podremos ir viendo la estructura que tiene la página.
4) Ahora nos vamos a la otra ventana, la que está toda en blanco y vamos a definir tal y como
hicimos en la práctica anterior las propiedades de la página (se hacía pulsando con el botón
derecho y seleccionando la opción Propiedades de página). Introduciremos los siguientes
valores:
- Titulo: “Primera página del sitio web”
- Color de fondo: “Azul claro”
5) Utilizando los elementos de la barra de propiedades, escribir el siguiente texto en la página
que tienes abierta:
Obtener ayuda del menú de ayuda
Sólo tiene que hacer clic en Ayuda de Microsoft Word, en el menú de ayuda. Si el
Ayudante está activado, aparecerá en pantalla. Si el Ayudante está desactivado, aparecerá la
ventana de ayuda. Para escribir una pregunta en la ventana de ayuda, haga clic en la ficha
Asistente para Ayuda. Para desplazarse por una tabla de contenido de la ayuda, haga clic en
la ficha Contenido. Cuando desee buscar palabras o frases específicas, haga clic en la ficha
Índice.
Formato: Permite poner encabezados al texto seleccionado
Fuente: Permite cambiar tipo de fuente del texto
seleccionado.
Tamaño: Permite cambiar el tamaño del texto seleccionado.
Color: Permite cambiar el color del texto seleccionado.
Estilo: Permite cambiar el texto seleccionado a negrita / cursiva.
Alinear: Permite alinear el texto seleccionado a la izqda., centrado, dcha.
Lista: Permite crear listas para el texto seleccionado
Sangria: Permite establecer sangrías para el texto seleccionado
6) Guardar la página con el nombre ‘index.html’ dentro del sitio web DREAM Práctica 3 - Introducción a DREAMWEAVER
