La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

I Frames Fabrizio Sacco Progetto di un menù con frame Immaginiamo di realizzare, tramite Frames, un menù in cui sulla parte di sinistra dellla pagina.

Presentazioni simili


Presentazione sul tema: "I Frames Fabrizio Sacco Progetto di un menù con frame Immaginiamo di realizzare, tramite Frames, un menù in cui sulla parte di sinistra dellla pagina."— Transcript della presentazione:

1

2 I Frames Fabrizio Sacco

3 Progetto di un menù con frame Immaginiamo di realizzare, tramite Frames, un menù in cui sulla parte di sinistra dellla pagina web compaiono i titoli delle pagine, mentre sulla parte di destra comparira, per ogni clic sul menù, la pagina corrispondente, esempio:

4 Impostazione della Pagina Per ottenere l'effetto voluto comincio a progettare menu.html, per definire la divisione in 2 frame, in colonne, 30 % la colonna di sinistra (quella con il menù) e 70% quella di destra (che conterrà le pagine scelte cliccando sul menù di sinistra). Il primo file.html sarà menu.html: Menu con due frames di dimensione 10 e 90 %

5 Nota E' importante dare un nome alla parte di sinistra del frame (titoli) e alla parte destra (destro). Nota che nel menu (menu.html) NON compare il tag, ma al suo posto.

6 Codifica pagina vuota a destra del frame Scrivo la pagina iniziale che comparirà subito nel riquadro di destra (Pagina vuota): Listato di vuoto.html: PAGINA VUOTA (pagina iniziale)

7 Poi progetto il file titoli.html, che comparirà nella colonna di sinistra Menu: Pagina 1 Pagina 2 Pagina 3 Si noti l'uso del costrutto target in aggiunta dentro il tag già conosciuto.

8 Creazione delle pagine visualizzate dal menù Ed infine progetto ciascun file di pagina (1.html, 2.html, 3.html) nel seguente modo: Pagina HTML 1 Le tre pagine sono identiche, tranne che nella riga Pagina HTML 1 / Pagina HTML 2, etc.


Scaricare ppt "I Frames Fabrizio Sacco Progetto di un menù con frame Immaginiamo di realizzare, tramite Frames, un menù in cui sulla parte di sinistra dellla pagina."

Presentazioni simili


Annunci Google