720 Shares 5357 views

Frame – che cosa è questo? Struttura e la creazione di cornici

Frame – un'area del sito (la finestra), in cui vediamo un'altra pagina web. I webmaster stanno usando questa opportunità per mostrare la home page dei loro amici o colleghi. Lo stesso metodo viene utilizzato per visualizzare nella casella di ricerca finestre e un numero di suo risultato, e così via. D.

Ma soprattutto i telai utilizzati per la realizzazione di grandi portali web, dove un numero considerevole di menu e sottomenu. Tale solito dire: "sito in frame". Per creare una risorsa richiede una buona conoscenza di HTML-linguaggio.

Creare cornici in costruttore di sito web

In alcuni Website Builder fornisce la generazione automatica di tale codice. Tipicamente, l'aggiunta di fotogramma chiave è nel menu principale del programma. In primo luogo, è necessario posizionare il cursore nel posto giusto sulla pagina, quindi fare clic sul pulsante per aprire la finestra (come mostrato nello screenshot). È possibile specificare l'indirizzo della pagina che si aprirà nel telaio, e regolare le dimensioni: larghezza e altezza.

Ma soprattutto i telai utilizzati per la realizzazione di grandi portali web, dove un numero considerevole di menu e sottomenu. Tale solito dire: "sito in frame". Per creare una risorsa richiede una buona conoscenza di HTML-linguaggio.

Con questo "servizio" è possibile creare più fotogrammi su una pagina, solo gli elementi tra loro collegati in modo da non ottiene.

Cornici in CMS

Molti programmi per la creazione di siti web possibilità di installazione del modulo. Ad esempio, per Joomla frame – quest'unità "involucro (Wrapper)".

