ೡ Sito web realizzato con le table ~ Contenuti corpoE siamo arrivati a dover sistemare i contenuti nella parte "principale" del sito,ora anche se abbiamo deciso di realizzarlo con un iframe (1), inseriamo ciò che abbiamo in mente qui, poi a lavoro ultimato trasferiremo il tutto nella pagina dell'iframe. Direi che la prima cosa da scrivere se non lo abbiamo già fatto nella parte dedicata all'header, è un saluto di benvenuto e una piccola descrizione o una frase ad doc sui contenuti del sito, quindi proseguiremo inserendo un box per le news e gli aggiornamenti che man mano faremo, ovviamente questo dipende sempre dai gusti personali e dal tipo di sito che realizziamo. Di seguito potremmo inserire, delle piccole anteprime dei nostri lavori, dare risalto a particolari determinati del nostro spazio, informazioni commerciali e simili, un box e-mail o commenti che permetta agli utenti di comunicare con noi, per un semplice saluto o avere maggiori informazioni sui servizi offerti. ⇜ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ⇝ - Per il mio sito esempio, ho realizzato uno spazio dedicato ai libri, recensioni, biografie, consigli, ecc. ecc. per cui ora sistemerò un box per le news, sotto posizionerò delle piccole immagini di copertine degli ultimi libri trattati, con uno script che visualizzerà un breve commento, quindi un box per i commenti e saluti... (Tutto assolutamente ipotetico ^_________^ x i libri mi basta il blog) Per il box delle news e dei commenti possiamo realizzare qualcosa in grafica o con delle table quindi saranno sempre in primo piano i nostri parametri style ^_^, nel caso di una tag grafica procederò nello stesso modo in cui ho inserito i parametri per la piccola tag-menu e la richiamerò nel punto che mi serve, quindi farò in modo di poterci scrivere dentro quanto voglio aggiungendo uno scroll... e per un esempio pratico vi indico questa guida Table con scroll Cliccate sullo stamp per averlo in dimensioni originali e vedere cosa ho combinato... E qui potete vedere il codice che ho scritto per inserire il tutto Codice sito prova - Ho evidenziato di giallo i parametri dello script che ho usato per commentare i link-copertine e di rosa quelli per la tag realizzata in grafica delle news - Come sempre, basta procedere con ordine, prepariamo le eventuali basi grafiche, le proviamo nella pagina per vedere l'effetto e se vanno bene le misure, quindi scriviamo i parametri della table che ci occorre nello style e richiamiamo nel punto stabilito per la visualizzazione, ovviamente occorrerà fare varie prove e può anche capitare di dover variare alcuni parametri inseriti precedentemente. - Stessa cosa se vogliamo inserire uno script per qualche effetto particolare su anteprime, immagini, box slide ecc. ecc. o nella pagina stessa, cursori, immagini flottanti ecc. ecc. facciamo le nostre prove e poi se il risultato ci piace sistemiamo per bene i tag di riferimento e se abbiamo uno script troppo lungo trasferiamolo in un altra pagina da richiamare - Possiamo fare tutti questi passaggi lavorando in doppia visualizzazione, affinché possiamo scrivere e vedere man mano l'effetto, fate attenzione però a non scrivere nella parte inferiore il codice diventerebbe un pasticcio terribile O_o Cliccate sullo stamp per averlo in dimensioni originali - Partendo dal nostro tag "<!-- Inizio Spazio Corpo -->" inseriamo man mano gli accessori, assicurandoci di non mescolare codici, di usare il tag <br> per andare a capo e non i terribili <p> </p> (<p> è il tag di un paragrafo e ci sono i parametri specifici per utilizzarlo ^_^) e sopratutto di non oltrepassare il tag di chiusura "<!-- Fine Spazio Corpo -->" perché rischieremo di cancellare il tag di chiusura della cella </td> e il sito va in malora... ⇜ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ↭ ⇝ ISTRUZIONI PER SITO CON IFRAME
Se la nostra intenzione è quella di realizzare un sito con iframe dal quale far visualizzare le pagine, apriamo una nuova pagina, copiamo e incolliamo all'interno lo style che abbiamo scritto per la home, variando solo i parametri dello sfondo body, ovvero lo sfondo per l'intera pagina, scriviamo il colore della nostra base. Copiamo tutto ciò che abbiamo scritto tra i tag <!-- Inizio Spazio Corpo --> e e lo incolliamo nella pagina, facendo attenzione alla misura in larghezza(width) che occupano i nostri contenuti, che ovviamente, non deve essere superiore a quella stabilita per lo spazio-corpo della nostra base, altrimenti poi avremo una barra scroll orizzontale nell'iframe. - Se la misura in larghezza (width) che abbiamo stabilito per lo spazio-corpo è di 700 pixel i contenuti delle pagine da far visualizzare nell'iframe non deve superare questa misura anzi deve essere un po' più piccola, 680 pixel, la misura che in questo caso daremo all'iframe, per evitare di fare pasticci io le prime volte inserivo i contenuti in una table invisibile a cui appunto davo una misura precisa, ho fatto un esempio pratico qui: Frame - E qui potrete vedere il codice scritto: Codice Frame Seguiremo questa traccia per realizzare tutte le pagine che vogliamo far aprire nell'iframe. N.B.: Ricordiamoci di trasferire anche gli script che lavorano sui contenuti dello spazio-corpo Quindi, nella nostra home scriviamo il tag dell'iframe:
Il nome che stabiliremo nell'iframe ci servirà per scrivere i link riportandolo nel "target" affinché sia garantita la visibilità delle pagine al suo interno, i nostri link saranno: <a target="frame" href="http://url pagina">Titolo link</a> Spero di esser stata chiara in ogni passaggio in caso contrario scrivetemi ^_* e ora ...prossima pagina ^_^ per il footer!
Spero di essere stata chiara in ogni passaggio in caso contrario scrivetemi nel commentario
Warning: include(../../pubblicita_striscia.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_table\contenuti_corpo.php on line 191 Warning: include(): Failed opening '../../pubblicita_striscia.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_table\contenuti_corpo.php on line 191 •°o.Pagina visitata da 3067 utenti |
ೡ Per iniziare...ೡ Sito in tableೡ Sito in graficaೡ Guida FrontPageTutorial e guide Warning: include(../../pubblicita_cubo_2.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 19 Warning: include(): Failed opening '../../pubblicita_cubo_2.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 19 Warning: include(../../menu/menu_feste.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 33 Warning: include(): Failed opening '../../menu/menu_feste.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 33 |
||||||||
|