deseoaprender.com
Aprende Dreamweaver CS5 online, curso gratis
Si quieres aprender a crear una web con Dreamweaver CS5, te ofrezco este curso gratis..., aprenderás muy fácil   │  ** Para facilitarte tu regreso, añade este sitio a tus Favoritos
No olvides que además de este curso, tienes otros varios que seguramente pueden interesarte. Mira el menú (apartado "Otros cursos publicados...").
Tutorial de Adobe Dreamweaver CS5.5 y estilos CSS: configurar el "container" de la página
  
dreamweaver CS5.5

01. Presentación del curso DW-CS5.
02. Conociendo el Panel de trabajo.
03. Hay que crear un nuevo sitio.
04. Ahora vemos como crear archivo.
05. Tus preferencias de trabajo.
06. Aprender a usar las vistas.
07. Nuestro trabajo, en los navegadores.
08. Conoce la barra de propiedades.
09. Crear la cabecera con Photoshop.
10. Completamos cabecera o "header".
11. Guardando nuestro trabajo.
12. Configurar el título de la cabecera.
13. Y ahora, configuramos subtítulo.
14. Si queremos cambiar color de título.
15. Cambios en el "body" - CSS.
16. Y cambios en el "container" - CSStutorial dreamweaver
17. Colocamos una barrita en la página.
18. Un título, y su configuración.
19. Usando el "sidebar-1" - CSS.
20. Añadiendo un bloque mediante CSS.
21. Otro bloque, para colocar texto.
22. El "footer" o pié de página - CSS.
23. Contenido en uno de los bloques.
24. Y texto en el otro bloque creado.
25. Insertando contenido en página.
26. Insertando contenido en página (2).
27. Ahora aplicamos formato al texto.
28. Creamos un menú muy sencillo.
29. Los hipervínculos o "links".
30. Los hipervínculos o "links" (2).
31. Creamos una regla para texto.
32. Manejando "anclas" para vínculos.
33. Menú desplegable con SPRY.
34. Menú desplegable con SPRY (2).

Dreamweaver CS5.5

Ofimática: Word 2007.
Ofimática: Excel 2007.
Ofimática: Access 2010.
Ofimática: Power Point 2007.
Outlook 2010; correo electrónico.
Internet básico para principiante.
Informática básica para novato.
WordPress - Joomla 1.5 - Blogger.
 manual en linea Dreamweaver CS5.5  Ir a la página principal de esta web.

estilos CSS en cascada y Dreamweaver CS5      Otra de las partes de cualquier página que creemos, es la que se conoce como "container" (que en español significa "contenedor") y se trata de esa caja en la que va el contenido de la web (texto, así como las imágenes, etc..., que van en un apartado dentro de dicho "container", llamado "content" --contenido--); también en el "container" nos encontramos con el menú de la izquierda en este ejemplo, que se conoce por "sidebar".
     Pero sigamos --como hemos hecho hasta ahora-- poco a poco...; ya hemos visto el "header" o cabecera, así como el "body" o cuerpo, así que te explico el "container".

ESTILOS CSS EN EL "CONTAINER".

       Como siempre, accedemos al apartado "Estilos CSS" y buscamos el "container"; doble clic sobre él:

todo sobre Adobe Dreamweaver CS5 diseño web

       En la primera pantalla (Tipo) lo dejamos tal cual está::

manual online de Dreamweaver CS5 estilos CSS

     Pasamos al apartado "Cuadro" en la parte izquierda:

tutorial online gratis Dreamweaver

     Y ahora en la zona central, vamos arriba al apartado Width: y le cambiamos el ancho que deseamos para ese contenedor (container) que como ves está en 960 píxeles, pero me parece más interesante un ancho de 1024 píxeles (los ordenadores hoy ya tienen monitores que admiten este ancho sin problema):

aprender a crear una web fácil

     Y finalmente vamos en la izquierda al apartado "Borde" para colocarle uno así:

borde en página web; herramientas diseño

     Como ves, le aplico un borde punteado (dotted) de un píxel, y de color azul oscuro, que le hará destacar del fondo:

herramientas webmaster, crear una web gratis

     Si ahora vamos a visualizar la página con el navegador (F12, o bien <May>+F12), veríamos la página de esta forma. Ves que se agrandó el ancho, y que muestra un borde discreto pero suficiente para que cumpla su cometido:

curso en línea de creación página web facil

     Hemos acabado esta lección, pero seguiremos aprendiendo, así que sigue leyendo el resto de lecciones de este curso que te ofrezco de Dreamweaver CS5. Desde este botón azul de abajo puedes subir al menú con las lecciones del curso.

  
subir
Hemos recibido ya la visita de:

usuarios.