Marcos en HTML

29/8/2016
GUAHTML<FRAME>crearpginasconmarcos
|
Homepage
Test
F.a.q.
Copyright
<FRAME>gestionarmarcos(frame)
Amadosuodiados,tilesointiles,excelentesopsimos,losmarcosson
instrumentosqueformanyapartehabitualdelwebyquelosnavegadores
gestionanhoydaalaperfeccin.Losdetractoresdelosmarcosafirmanla
inutilidaddesubdividirulteriormentelaspginasweb,lascuales,enltima
instancia,puedenresultarpocolegibles.Otros,comoyo,consideranquelos
marcospuedenllegarasermuytilesyaqueseevitacargarlasmismas
imgenesysemantienenordenadoselcontenidoylaestructuradelsitio.
Naturalmente,abusardelosmarcospuedeproducircomoresultadopsimas
impostacionesgrficas,obteniendounefectocontrarioalprevisto.
Unpuntoencontradelosmarcoses,ciertamente,suincompatibilidadcon
losprogramasdenavegacingrficadestinadosainvidentes,loscualesse
bloqueanimpidiendolalecturadelaspginas.
Unabuenasolucinescrearunaversinconmarcoyunaversinsinmarco
(comoestamismaguahahecho).
500AppletJava
DynamicHTML
350Javascript
unJSalasemana
GuaHTML
GuaalasCSS
MacromediaFlash
Accessibilidad
CursoJavascript
TutorialJavascript
TutorialDHTML
LaGuaSmil
LaguaaPHP
IntroduccinalJava
LaGuaPerl
CursoCGI
CursoSQL
SeminarioApache
SeminarioIIS
Cmosecreanlosmarcos?
Antesdenada,repasemosrpidamentelasmarcasHTMLdegestinde
marcos.
N2.0 Documento
Marco
<FRAMESET></FRAMESET>
(enlugarde
<BODY>)
N2.0 alturaenfilas
<FRAMESETROWS=,,,></FRAMESET>
(pxel%)
N2.0 alturaenfilas
<FRAMESETROWS=*></FRAMESET>
(*=tamao
relativo)
N2.0 anchuraen
columnas
<FRAMESETCOLS=,,,></FRAMESET>
(pxel%)
N2.0 anchuraen
columnas
<FRAMESETCOLS=*></FRAMESET>
(*=tamao
relativo)
N3.0b anchuradel
borde
<FRAMESETBORDER=?>
N3.0b borde
<FRAMESETFRAMEBORDER="yes|no">
N3.0b colordelborde
<FRAMESET
BORDERCOLOR="#$$$$$$">
N2.0 Definicindel
marco
<FRAME>
(contenido
decadauno
delos
recuadros)
N2.0 documentoque
sedebemostrar
<FRAMESRC="URL">
N2.0 denominazione <FRAME
delframe
NAME="***"|_blank|_self|
_parent|_top>
N2.0 anchuradelos
mrgenes
<FRAMEMARGINWIDTH=?>
(margen
izquierdoy
derecho)
N2.0 alturadelos
mrgenes
<FRAMEMARGINHEIGHT=?>
(margen
superiore
inferior)
http://www.htmlpoint.com/guida/html_13.htm
1/7
29/8/2016
N2.0 barrade
desplazamiento
ono
<FRAMESCROLLING="YES|NO|AUTO">
N2.0 no
redimensionable
<FRAMENORESIZE>
N3.0b borde
<FRAMEFRAMEBORDER="yes|no">
N3.0b colordelborde
<FRAMEBORDERCOLOR="#$$$$$$">
N2.0 contenidoen
ausenciade
marco
<NOFRAMES></NOFRAMES>
(para
navegadores
antiguos)
Paracrearunapginadivididaenmarcos,esnecesariocrearvariosarchivos
HTMLreferidosaunarchivoprincipal,queeselquepermitesugestin.As
pues,antesdenadahacefaltaimpostarestearchivo"fuente",y,
posteriormente,losdemsarchivosquecomponenelmarco.
Imaginemosquedebemoscrearunaventana
divididaenmarcoscomoladelafigura,conun
marcoenlapartesuperiorfijo(enelcual
cargaremoselarchivo"top.htm",quedeberemos
crearaparte)yunmarcocentral(enelcual
cargaremoselarchivo"central.htm",que
deberemos,asimismo,crearaparte)quecambiar
segncualsealapginaquedebamostrar.Como
hemossealadoantes,lagestindeestosdosmarcoscorreracargodeun
tercerarchivo,elcualdeberinvocarlosasignndolesunapartedelapgina.
Heaquelcdigodeestapgina:
<FRAMESETrows="80,*">
<framename="alto"src="top.htm">
<framename="central"src="central.htm">
</FRAMESET>
Comopodemosver,elcdigodelmarcoestencerradoentrelasmarcas
<FRAMESET></FRAMESET>quesecomportancomolasmarcasusuales
<HTML></HTML>.
Eltamaodelosmarcos,omejordicho,elespacioquecadaunodeellos
debeocuparenlapgina,quedaestablecidomediantelamarcarows="80,*,
quesignificaqueelmarcoalto(queenestecasoesunafila,"row")debe
tener80pxel,mientrasque"*"significaquetodoelrestodebeasignarseal
marcocentral.Asimismo,habramospodidoexpresareltamaodelos
marcosentantosporcientodeestamanera:
<FRAMESETrows="20%,*">
Unavezimpostadoslosdosparmetros<FRAMESET></FRAMESET>,
dentrodeellossedefinenlosnombresylosarchivosquedeberninvocarse
enlosdosmarcoscreados.Esnecesariodarunnombrealmarco
(name="alto")eindicarelarchivoHTMLquedebercargarsedentrodelmarco
(SRC="top.htm").Deben,portanto,crearsepreviamentedosarchivosde
nombre"top.htm"y"central.htm".
Fjatebienenloimportantequeeslacolocacindentrodelcdigoparauna
correctainterpretacinporpartedelnavegador.As,siseinvirtieraelordende
estamanera:
<FRAMESETrows="80,*">
</FRAMESET>
2/7
29/8/2016
elnavegadorinvertiraelordendeasignacinycargaraelarchivo
"central.htm"enelmarcosuperior,yelarchivo"top.htm"enelmarcocentral.
Hazclicaquparaverelresultadodeestemarco.
Paracreardosmarcosverticalesbastasustituirel
trmino"rows"(filas)coneltrmino"cols"
(columnas):
<FRAMESETcols="100,*">
<framename="sx"src="sx.htm">
</FRAMESET>
Hazclicaquparaverelresultadodeestemarco.
Losantiguosnavegadoresnosoportabanlosmarcosporlocual,dadala
posibilidaddequeseuseunodeestosviejosprogramasparavisualizarlas
pginas,estilinsertaruncdigoqueadviertadelapresenciademarcosy
delaimposibilidaddequeelnavegadorlosmuestre.steeselcdigoque
debesincluir:
<noframe>
<HTML>
<body>
Atencin.Tunavegadornosoportalaopcindelos
marcos.Paraverestaspginasesnecesariodescargarun
navegadorquesoportedichaopcin.TeaconsejoNetscape
3.0osuperior.
</body>
</html>
</noframe>
Esposibleadoptarsimultneamenteunadivisintantoencolumnascomoen
filas,demaneraquesecreeunaventanadivididaenvariosmarcos.Veamos
cmodebemosintervenirenelcdigoHTMLdeldocumentosegnelnmero
ylaposicindelosmarcosquequeremoscrear.
<framesetrows="100,*">
<framesetcols="150,*">
<framename="sx"src="sx.htm.htm">
Hazclicaquparaverel
resultadodeestemarco.
</frameset>
</frameset>
3/7
29/8/2016
Hazclicaquparaverel
</frameset>
</frameset>
<framesetrows="20%,60%,20%,*">
<framename="bajo"src="basso.htm">
Hazclicaquparaverel
</frameset>
</frameset>
<framesetcols="75%,25%">
<framesetrows="20%,80%*">
</frameset>
Hazclicaquparaverel
<framename="dx"src="dx.htm">
</frameset>
<framesetcols="20%,80%*">
Hazclicaquparaverel
</frameset></frameset>
</frameset>
</frameset><framesetrows="24%,76%">
Hazclicaquparaverel
<framename="top"src="top2.htm"><frame
name="dx"src="dx.htm">
</frameset></frameset>
4/7
29/8/2016
<framesetrows="80%,20%">
</frameset>
Hazclicaquparaverel
</frameset>
<framesetrows="20%,60%,20%">
</frameset>
Hazclicaquparaverel
<framesetcols="20%,60%,20%">
</frameset>
Hazclicaquparaverel
Paraeliminarelbordegrisdelosmarcos,sedebeinsertarelsiguientecdigo:
<framesetcols="20%,60%,20%"border=0>
Paraimpedirquelosmarcosseanredimensionadosporelvisitante:
<framename="alto"src="top.htm"noresize>
Paraeliminarsiemprelasbarrasdedesplazamiento(scrollbars):
<framename="alto"src="top.htm"scrolling="no">
Paramostrarlassiempre:
<framename="alto"src="top.htm"scrolling="yes">
Paramostrarlasslocuandosonnecesarias:
<framename="alto"src="top.htm"scrolling="auto">
Pararegularladistanciadelcontenidodelmarcoalmargensuperior
(marginheight)yalosmrgenesizquierdoyderecho(marginwidth):
<framename="alto"src="top.htm"marginheight=2marginwidth=5>
Porloqueserefierealosenlacesdentrodelosmarcos(esdecir,cmo
cargarunapginaenunmarcodiversodeaqulenqueseencuentrael
enlace)hayquehacerreferenciaalnombrequehemosasignadoalos
diferentesmarcosenlafasederealizacin.Estenombrenoserefiereal
5/7
29/8/2016
archivosinoaloqueapareceescritodespusde"name=".Porejemplo,en
estecaso:
elnombreasignadoes"alto".
Tomemoslasiguientepginasubdivididaenmarcos:
<framesetcols="20%,60%,20%">
</frameset>
Pongamosquedeunenlacepresenteen"SX"tengamosquecargarotra
pginaenelmarco"central".
Sielenlacepresenteenelmarco"SX",fuerasimplemente:
<AHREF="nuova.htm">Hazclic</A>
lapginasecargaradentrodelmismomarco(esdecir,"SX")porquesin
adecuadasmarcasespecficaselnavegadorinterpretaquedebecargarla
nuevapginaenelmismomarcoenqueestpresenteelenlace.
Elcdigoexactosera:
<AHREF="nuova.htm"TARGET="central">Hazclic</A>
Hazclicaquparaprobar.
Otrousofundamentaldelamarca<TARGET>eseldellamarunenlacea
otrapgina,lacualsevisualizarocupandolapantallacompletayeliminando
todoslosmarcospreexistentes.
Aquestelcdigo:
<AHREF="nuova.htm"TARGET="_parent">Hazclic</A>
Siinsertaselcdigo:
<basetarget="_top">
alacabezadeldocumentoHTMLtodoslosenlacespresentesenlaspginas
eliminarnlosmarcosexistentes,sinnecesidaddeirenlaceporenlace.
Esposibletambinquequeramoscargar,conunsoloclic,dosomsmarcos
(naturalmente,laventanatienequeestardivididaporlomenosentres
marcos).
Tomemosunapginasubdivididacomoenlafigura:
<framename="alto2"src="top.htm">
<framename="centrale3"src="central.htm">
</frameset>
</frameset>
6/7
29/8/2016
Loquequeremosesinsertarunsoloenlaceenelmarcode"SX"quecargue
simultneamentedospginasdiversasenlosdosmarcosdeladerecha:
"alto"y"central".Paraello,esnecesarioinsertaralgunaslneasconcdigo
JavaScript.Laprimerapartedelcdigovainsertadaentre<HEAD></HEAD>:
<HEAD>
<scriptlanguage="JavaScript">
<!Hiding
functionloadtwo(page2,page3){
parent.alto2.location.href=page2
parent.centrale3.location.href=page3
}
//>
</script>
</HEAD>
mientrasquelasegundapartedeberquedarcomprendidaentre<BODY>
</BODY>,dondesequiereinsertarelenlace:
<BODY>
<FORMNAME="buttons">
<INPUTTYPE="button"VALUE="Hazclic"
onClick="loadtwo('nuovo1.htm','nuovo2.htm')">
</FORM>
</BODY>
Siguienteleccin
[ndice]
19972006AllrightsreservedHTML.its.r.l.Design,layoutandarticlesarecopyrighted.
7/7

Marcos en HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Marcos en HTML

Cargado por

Copyright:

Formatos disponibles

29/8/2016

N2.0 denominazione <FRAME

También podría gustarte