Interreto, Retejo Dezajno

Kadro estas kio? Strukturo kaj kreado de kadroj

Kadro estas areo sur retejo (fenestro) en kiu alia retejo estas videbla. Webmasters uzas ĉi tiun ŝancon por montri la ĉefan paĝon de la retejo de siaj amikoj aŭ partneroj. La sama tekniko estas uzata por montri la serĉan formon en la fenestroj kaj ĝia rezulto, kaj tiel plu.

Sed esence la kadroj estas uzataj por krei grandajn retojn, kie multaj menuoj kaj submenus estas postulitaj. Pri ĉi tiuj kutime diras: "ejo sur la kadroj". Krei tian rimedon bezonas bonan scion pri la HTML-lingvo.

Kreante kadrojn en la retejo-konstruanto

Iuj retejaj diseñistoj provizas aŭtomatan generacion de tia kodo. Kutime la butono por aldoni kadron estas en la ĉefa menuo de la programo. Unue vi devas meti la kursoron en la ĝusta loko en la paĝo, tiam alklaku la butonon, malfermiĝos la fenestro (kiel montriĝas en la ekrankopio). En ĝi, vi povas agordi la adreson de la paĝo, kiu malfermos en la kadro kaj ĝustigas la dimensiojn: larĝecon kaj altecon.

Sed esence la kadroj estas uzataj por krei grandajn retojn, kie multaj menuoj kaj submenus estas postulitaj. Pri ĉi tiuj kutime diras: "ejo sur la kadroj". Krei tian rimedon bezonas bonan scion pri la HTML-lingvo.

Kun la helpo de ĉi tiu "servo" eblas krei plurajn kadrojn en la paĝo, jen nur la interkonektitaj elementoj do vi ne ricevas.

Framoj en CMS

En multaj programoj por krei ejojn, ĝi eblas instali la respondan modulon. Ekzemple, por la kadro de Joomla, ĉi tiu estas la modulo "Wrapper".

Ĝi povas esti trovita kaj kreita en la komanda panelo de CMS Jumla: "Etendoj" - "Module Manager" - "Krei" (rondan butonon de oranĝa koloro kun plusa signo ene). En la popo-supren fenestro, en la listo, vi vidos modulo de "envoltorio".

Se li ne estas ĉi tie, tiam ĝi ne estas inkluzivita. Por uzi ĝin, unue vi devas aktivigi ĝin ĉi tie: la pestaña "Etendoj", tiam "Extension Manager", tiam la "Administrado" langeto. Kaj rigardu la liston, kiu malfermas, vi povas eniri la vorton: Wrapper por rapida serĉo en la "Filtrilo" kampo. Kontraŭe ĉi tiu modulo devus esti verda ikono kun tiklo interne. Ruĝa cirklo kun punkto interna indikos, ke ĉi kromaĵo malŝaltas.

Post ĉi tiu proceduro, vi povas reveni al la "Module Manager", krei kadron kaj starigi ĝiajn parametrojn.

Kiel vi povas vidi en la bildo, la modulo permesas vin agordi: la kaplinio super la kadro, la pozicio de la modulo, elektu la paĝojn de la retejo, sur kiu ĝi estos montrata. Kaj ankaŭ ĝustigi la larĝecon, altecon; Aldoni kadron kaj la realan ligon al la retpaĝo. Se vi volas montri la ĉefan paĝon de retejo en plena larĝo en kadro, tiam 100%, difinita defaŭlte, ne sufiĉos. Vi povas tuj sendi ĝin sekure 400%. Altoj de 200 kutime sufiĉas por montri la supran menuon de la paĝo. La tuta resto de la enhavo estos videbla se la uzanto (la retejo-vizitanto) uzas la ruluman stangon.

Jen ekzemplo de kadro en Jumla.

La modulo de Jumla por krei kadron estas tre oportuna kaj facila por uzi. Tamen, ĝiaj kapabloj estas limigitaj, kiel estas la kapabloj de la desegnisto.

Historio kaj realaĵo

En la praktiko krei ejojn el kadroj, ĉi tiu etikedo (ĝia apliko) antaŭ longe foriris en la fono. Ili povis anstataŭigi la modulojn, agordojn en la konstruaj programoj, kiuj generas kodon por la retpaĝaro sen la partopreno de la retejo-konstruanto. Tamen, en iuj kazoj ĉi tio ne sufiĉas. Ekzemple, kiam kadro estas kompleksa kompleksa strukturo de la areoj montritaj en la retumilo. Jen kiel ĝiaj posedantoj vidas la kompleksecon de strukturitaj lokoj. Sur ĝia kreado estas nur en ekstremaj kazoj, ĉar la lokoj de Framey estas kreitaj ekskluzive kun helpo de specialaj etikedoj.

Kompleksaj strukturitaj lokoj

Por ili, la kreado de pluraj interrilatigitaj kadroj estas la plej bona solvo por organizi enhavon sur la paĝoj de la rimedo. Ĉi tio, kiel regulo, grandaj portaloj, kreskanta ĉiun jaron pli kaj pli.

Kiel atingi la saman rezulton? Kiel krei kadran strukturon?

Kiel skribi kadron en la paĝan kodon

Framoj en HTML aldoniĝas per etikedoj:

  • Kadro (por sola fenestro);
  • Frameset (kun la helpo de ĝi kreas tutan strukturon);
  • Iframe ("flosanta" kadro);
  • Noframoj (se la kadro ne estas montrata en la retumilo de la uzanto).

