oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS
Curso Dreamweaver - Lección 3: Página Principal III
Cabecera
Bueno, ¿que tal si ahora cambiamos la cabecera de nuestra web? Veras que fácil es, primero pincha y arrastra con el ratón hasta que se quede sombreado toda la palabra "Encabezado" y despues escribiremos el nombre de nuestra web. En el caso del ejemplo escribiremos "Motos Mutierrez".
Evidentemente no solo podemos escribir lo que queramos para vuestras futuras web's, si no que además podremos introducir una imagen como logo.
De momento escribe solo el título...
Paso 1: Sombrear la palabra "encabezado":
Como ves, en la parte de abajo (sería el diseño de la web) hemos sombreado la palabra "Encabezado", pero si te fijas en la parte de arriba en lo que correspondería al (código HTML de la web) también se ha sombreado la palabra "Encabezado". Yo siempre recomiendo tener la pantalla principal dividida (código y diseño) para asegurarnos bien de lo que estamos haciendo.
Paso 2: Simplemente escribe ahora "Motos Mutierrez" y te debería quedar algo así:
Pero este encabezado queda muy soso así que ¿por qué no le añadimos algo de gracia y le ponemos además un dibujo?
Veras todas las fotos o dibujos que veas por la red se pueden copiar y luego pegar en nuestro disco duro para utilizarlas para lo que queramos, para ello simplemente debes hacer clic en el botón derecho del raton y pulsar en "copiar" con el botón izquierdo. Luego lo guardaremos en donde queramos de nuestro disco duro pulsando de nuevo en el botón derecho del raton y luego pulsaremos en "pegar" con el botón izquierdo y así ya tendremos guardada la imagen.
Ahora bien para llevar un poco de orden crearemos una carpeta dentro de nuestro sitio llamada "objetos" y ahí sera donde guardaremos todas las imagenes que necesitemos para nuestra web. Para ello selecciona la carpeta "Sitio-motos-mutierrez" y luego con el botón derecho del raton pulsa en "Nueva Carpeta" y la renombraremos como "objetos":
Quiero aprender más!!!
©oletusWEBos 2009 all right reserved | Contácta con oletusWEBos.es
Design By: JTole®