Dreamweaver CS5.5 insertar contenido en bloque CSS, curso online de diseño web para novatos.Manual aprender a crear web con Dreamweaver y CSS

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").

Dreamweaver CS5, curso online para aprender a crear páginas web

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" - CSS.
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ículos.
33. Menú desplegable con SPRY.
34. Menú desplegable con SPRY (2).

- 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.
Ir a la página principal de esta web .

INSERTAMOS CONTENIDO.
Recordarás que a la derecha del llamado "sidebar" habíamos creado dos bloques, uno de ellos de 325 px. en el que queremos colocar un bloque de anuncio (ad-sense por ejemplo), y otro bloque --a la derecha de este-de 415 px. en el que irá texto e imágenes (esta página que estás leyendo es buena muestra de ello).

Bien, pues veamos ahora la forma de ingresar contenido en dicho bloque; no colocaré publicidad, sino una imagen de 300x250 que es similar al tamaño del anuncio que iría ahí en su momento. Así pues, imagínate que esa imagen que verás ahí, es en realidad un anuncio publicitario..

Para colocarlo, seleccionamos el texto existente:

curso Dreamweaver CS5

Y ahora vamos en el menú superior a:

manual online de Dreamweaver, diseño web

Se trata como ves de ir a "Insertar > Imagen":

aprender a crear páhina web HTML

Ahora deberemos indicarle a Dreamweaver el lugar donde se encuentra la imagen que vamos a colocar dentro de dicho bloque; puedes ver en la imagen de arriba, que se trata de "simulaads300.gif", que como te comenté tiene las dimensiones exactas de 300x250 y encajará perfectamente. Así que hacemos clic sobre ella (ya la tendrás creada previamente) y clic en "Aceptar":

aprender a crear páginas web con Dreamweaver CS5

Al tratarse de un archivo que no se encuentra dentro del sitio creado (¿recuerdas las primeras lecciones?) nos preguntará esto que te muestro arriba. Hacemos clic sobre "Sí".

Tras la pregunta anterior, nos aparecerá una nueva ventana similar a esta que te muestro:

manual en línea de dreamweaver cs5.5 español

Haremos clic sobre el botón "Guardar" tras elegir la carpeta donde debe hacerlo:

Dreamweaver CS5, curso en línea

Tecleamos un "texto alternativo" para la imagen (esto sirve para que si la imagen falla, aparezca este texto en su lugar). Clic sobre "Aceptar":

insertar contenido en bloque CSS

Ya puedes ver la imagen dentro del bloque que habíamos creado. Si ahora quisiéramos modificar algo (los márgenes por ejemplo), iríamos --ver imagen de arriba-- a los "Estilos CSS" y en concreto a "#publicuadro300", que es el que corresponde y haremos doble clic sobre dicho estilo:

modificar estilo CSS

Aquí iríamos por ejemplo al apartado "Cuadro", y modificaríamos lo conveniente (en el ejemplo, le aplico un pequeño margen por arriba y por abajo) y clicamos sobre botón "Aceptar" para dejarlo listo; de esta forma ya tenemos insertado ese cuadro de publicidad en su lugar, ahora veremos como insertar contenido a la derecha de este, en la siguiente lección. Para ello, sigue leyendo el resto de lecciones del curso, a las que puedes acceder usando este botón de abajo..

Hemos recibido ya la visita de:

best counter

usuarios.

[ Información legal (LSSI) ] [ Política de privacidad ]