La unua specifa etikedo ĉiam kongruas en la kaj pair. Kaj ĝi anstataŭas kaj . Kaj kun la helpo de la taŭgaj atributoj, vi povas ĝustigi la karakterizaĵojn de ĉiu elemento: la nomo (nomo =), la grandeco (kols = kaj vicoj =), la limo (limo), la rulumskala kaj, kompreneble, la ligilo al la retpaĝo por montri.

Desegnaj variadoj

La tuta paĝo de la retejo povas esti dividita en areojn. Ekzemple ĉi tio:

Maldekstra

Supra kadro

Ĝuste

Ĉi tiu strukturo (nomas nestita) povas esti akirita per fiksado de koloj-atributo ene de la etikedo, indikante la horizontalan pozicion de la kadro kaj vicoj - vertikale. La sekva estas la = signo kaj la dimensioj estas skribitaj. Ekzemple, 60%, 40% - procento (unu fenestro prenos 60% de la retumilo, la alia, respektive, 40%). Aŭ 100, 200 - la kialo de la grandecoj en pikseloj. La grandeco de unu el la kadroj ne povas esti arobla (ĝi estos instalita defaŭlte). Por fari tion, vi devas specifi * post la komo aŭ post ĝi.

Ene de ĉi tiu paro, frameset registras ĉiun kadron kun la parametroj: src = http: // site / article / 143778 /% 2C, tiam en citaĵoj ligo estas donita al la retpaĝo kaj nomo = kun la kaplinio (ekzemple, Kadro 1).

La nestado de ĉiu nova areo estas indikita per la nova kadro.

Ekzemplo kodo:

Rimarku, ke en nia ekzemplo, por kadroj 2 kaj 3, la grandecoj estas skribitaj nur unufoje.

Multaj zadumok permesas ekzekuti kadrojn. Ekzemploj de ilia loko en la retumila fenestro povas esti alportitaj senfine (ŝanĝante la kodon laŭe). Tamen, ĉi tiu informo ne estis uzata dum longa tempo. Framoj, se uzataj hodiaŭ kreinte ejojn, tiam nur kiel modulojn en libera CMS aŭ en formo de iframe.

Flosanta kadro

Estas stranga, kial li ricevis tiun nomon, la vorto "korpigita" estas pli taŭga ĉi tie. Ĉi tiu kadro estas kreita por montri la enhavon de dosiero. Vi ŝarĝas en la datumbazo iun dokumenton aŭ dosieron, uzu la etikedojn de la ayframe por registri la vojon al ĝi - kaj vizitantoj vidos la tekston de la dosiero (video aŭ bildo). Bedaŭrinde, retumiloj ne ĉiam montras la enhavon. Por tio, la retejo konstruantoj eniras la frazon inter la malfermo kaj ferma etikedo: "Via retumilo ne montras enhavon."

Ekzemple, Seopult.ru estas konata servo por altrangaj mastroj. Ne lia ĉefa retejo, sed I.seopult.pro mirror, kreita por portalaj klientoj. Ĉi tie la kodita kodo estas skribita:

  • Instrukcioj . Kie la
  • etikedo estas kreita por difini liston. Subtenata de ĉiuj retumiloj.

    Sur la paĝo de la spegulo mem vi povas vidi la vorton "Instrukcio" en la formo de butono. Kiam vi alklakas ĝin, prezento malfermiĝas en la centro de la retumilo.

    Ĉiuj ĉefaj ejoj por rigardado de filmoj kaj serioj estas kreitaj per helpo de ludoj (ekzemple "Imhonet"), kaj ankaŭ sociaj retoj. Eĉ la ĉefa paĝo de "Yandex" enhavas ĉi tiun etikedon, kaj ne unu paro.

    Kiel preskribi iframe

    Alŝutu al la retejo, dokumento en formo de fenestro kun rulumskalo povas esti ie ajn. Kutime etikedoj estas metitaj en la korpon. Aldone al la normo

    kaj , kiel montrita en la ekzemplo supre, la listo etikedo

  • ankaŭ povas esti uzata.

    Atributoj aldoniĝas al la atributo:

    • Larĝeco (larĝa) kaj alteco (alto =);
    • Aliĝi sur la rando vicigi;
    • Indigo, kiun vi ne povas ripari: la defaŭlta valoro estas 6 - tio sufiĉas;
    • Kun la travidebleco, vi povas agordi la travideblecon de la kadra areo tiel ke la paĝo fono estas videbla;
    • Plus jam familiara skribo, nomo, rulumado, limo.

    Navigado kun helpo de ĉelo

    La plej interesa lerteco krei kadrojn skribas kodon, kiu permesas malfermi enhavon per fenestro per referenco, ion, kion faris la speguloj de la Seopult-spegulo, tuj kun pluraj ligoj (samtempe disponeblaj por la uzanto en unu paĝo).

    Por ĉi tiu celo, la kadro estas prenita, en ĝi la nomo per nomo = estas aldone registrita. Ekzemple, zagolovok. Tuj antaŭ ĝi en la etikedoj kaj , la ligiloj per HREF = http: // ejo / artikolo / 143778 /% D1% 81 estas specifitaj, sekvitaj de la atributo target = zagolovok. Antaŭ uzado de la ferma etikedo, aliĝo estos indikita, kiu funkcios kiel ligilo-butono. La "etikedoj" estas malfermitaj kaj fermitaj en la etikedo.

    Ekzistas pluraj linioj en la kodo, kiu povas esti uzata por akiri plurajn butonojn en vico en la retejo, alklakante, kiun malsama enhavo montriĝos en la malsupra fenestro.

    La kodo aspektos tiel:

    Afiŝu vian anoncon

    Vidi Ads