Come creare un set di frame in un doc HTML

April 30

Come creare un set di frame in un doc HTML


frame HTML consentono agli sviluppatori web visualizzare più pagine Web, viste o componenti di pagina in un'unica finestra del browser. Spesso, telai sono utilizzati per separare componenti delle pagine web, come banner e contenuti, e consentire la manipolazione di ogni sezione in modo indipendente. Framesets, o un raggruppamento di frame, possono essere definiti come righe o colonne, o una combinazione dei due. Una volta collocato in una cornice all'interno di un set di frame, le pagine Web inclusi diventano parte dell'interfaccia complessiva dell'utente e possono essere programmati per l'interazione.

istruzione

1 Aprire un editor di testo e creare un file denominato pageInsideFrame1.html. Aggiungere un tag "<html>", un tag "<head>", un "</ head>" tag, un tag, un "<body />" tag "<body>" e di un "</ html>" tag al file. Posizionare un "<title>" tag tra il "<head>" e "</ head>" tag, dare alla pagina il titolo "pagina interna fotogramma 1" e chiudere il "</ title>" tag. Inserire un "<h1>" tag tra il "<body>" e "</ body>" tag e dare alla pagina l'intestazione "Pagina caricata in fotogramma 1." Chiudere il "</ h1>" tag e salvare e chiudere pageInsideFrame1.html.

<Html>

<Head>

<Title> Pagina All'interno fotogramma 1 </ title>

</ Head>

<Body>

<H1> Pagina caricata in fotogramma 1 </ h1>

</ Body>

</ Html>

2 Utilizzare l'editor di testo per creare un secondo file denominato pageInsideFrame2.html. Aggiungere un tag "<html>", un tag "<head>", un "</ head>" tag, un tag, un "<body />" tag "<body>" e di un "</ html>" tag al file. Posizionare un "<title>" tag tra il "<head>" e "</ head>" tag, dare alla pagina il titolo "pagina interna Frame 2" e chiudere il "</ title>" tag. Inserire un "<h1>" tag tra il "<body>" e "</ body>" tag e dare alla pagina l'intestazione "Pagina caricata in fotogramma 2." Chiudere il "</ h1>" tag e salvare e chiudere pageInsideFrame2.html.

<Html>

<Head>

<Title> Pagina All'interno Frame 2 </ title>

</ Head>

<Body>

<H1> Pagina caricata in frame 2 </ h1>

</ Body>

</ Html>

3 Utilizzare l'editor di testo per creare un terzo file chiamato frameHolder.html. Aggiungere un tag "<html>", un tag "<head>", un "</ head>" tag, un tag "<body>", un "</ body>" tag e un "</ html>" tag al file. Posizionare un "<title>" tag tra il "<head>" e "</ head>" tag, dare alla pagina il titolo "Frame pagina" e chiudere il "</ title>" tag. Mettere un tag "<frameset>" tra il "<body>" e "</ body>" tag. Impostare l'attributo "file" del frame a "150, *" per indicare il set di frame dovrebbe avere due colonne: una che è larga 150 pixel e quello che dovrebbe essere il più ampio il resto della pagina Web. Chiudere il tag "</ frameset>" e salvare frameHolder.html.

<Html>

<Head>

<Title> Telaio Page </ title>

</ Head>

<Frameset cols = "150, *">

</ Frameset>

</ Body>

</ Html>

4 Mettere un tag "<frame>" tra il "<frameset>" e "</ frameset>" tag. Impostare il valore del frame "src" a "pageInsideFrame1.html." Questo tag indica il primo fotogramma (150px) dovrebbe caricare la pagina pageInsideFrame1.html.

<Html>

<Head>

<Title> Telaio Page </ title>

</ Head>

<Frameset cols = "150, *">

<Tag di frame nel file tra il "<frameset>" e "</ frameset>" tag. Impostare il valore del frame "src" a "pageInsideFrame2.html." Salvare e chiudere frameHolder.html. Questo tag indica il secondo telaio (*) dovrebbero caricare la pagina pageInsideFrame2.html.

<Html>

<Head>

<Title> Telaio Page </ title>

</ Head>

<Frameset cols = "150, *">

<Cornice src = "pageInsideFrame1.html">

<Cornice src = "pageInsideFrame2.html">

</ Frameset>

</ Body>

</ Html>

6 Aprire frameHolder.html in un browser Web. Verifica carico due telai con gli attributi previsti. Verificare la prima carichi telaio pageInsideFrame1.html e carichi secondo fotogramma pageInsideFrame2.html.

Consigli e avvertenze

  • Utilizzare i "<NOFRAMES>" e "</ noframes>" tag per fornire una pagina alternativa o un messaggio per i browser che non supportano i frame.
  • Set di cornici non sono ammessi nelle XHTML DOCTYPE oggettiva o transitorie.
  • Cornici potrebbe non essere disponibile nelle versioni future di HTML.
  • pagine stampa HTML che utilizzano frame può essere problematico.
  • I motori di ricerca possono avere problemi con la visualizzazione delle pagine Web incorniciate correttamente.