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").
Dreamweaver CS5, aprender online: manejo de anclas
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" - 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ículostutorial dreamweaver
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.

APRENDER A TRABAJAR CON ANCLAS.
     En cuanto leas el nombre "anclas" te preguntarás ¿y eso qué es?. Bien, voy a explicártelo bien para que lo entiendas a la primera: suponte que tienes una página web muy extensa y quieres colocar al principio de esa página una especie de índice que permita al visitante ir rápidamente al contenido.

      También servirá para subir de forma inmediata desde el final de una página muy larga, hasta la parte superior con un simple clic. Fíjate:

las anclas en Dreamweaver CS5

     Imagina que tienes una página en tu web con mucho contenido, y por tanto en la parte inferior (por ejemplo) tienes contenido al que resulta difícil llegar sin tener que bajar con la rueda del ratón..., lo qeu puede ser motivo de que algún visitante se vaya sin ver ese contenido. Pero usando un ancla podemos hacer que vaya ahí con un clic de ratón. Nos colocamos en el lugar adecuado::

curso de Dreamweaver CS5 a fondo fácil

     Y vamos ahora (ver imagen de arriba) a "Insertar > Anclaje con nombre":

insertar anclaje con nombre

 

     Aquí tendremos que dar un "Nombre de anclaje" que te recomiendo sea identificativo para acordarte luego:

manual en línea de estilos CSS en cascada

     Bueno, pues de esta forma tan sencilla acabamos de crear un ancla (fíjate como aparecerá una pequeña imagen --precisamente de un ancla--) en la parte derecha de REGLA PARA ENCABEZADO, pues ahí habíamos colocado el cursos de nuestro ratón. (NOTA: esas anclas sólo las vemos cuando estamos trabajando con Dreamweaver, pero el visitante de tu página nunca las verá)
USO DEL ANCLA
     Para usar ese ancla creado, imagínate que quieres ponerel enlace en la parte superior de la página::

tutorial online de Adobe Dreamweaver CS5

     Se trata como ves, igual que si fuera un hipervínculo, es decir, se selecciona el texto que queremos enlace con el ancla, y en la parta de abajo (Apartado "Vínculo") tendremos que teclear el nombre del ancla (recuerda que la habíamos llamado "reglaencabezado"), pero siempre precediéndolo del signo "almohadilla ( # ), es decir, quedaría: #reglaencabezado.:

tecnicas CSS para página web

     De modo que al hacer clic ahora sobre el enlace (ver imagen de aquí arriba), inmediatamente bajaríamos en la página hasta el lugar exacto donde tengamos colocado el ancla; interesante ¿verdad?, esto te evitará pérdida de tiempo en una página muy extensa (con mucho contenido).
     Evidentemente, podremos colocar varias anclas en una página, y evidentemente varios links a cada una de las anclas, llevándonos cada uno de esos links a un lugar predeterminado de esa extensa página:

aprender a manejar Adobe Dreamweaver CS5 fácil

     Otra forma muy interesante de usar las anclas es la de colocar en la parte inferior de una larga página, un enlace que diga por ejemplo: "Subir al principio de esta página", y colocarle en la casilla "Vínculo:" simplemente la almohadilla ( # ), lo que hará que el visitante "sea trasladado" a la parte superior de esa página; sigue tratándose de un ancla pero no tuvimos que crearla, y comprenderás que es muy útil. Fíjate en estas páginas del curso, que lo que yo he hecho es sustituir ese link por una imagen que pone "SUBIR A LECCIONES", pero en definitiva es lo mismo y sigue estando enlazada esa imagen a #. Bien, pues has aprendido a usar las anclas con CSS en Dreamweaver CS5, sin embargo quedan aún algunas lecciones del curso, a las que puedes acceder usando este botón de abajo que te enviará al menú del curso.

subir
Hemos recibido ya la visita de:

usuarios.