Si può trovare e impostare nel pannello di controllo del CMS Joomla: "Estensioni" – "Gestione Moduli" – "Nuovo" (il pulsante rotondo arancione con un segno più all'interno). Nella finestra pop-up, nella lista, si vedrà un modulo di "wrapper".

Se non lo è, allora non è incluso. Per utilizzarlo, è necessario prima di attivarlo qui: la scheda "Estensioni", il "Extension Manager", quindi "gestire" scheda. E guardando la lista che appare, è possibile ricercare rapidamente nel "filtro" per inserire la parola: Wrapper. Di fronte a questo modulo dovrebbe essere segno di spunta verde all'interno. Un cerchio rosso con un punto all'interno significa che il plugin è disabilitato.

Dopo questa procedura, è possibile ritornare alla "Gestione moduli", crea una cornice e impostare i parametri.

Come si può vedere nella foto, il modulo consente di impostare: il titolo del telaio, la posizione del modulo, selezionare la pagina del sito su cui è visualizzata. È inoltre possibile regolare la larghezza, l'altezza; aggiungere una cornice e il collegamento reale in una pagina web. Se la cornice si desidera visualizzare la pagina principale di un sito di grande ampiezza, 100%, l'impostazione predefinita, non sarà sufficiente. Si può tranquillamente mettere a destra del 400%. Un'altezza di 200 è di solito sufficiente per visualizzare il menu principale della pagina. Il resto del contenuto sarà visibile se l'utente (il visitatore) utilizzare la barra di scorrimento.

Ecco un esempio di ciò che un telaio in Jumla.

modulo joomla per creare il telaio è molto conveniente e facile da usare. Tuttavia, la sua portata è limitata, così come le caratteristiche di design.

Storia e realtà

Nella pratica della creazione di siti web dei frame tag (la sua applicazione) è stato a lungo relegato in secondo piano. Sono stati in grado di sostituire i moduli, nella creazione di un programma di progettazione che genera codice per una pagina web senza saytostroitelya. Tuttavia, in alcuni casi questo non è sufficiente. Ad esempio, quando il telaio – è una struttura complessa integrata delle zone da visualizzare nel browser. Quindi, vedere i proprietari complessi siti strutturati. Alla sua creazione sono solo in casi estremi, perché i siti web freymovskie creati esclusivamente con tag specializzati.

siti strutturati complessi

Per loro, la creazione di diversi fotogrammi interconnesse è una soluzione ottimale organizzare i contenuti sulla risorsa. Questo è di solito i maggiori portali, tentacolare con forte ogni anno.

Come ottenere lo stesso risultato? Come creare una struttura di telaio?

Come inserire il telaio nel codice della pagina

Le pagine sono aggiunti in HTML usando il tag:

  • telaio (per una finestra separata)
  • frame (intera struttura viene creato con esso);
  • iframe ( "floating" frame);
  • noframes (nel caso di telaio non visualizzazione nel browser dell'utente).

Il primo tag specificato in forma sempre in un paio di e . E si sostituisce il e . E con gli attributi appropriati, è possibile regolare le caratteristiche di ogni voce: nome (name =), dimensioni (colli = e righe =), la presenza della cornice (confine), la forma della barra di scorrimento e, naturalmente, un collegamento a una pagina Web da visualizzare.

registrazione variazioni

pagina del sito Tutto può essere divisa in regioni. Ad esempio, in questo modo:

sinistra

cornice superiore

destra

Tale struttura (viene chiamato nested) può essere ottenuto crei una tag all'interno attributo colli, che indica la posizione del telaio orizzontale, e le righe – verticalmente. Dovrebbe essere messo un segno di uguale e le dimensioni prescritte. Per esempio, 60%, 40% – la percentuale (una finestra prende il 60% del browser spazio altro, rispettivamente, 40%). O 100, 200 – il rapporto tra le dimensioni in pixel. Le dimensioni di un frame, è possibile non impostare (impostato di default). Per fare questo, prima o dopo la virgola è necessario specificare il carattere *.

All'interno di questa coppia di frame registra ogni fotogramma con parametri: src = http: è fatta // sito / article / 143778 /% 2C indicata nel seguito riferimento ad una pagina web e un nome del titolo = (ad esempio, fotogramma 1).

Nesting ogni nuova area è designato un nuovo frame.

codice di esempio:

Notate in questo esempio, per la seconda e terza cornici dimensioni sono prescritti solo una volta.

Un sacco di pentole lasciare che i fotogrammi. Esempi di loro posizione nella finestra del browser possono essere portati all'infinito (opportunamente cambiare il codice). Tuttavia, l'applicazione pratica di queste informazioni non si trova per un lungo periodo di tempo. Cornici, se usato oggi per creare siti, ma solo sotto forma di moduli nella libera CMS o un iframe.

telaio fluttuante

Mi chiedo il motivo per cui ha preso il nome, qui la parola è più appropriato "built-in". Questo telaio è stato progettato per visualizzare il contenuto di un file. Si carica al database qualsiasi documento o file usando i tag ayfreyma impostare il percorso – e visitatori potranno vedere un file di testo (video o foto). Purtroppo, i browser non riflettono sempre i contenuti. Questi costruttori web vengono inseriti tra l'apertura e la frase di chiusura: "Il tuo browser non visualizza i contenuti."

Ad esempio, Seopult.ru – servizio noto dai maestri per avanzare. Non solo il suo sito principale, e lo specchio I.seopult.pro creata per i clienti del portale. ayfreyma codice è stabilito come:

  • Istruzioni
  • . Dove

  • tag è stato progettato per determinare l'elemento della lista. Supportato da tutti i browser.

    Sullo specchio si può vedere la parola pagina "Istruzioni" per sé, sotto forma di un pulsante. Quando si fa clic su di esso al centro della finestra del browser si apre la presentazione.

    Tutti i siti più importanti per la visione di film e spettacoli televisivi vengono creati utilizzando ayfreymov (ad esempio, "Imhonet"), così come le reti sociali. Anche la home page di "Yandex" contiene questo tag, e non una coppia.

    Come registrarsi iframe

    Scarica sul tuo sito web in forma di una finestra del documento con una barra di scorrimento può essere in qualsiasi luogo. Solitamente tag disposto all'interno del corpo. In aggiunta allo standard

    e

    , come mostrato nell'esempio di cui sopra può essere utilizzato e una lista di tag –

  • .

    In ayfreym attributi aggiunti:

    • larghezza (larghezza) e l'altezza (altezza =);
    • allineando il bordo di allineamento;
    • padding, che non può prescrivere: il valore di default è 6 – questo è più che sufficiente;
    • utilizzando allowTransparency campo cornice di trasparenza, è possibile specificare che si può vedere la pagina di sfondo;
    • più il familiare scr, nome, lo scorrimento, di confine.

    Navigazione utilizzando ayfreyma

    Il più interessante è la capacità nel campo dei telai – questo è quello di scrivere codice che permette di aprire il contenuto della finestra sul link – che cosa ha fatto i creatori Seopult specchio, solo con diversi riferimenti (sia disponibili per l'utente sulla stessa pagina).

    Per questo ayfreym preso, si registra inoltre il nome dopo nome =. Ad esempio, zagolovok. Inoltre, di fronte a lui nei tag e riferimenti prescritti da a href = http: // sito / article / 143778 /% D1% che indica l'obbligatoria 81 dopo che attribuiscono target = zagolovok. Prima di poter utilizzare un tag di chiusura, indicato iscrizione, che servirà come il pulsante di riferimento. Tag "e" apertura e la chiusura sono nel tag p.

    è possibile assegnare queste poche righe di codice per ottenere finalmente in linea di fila alcuni pulsanti, link, cliccando su quella finestra qui sotto mostreranno contenuti diversi.

    Il codice sarebbe simile a questa:

    aNNUNCIO GRATIS

    Visualizza l'annuncio

    Come apparirebbe sul sito web:

    Come inserire l'iframe in sito Joomla

    Pannello di controllo standard di Joomla ha incluso (es. E. pronto per l'uso), il modulo "codice HTML". Con esso, è possibile inserire alcun codice in qualsiasi punto del sito. Tuttavia, il codice ayfrem etichettato lui ostinatamente ignorato. Pertanto, useremo un modulo speciale Jumi.

    Prima di tutto, deve essere scaricato da Internet e installare a se stesso attraverso il pannello di amministrazione di Joomla: "Estensioni" – "Gestione Estensioni" – "Scegli file". Specificare il percorso del file scaricato e fare clic su "Carica".

    Ad installazione avvenuta andare in "Gestione moduli" e crearne uno nuovo. Selezionare il tipo di Jumi. Nella finestra che si apre, nel "Codice di ordinazione", inserire ayfrem preparata, come indicato nel paragrafo precedente di questo articolo. Dare l'intestazione modulo e specificare la posizione della pagina alloggio. Fare clic su Salva e verificare che fuori.

    Browser e cornici

    Tutti i browser più diffusi visualizzare il contenuto di un buon telaio della finestra: Chrome, Safari, Firefox, Android, iOS. Un tasso particolarmente elevato in questo senso, Internet Explorer e Opera. Eppure non v'è alcuna garanzia che un visitatore del sito vedrà il contenuto di tutte le finestre. In tal caso, dovrebbe lasciare un messaggio usando tag noframe (apertura e chiusura). E 'possibile scrivere la seguente: "Il tuo browser non è aggiornato per visualizzare i contenuti di un sito versione di aggiornamento". Se il browser dell'utente visualizza correttamente i telai, il messaggio che non vedrà.

    Così, il telaio – un'area o una finestra del sito, che ha il suo indirizzo URL. Utilizzato per visualizzare il browser in una delle numerose pagine web o documenti indipendenti come avere il vostro URL. Nonostante il fatto che i telai consentono un sito strutturato complesso ben organizzato, che non sono più utilizzati, ad eccezione iframe. L'utilizzo di questo tag è ancora importante per scaricare una scatola di presentazione specifica, lettore video, documenti di testo. Si è attivamente utilizzato da grandi e ben noto in risorse web della rete.