Mi Primera Página Web - Los Hipervínculos

<div style="text-align: justify;"> Imagínense como sería el mundo web sin poder navegar en varias secciones de una página de forma rápida, en mi opinión creo que sería una locura porque cada página se volvería interminable y aburrida de tanto bajar o subir en la misma.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Gracias a los hipervínculos  podemos crear enlaces con otras páginas, mostrar imágenes y navegar entre secciones de la misma, en Dreamweaver CS5 podemos hacerlo con tan solo un click. A continuación veremos los diferentes tipos de hipervínculos que se pueden emplear.</div> <br /> <b>1. Hipervínculos en botones</b><br /> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Lista la interfaz de nuestro sitio solo nos queda comenzar a vincular. Seleccionamos el botón que deseamos vincular y en la parte inferior aparecerán las propiedades del mismo.</div> <div style="text-align: justify;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqe09q1iXtUS1edvFcjkF0-PLUzO7-uXRHeYfwDGhJy7AJGf0_vYrDcfCsj4LeVEEH0C1o90F_w8KUEQEd-0PzBrK7BxS2Lwvy_3smq594ngmVVAZ789Xn3TkFSOy1TaD9d3HSsGFlRC4B/s1600/hipervinculo1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqe09q1iXtUS1edvFcjkF0-PLUzO7-uXRHeYfwDGhJy7AJGf0_vYrDcfCsj4LeVEEH0C1o90F_w8KUEQEd-0PzBrK7BxS2Lwvy_3smq594ngmVVAZ789Xn3TkFSOy1TaD9d3HSsGFlRC4B/s640/hipervinculo1.jpg" width="640" /></a></div> <div style="text-align: justify;"> <b><br /></b></div> <div style="text-align: justify;"> En la opción vínculos damos click justo en la carpeta que está al lado derecho y seleccionamos el archivo HTML con el cual crearemos el enlace.</div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbol68W4TzzAGcv6pysUfDWc9EJ1-X0Ub_Oili6h2-ec28A8CZP4cn0hHRkLY4pQMrThTfctORAnclKpFHp45VcW8mFdkwX40R2O35X8dppms4rYs-rd2jJWtVt0jpkhGThDCWocDf49vE/s1600/hipervinculo3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbol68W4TzzAGcv6pysUfDWc9EJ1-X0Ub_Oili6h2-ec28A8CZP4cn0hHRkLY4pQMrThTfctORAnclKpFHp45VcW8mFdkwX40R2O35X8dppms4rYs-rd2jJWtVt0jpkhGThDCWocDf49vE/s1600/hipervinculo3.jpg" /></a></div> <div align="center"> <b></b></div> <br /> <div style="text-align: justify;"> Seguido a esto, presionamos aceptar y aparecerá el botón bordeado en azul como señal de que ya está vinculado, este es el procedimiento que se realiza con cada botón que deseemos enlazar.</div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKGLsrEfxTGdAa8lKBD6tp6IHEFu7LZ-NGpWIF4d7Z_bCVAn69cY0Th6A5SJwrOHrqto30QuiUdBeM0xRuMsvq9vw75v_NXdM8FhgR9dK5PZLgRDe0K2Y82ZX-KYSIlE3Uk5B6UwdR9JhX/s1600/hipervinculo4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKGLsrEfxTGdAa8lKBD6tp6IHEFu7LZ-NGpWIF4d7Z_bCVAn69cY0Th6A5SJwrOHrqto30QuiUdBeM0xRuMsvq9vw75v_NXdM8FhgR9dK5PZLgRDe0K2Y82ZX-KYSIlE3Uk5B6UwdR9JhX/s1600/hipervinculo4.jpg" /></a></div> <div align="center" style="text-align: center;"> <b><a href="http://blogfusiondigital.files.wordpress.com/2011/04/hipervinculo4.jpg"></a></b></div> <br /> <b>2. Hipervínculos en textos</b><br /> <br /> <div style="text-align: justify;"> Ya teniendo en mente cuáles serán las palabras claves que deseamos vincular, sombreamos la palabra y aparecerá en la parte inferior la opción propiedades.</div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi8lpsZlYmhz__xssPabtoKY8vVUfdiZKwnFy3C0wvrFGabzBuJn0HcbJiMUAMEuQwMExeK5dvnL8_8mcpjQmr80u0LLdKWci8KrH90Ju34w2-oIYeUJ5ecJszqMUiXPzbtsba99oy685F/s1600/hipervinculo51.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi8lpsZlYmhz__xssPabtoKY8vVUfdiZKwnFy3C0wvrFGabzBuJn0HcbJiMUAMEuQwMExeK5dvnL8_8mcpjQmr80u0LLdKWci8KrH90Ju34w2-oIYeUJ5ecJszqMUiXPzbtsba99oy685F/s640/hipervinculo51.jpg" width="640" /></a></div> <div align="center"> <b><a href="http://blogfusiondigital.files.wordpress.com/2011/04/hipervinculo51.jpg"></a><br /></b></div> <br /> <div style="text-align: justify;"> En vínculo, seleccionamos la carpeta que está al lado derecho, escogemos el HTML con el que la deseamos enlazar</div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVaNOIUb7zxIK6Fiw65oAzAmwJ9_VLjfKhYU7B2kU9SiQ1Q9jj5GerorLX7w-Vkzli8eiJQ0Gf2zXZIqkzgo2iF1UlO5eb63Eqr-JFF4zlPjcoyyYEzc_-wIMzs6KSz08_yZnw-dGFjuIH/s1600/hipervinculo6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVaNOIUb7zxIK6Fiw65oAzAmwJ9_VLjfKhYU7B2kU9SiQ1Q9jj5GerorLX7w-Vkzli8eiJQ0Gf2zXZIqkzgo2iF1UlO5eb63Eqr-JFF4zlPjcoyyYEzc_-wIMzs6KSz08_yZnw-dGFjuIH/s640/hipervinculo6.jpg" width="640" /></a></div> <div align="center"> <b><a href="http://blogfusiondigital.files.wordpress.com/2011/04/hipervinculo6.jpg"></a></b></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Presionamos aceptar e inmediatamente nos aparece el texto en azul y subrayado, esto nos indica que ya el texto está vinculado.</div> <div align="center"> <b><br /></b></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyLcIPHShrOQXzYqg6vtXJ_cGXBDibI92Xb42ghMCdVYJQcKIgmCapmMZJcQIj2c2_FAggze3-70zqptPTpvD_66j3A3AUmSocvmYohVtDvVO71BOxr7seLAGK9_FgvYkI7fOavzCBKR37/s1600/hipervinculo7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyLcIPHShrOQXzYqg6vtXJ_cGXBDibI92Xb42ghMCdVYJQcKIgmCapmMZJcQIj2c2_FAggze3-70zqptPTpvD_66j3A3AUmSocvmYohVtDvVO71BOxr7seLAGK9_FgvYkI7fOavzCBKR37/s1600/hipervinculo7.jpg" /></a></div> <div align="center"> <b></b></div> <br /> <b>3. Hipervínculos con anclas  </b><br /> <br /> <div style="text-align: justify;"> Este tipo de hipervínculos solo nos lleva a una palabra clave dentro de la misma página, por lo que tenemos que ser minuciosos a la hora de escoger las palabras con las que llamaremos la atención de los visitantes, luego de seleccionarla, en común presionamos el botón ancla y aparecerá una ventana para indicar el nombre del ancla.</div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6y1VIbbKYvYAp_jREjdM8j35UXjIh1XRcXVPxLym0saQSACsskTZ4T7OpwCG149ctbc0Fajbrhm4U3qtQ-u4ShjJpAEaAsUIB0Yn0KGWWikFykuux6L0cipzfd3pftOCZ-KuKbeMBcwre/s1600/hipervinculo8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6y1VIbbKYvYAp_jREjdM8j35UXjIh1XRcXVPxLym0saQSACsskTZ4T7OpwCG149ctbc0Fajbrhm4U3qtQ-u4ShjJpAEaAsUIB0Yn0KGWWikFykuux6L0cipzfd3pftOCZ-KuKbeMBcwre/s400/hipervinculo8.jpg" width="400" /> </a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div align="center"> <b></b></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBNxOIXmh6x89-rmipR4-RxHgliqNZHqAss0hsdbuMgKnkcCjCjqtvc2pXrconO6lFsQKxPQfMcJLqwDv_GWFZ6wuKx7oBt6_KgJQ7-rxa5Es9IvLWwMxZVAa6GBT1l1jaF_YIQ7TyZRs-/s1600/hipervinculo9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBNxOIXmh6x89-rmipR4-RxHgliqNZHqAss0hsdbuMgKnkcCjCjqtvc2pXrconO6lFsQKxPQfMcJLqwDv_GWFZ6wuKx7oBt6_KgJQ7-rxa5Es9IvLWwMxZVAa6GBT1l1jaF_YIQ7TyZRs-/s400/hipervinculo9.jpg" width="400" /></a></div> <div align="center"> <b></b></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Luego que la indicamos inmediatamente aparece un ancla en el lado izquierdo de la palabra, procedemos a buscar la palabra con la que realizaremos el hipervínculo que nos enviará a nuestra palabra clave, la sombreamos y en la parte inferior en propiedades buscamos la opción vinculo. Escribimos # más el nombre del ancla y presionamos enter nos aparecerá el texto subrayado y en color azul como muestra que el enlace fue realizado con éxito.</div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbjPvExyvpzV15dAcPYfbIrFe1qmg2LFGkNUBcJ1Z9FZ7eI9POOQvffT1fLgA0-jDEZ1BxgMMoBw4_LYB5y5eoMrPMI7cN-aN0nYtGO0s0o-dTU8W0Yq1UjmAmUm_pRwilNrj9_MWD-cAI/s1600/hipervinculo10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="359" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbjPvExyvpzV15dAcPYfbIrFe1qmg2LFGkNUBcJ1Z9FZ7eI9POOQvffT1fLgA0-jDEZ1BxgMMoBw4_LYB5y5eoMrPMI7cN-aN0nYtGO0s0o-dTU8W0Yq1UjmAmUm_pRwilNrj9_MWD-cAI/s640/hipervinculo10.jpg" width="640" /></a></div> <div align="center"> <b><a href="http://blogfusiondigital.files.wordpress.com/2011/04/hipervinculo10.jpg"></a><br /></b></div>

Mi Primera Página Web - Los Hipervínculos

Imagínense como sería el mundo web sin poder navegar en varias secciones de una página de forma rápida, en mi opinión creo que sería una lo...

Seguir leyendo »