Per visualizzare informazioni da più fonti su una singola pagina, viene spesso utilizzato il meccanismo di suddivisione delle pagine HTML. Di seguito è riportata una descrizione dei costrutti del linguaggio per l'inserimento di frame.
Necessario
Conoscenza base di HTML
Istruzioni
Passo 1
L'HyperText Markup Language (HTML) fornisce due tipi di frame. Il floating è più flessibile e più facile da inserire in una pagina esistente. In generale, la costruzione che descrive una cornice di finestra utilizzando una cornice mobile ha il seguente aspetto: Qui, la pagina principale di un sito esistente è specificata come origine dati per questa cornice (attributo src). Verrà aperto in una cornice di 400 x 300 pixel, come specificato negli attributi di larghezza e altezza. Puoi anche specificare la pagina del tuo sito nell'attributo src. In questo caso è sufficiente specificare un indirizzo relativo (cioè l'indirizzo relativo alla pagina in cui è inserito il frame): In questo esempio non sono specificate la larghezza e l'altezza del frame, ma c'è un id attributo-identificatore. Usandolo, puoi usare CSS () per impostare le dimensioni richieste per questo frame:
#frameOne {larghezza: 700 px; altezza: 200 px;}
Passo 2
Un altro tipo di frame - "classico" - richiede una pagina separata, che conterrà una descrizione della struttura del frame. I frame stessi saranno su pagine separate, forse anche su siti separati. Il codice HTML per una tale pagina contenitore di frame potrebbe essere simile a questo:
Non dovrebbero esserci blocchi… e… necessari per le pagine normali. In questo esempio, il tag di apertura del contenitore contiene un attributo di righe, il che significa che lo spazio della pagina deve essere diviso verticalmente e la parte superiore verrà assegnata al primo frame. Se sostituisci le righe con colonne, la divisione sarà orizzontale. Il valore di questo attributo "*, *" indica che le proporzioni divise sono uguali - 50% ciascuna. Se specifichi, ad esempio, "20%, *", solo il 20% verrà assegnato al primo frame e il resto dello spazio al secondo. L'utente può modificare queste proporzioni trascinando i bordi dei frame con il mouse, ma è possibile disabilitare questa azione. Per fare ciò, aggiungi l'attributo noresize al tag di un frame specifico. È inoltre possibile specificare la dimensione dei rientri verticali e orizzontali dal riquadro adiacente (gli attributi marginwidth e marginheight): È possibile impostare separatamente le regole di comportamento per le barre di scorrimento di ciascun riquadro. Per questo, viene utilizzato l'attributo di scorrimento, che può contenere uno dei tre valori predefiniti. Se specificato, le barre di scorrimento appariranno quando il contenuto della cornice non rientra nei suoi bordi. Se "sì", le strisce saranno sempre presenti, indipendentemente dalla loro necessità. Se "no" - significherà non consentire le barre di scorrimento per questo frame.
Passaggio 3
Sulla base delle informazioni fornite nei due passaggi precedenti, è necessario progettare il codice html più adatto a risolvere il problema. Dopodiché, non resta che inserirlo nel codice sorgente della pagina. Per fare ciò, puoi utilizzare l'editor di pagine del sistema di gestione del tuo sito: apri la pagina desiderata al suo interno, passa alla modalità di modifica del codice html e incolla il tuo codice nel punto desiderato della pagina. In alternativa, puoi scaricare il file del codice sorgente della pagina dal file manager di gestione dell'hosting o dal sistema di gestione dei contenuti, aprirlo in un editor di testo e incollarvi il codice. E poi allo stesso modo carica di nuovo il codice modificato sul server.
