Hay que tener en cuenta antes de hacer un proyecto de página web a quien
va ir dirigida dicha página: si va a ir dirigida a personas jóvenes, nivel
de estudios, situación financiera, localidad geográfica, etc...
Hay que tener en cuenta que no todos los navegadores visualizan de la
misma manera las páginas editadas, pero además hay versiones que no aceptan
tecnologías tales como marcos, incluso algunos basados en linux, no visualizan
imágenes. Además no todas las plataformas (Mac, PC) visualizan los colores
de la misma forma...En este sentido el sueño de los diseñadores sería
que todo el mundo utilizase el mismo navegador...¿Pero cual?...
Por lo tanto antes de diseñar una página tendremos en cuenta la audiencia de destino, si se va a publicar en una Intranet o red local, por ejemplo para una página corporativa privada, solo nos deberemos preocupar por el navegador utilizado.
Por otro lado si nuestra página quiere romper fronteras tendrá que publicarse en varios idiomas...
Después deberemos crear un guión, por experiencia, no sirve de nada sentarse delante del ordenador y empezar a crear desde cero. Es mas práctico planificar y analizar la información, reunir dicha información (texto, fotos, etc...), y crear un guión desde el que podamos amoldarnos.
Dreamweaver es un editor de HTML profesional con el que podremos diseñar,
maquetar y desarrollar nuestras páginas web.
Cuando abrimos Dreamweaver por primera vez. Aparece una pantalla en blanco similar a un editor de textos. En esta pantalla escribiremos texto, insertaremos imágenes, objetos de Flash, etc. Todo ello sin escribir una sola línea de código...
Y lo podemos visualizar en tiempo real en el navegador que tengamos por defecto(F12).
En Dreamweaver tenemos dos herramientas principales la Paleta de Objetos y la paleta Propiedades.
Desde la Paleta de Objetos vamos a poder introducir cualquier objeto en nuestro documento como imágenes, tablas, objetos de Flash, etc... si observamos la paleta veremos que en la parte superior tenemos un triángulo invertido al lado de la palabra común, desde aquí podemos seleccionar el tipo de panel que necesitemos, en él podemos ver, herramientas de formulario, caracteres especiales, etc...
En la Paleta Propiedades podremos editar los valores del objeto seleccionado,
esta paleta cambia de valores si, por ejemplo, seleccionamos una imagen
o una tabla.
Para ver la Paleta de Objetos, pulsamos control+ F2.
Para ver la Paleta Propiedades, control+F3.
Como hemos visto en el curso de HTML (CD-Rom), una página web, tiene una
cabecera o <head> y el cuerpo del documento.
Cuando abrimos una página en blanco con Dreamweaver, automáticamente nos configura el documento, es decir, internamente nos ha creado el código necesario para visualizar la página en un navegador y todo lo que editamos en la página en blanco es lo que se escribirá en el Body del documento.
Antes de empezar a crear nuestra página web deberemos elegir una carpeta
para guardar nuestras páginas. Por tanto un sitio en Dreamweaver es una
carpeta desde la que vamos a crear nuestra página web, internamente Dreamweaver
creará una serie de acciones que nos van a facilitar la tarea de mantener
nuestro sitio así como la publicación final del mismo.
Para definir un sitio, vamos al Menú- Sitio-Definir sitios, donde se abrirá un cuadro de diálogo donde elegiremos Crear un nuevo sitio.
Aparecerá un nuevo cuadro con diferentes categorías; en Datos locales, elegiremos el nombre del sitio, la carpeta raíz donde queremos guardar el documento y opcionalmente, la dirección donde alojaremos dicha página. Una vez hecho esto, el programa nos preguntará si queremos crear un archivo caché para el sitio, decimos que sí, con esto podremos actualizar todo tipo de vínculos, imágenes, etc... que queramos cambiar durante el desarrollo de nuestra página web.
Listo, y el programa nos ha creado en la carpeta elegida, una especie
de servidor local... donde podremos controlar todo el sitio.