oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS


Curso Dreamweaver - Lección 3: Página Principal II

Color de fondo

Lo primero que vamos a cambiar de nuestra página "precocinada" va a ser el color de fondo, para ello tenéis que pulsar en el botón "Propiedades de la página" abajo del todo (en la captura de la pagina anterior estaba dentro del circulo con el número 5).

Nos saldrá la siguiente imagen en la que podremos cambiar varias cosas de nuestra página entre ellas el color del texto, el color de fondo, si queremos una imagen de fondo, etc... . De momento solo vamos a cambiar el fondo de nuestra página, para ello pulsa en el recuadro "Color de fondo" y elige el color que quieras, o bien si te sabes el código del color que quieres escribelo donde pone #666666. En nuestro caso para el curso escribiremos el código #C60.

Después de haber elegido el color pinchamos en "aplicar" y despues en "aceptar".

Título

Ahora elegiremos el título para nuestra página, escribiremos Motos Mutierrez en el rectángulo que pone Título (en la siguiente imagen lo vereis mejor):

Ha llegado el momento de ver como quedaría nuestra página con sus nuevos colores vista desde un navegador, pincha en el dibujo en forma de planeta que esta a la derecha del rectángulo de "Titulo" del paso anterior. Se nos desplegara un menú que dependiendo del número de navegadores que tengamos nos dara la opción de visualizarlo con uno o con otro, en mi caso pinchare en "vista previa en Firefox".

Nos preguntara que si queremos guardar los cambios en Untitled, le diremos que si pero le cambiaremos el nombre Untitled a Index a la hora de guardarlo:

¿Por que llamar a nuestra página principal index.html?

Nombrar tu archivo index.html. Es esencial que tengas un archivo llamado index.html (o index.htm) en el directorio principal de tu página web. El HTML de la página principal (home) es llamado index.html porque el navegador cargará automáticamente index.html de cualquier directorio principal. Cualquier otra página que quieras mostrar en el navegador, tendrá que ser accesado por un hiperlink desde el index.html o desde otra página que vino de ella.

Dicho esto tu página debería de verse así:

Si ya se que de momento no es mucho pero creeme dentro de poco esta página web tan sosa se convertira en una mas atractiva, ya veras sigue leyendo....


Menú
Indice del Curso
  1. Introducción
  2. Descargar Dreamweaver
  3. Instalar Dreamweaver
  4. Configurar Dreamweaver
  5. Sitio Local
  6. Página Principal
  7. Area de Trabajo
  8. Color de Fondo
  9. Títulos
  10. Index.html
  11. Cabezera
  12. Alinear Texto e Imagenes
  13. Etiquetas Meta (metatags)
  14. Hipervínculos
  15. Estilos CSS
  16. Menú de Navegación
  17. Encabezados
  18. Plantillas

©oletusWEBos 2009 all right reserved | Contácta con oletusWEBos.es

Design By: JTole®