Lección evaluativa
Páginas: 16 (3780 palabras)
Publicado: 2 de noviembre de 2011
iVinculos
EL MODELO BÁSICO DE VÍNCULO WEB. El modelo básico de vínculo Web obedece a una sintaxis bastante sencilla afortunadamente: El elemento A denota una ancla--un eslabón del hipertexto o el destino de un eslabón. El atributo de HREF especifica un eslabón del hipertexto a otro recurso, como un documento de HTML o una imagen de JPEG. Ejemplos: <A HREF="album.html">My photoalbum</A> <A HREF="../images/me.jpg">Picture of me</A> <A HREF="/sounds/auldlang.mid" TYPE="audio/midi" ACCESSKEY=A>Auld Lang Syne (5 kB MIDI)</A> <A HREF="section2.html" TARGET="content" TITLE="Elements of the HEAD" REL=next>Section 2</A> <A HREF="mailto:liam@htmlhelp.com" TITLE="Feedback on HTML 4.0 Reference">liam@htmlhelp.com</A> <AHREF="http://www.htmlhelp.com/" TARGET="_top" >Web Design Group</A> <A HREF="http://babel.alis.com:8080/langues/iso639.zh.htm" CHARSET="big5" HREFLANG=zh>ISO 639</A> 8705869 VINCULOS ESTÁTICOS. Un vínculo estático es aquel cuya referencia de destino ha sido especificada en el ancla (<A>.....<A>) en la implementación del documento HTML. VÍNCULOS DINÁMICOS. Un vínculo dinámico notiene un referencia final fija. El documento destino se determina en el momento de ver la página, según el entorno y las necesidades del usuario. VÍNCULOS DE TEXTO. Por medio del elemento ancla, se establecen los vínculos de textos. La manera de emplear dicha etiqueta es <A REF = {Destino}> {Texto que lleva el vínculo} </A> VÍNCULOS DE BOTONES. Se pueden emplear gráficos (bmp, Gif, ojpg) en la creación de botones mediante aplicativos como FireWorks, Flash, DreamWeaver, Xara, Swift, etc..., el gran inconveniente es que al cargar mucha imágenes, el despliegue de la página html en el cliente puede ser demorado; una de las maneras de agilizar el proceso de carga es la de crear botones en HTML, aunque si bien el diseño es muy simple puesto que se emplearían celdas o tablassencillas, un relleno y un texto, a cambio se obtendrá una gran velocidad de despliegue en el browser. En ciertas herramientas de desarrollo como las anteriormente mencionadas, ya hay diseños prediseñados de botones lo cual facilita el trabajo de los diseñadores y desarrolladores, pero de igual manera un diseñador puede diseñar su propio estilo de botones. VÍNCULOS EN IMÁGENES . Para ponerle másinteracción a un documento y volverlo atractivo se pueden emplear imágenes llamativas que permitan a los usuarios navegar a diferentes lugares del sitio, a continuación se escribe el código fuente de un documento que cuando se pasa el cursor sobre la imagen, ésta cambia y sí se hace clic sobre esta última entonces lleva al usuario a otra página htm (a esto se le llama Rollover Image): <html><head> <title>Imágenes</title> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images) { if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i]; } } } functionMM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for (i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src = x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p); } if(!(x=d[n])&&d.all) x=d.all[n]; for(i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById; return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null) { document.MM_sr[j++]=x; if(!x.oSrc)...
EL MODELO BÁSICO DE VÍNCULO WEB. El modelo básico de vínculo Web obedece a una sintaxis bastante sencilla afortunadamente: El elemento A denota una ancla--un eslabón del hipertexto o el destino de un eslabón. El atributo de HREF especifica un eslabón del hipertexto a otro recurso, como un documento de HTML o una imagen de JPEG. Ejemplos: <A HREF="album.html">My photoalbum</A> <A HREF="../images/me.jpg">Picture of me</A> <A HREF="/sounds/auldlang.mid" TYPE="audio/midi" ACCESSKEY=A>Auld Lang Syne (5 kB MIDI)</A> <A HREF="section2.html" TARGET="content" TITLE="Elements of the HEAD" REL=next>Section 2</A> <A HREF="mailto:liam@htmlhelp.com" TITLE="Feedback on HTML 4.0 Reference">liam@htmlhelp.com</A> <AHREF="http://www.htmlhelp.com/" TARGET="_top" >Web Design Group</A> <A HREF="http://babel.alis.com:8080/langues/iso639.zh.htm" CHARSET="big5" HREFLANG=zh>ISO 639</A> 8705869 VINCULOS ESTÁTICOS. Un vínculo estático es aquel cuya referencia de destino ha sido especificada en el ancla (<A>.....<A>) en la implementación del documento HTML. VÍNCULOS DINÁMICOS. Un vínculo dinámico notiene un referencia final fija. El documento destino se determina en el momento de ver la página, según el entorno y las necesidades del usuario. VÍNCULOS DE TEXTO. Por medio del elemento ancla, se establecen los vínculos de textos. La manera de emplear dicha etiqueta es <A REF = {Destino}> {Texto que lleva el vínculo} </A> VÍNCULOS DE BOTONES. Se pueden emplear gráficos (bmp, Gif, ojpg) en la creación de botones mediante aplicativos como FireWorks, Flash, DreamWeaver, Xara, Swift, etc..., el gran inconveniente es que al cargar mucha imágenes, el despliegue de la página html en el cliente puede ser demorado; una de las maneras de agilizar el proceso de carga es la de crear botones en HTML, aunque si bien el diseño es muy simple puesto que se emplearían celdas o tablassencillas, un relleno y un texto, a cambio se obtendrá una gran velocidad de despliegue en el browser. En ciertas herramientas de desarrollo como las anteriormente mencionadas, ya hay diseños prediseñados de botones lo cual facilita el trabajo de los diseñadores y desarrolladores, pero de igual manera un diseñador puede diseñar su propio estilo de botones. VÍNCULOS EN IMÁGENES . Para ponerle másinteracción a un documento y volverlo atractivo se pueden emplear imágenes llamativas que permitan a los usuarios navegar a diferentes lugares del sitio, a continuación se escribe el código fuente de un documento que cuando se pasa el cursor sobre la imagen, ésta cambia y sí se hace clic sobre esta última entonces lleva al usuario a otra página htm (a esto se le llama Rollover Image): <html><head> <title>Imágenes</title> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images) { if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i]; } } } functionMM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for (i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src = x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p); } if(!(x=d[n])&&d.all) x=d.all[n]; for(i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById; return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null) { document.MM_sr[j++]=x; if(!x.oSrc)...
Leer documento completo
Regístrate para leer el documento completo.