| Home  | Casa  | Hardware  | Networking  | Programmazione  | Software  | Domanda  | Sistemi  |   
software  
  • Adobe Illustrator

  • Software di animazione

  • Antivirus Software

  • Software Audio

  • Backup dei dati

  • masterizzare CD

  • masterizzare DVD

  • Compressione dei dati

  • Software Database

  • Desktop Publishing

  • Desktop Video

  • Digital Video Software

  • Drupal

  • Software didattico

  • ingegneria del Software

  • Tipi di estensione di file

  • Financial Software

  • Freeware, Shareware & Abandonware

  • GIMP

  • Graphics Software

  • Software Home Recording

  • Microsoft Access

  • Microsoft Excel

  • Microsoft Publisher

  • Microsoft Word

  • Aprire Source Code

  • Altro Software per computer

  • Giochi per PC

  • Photoshop

  • Portable Document Format

  • PowerPoint

  • presentazione Software

  • produttività Software

  • Quicktime

  • Gestione Desktop remoto

  • SQL Server

  • Skype

  • Software versioni Beta

  • Consulenti Software

  • Società di sviluppo software

  • Software Licensing

  • Fogli di calcolo

  • Software Preparazione Tax

  • Software Utility

  • Web Clip Art

  • Windows Media Player

  • Word Processing Software
    		•
    		 
    * Conoscenza Informatica >> software >> Aprire Source Code >> Content
    Come creare un modello con Divs
    Creazione di un modello HTML consente di creare rapidamente pagine future di un sito web. Copia il codice del modello e incollarlo nell'editor per creare una nuova pagina . Uso div significa che si può facilmente modificare il layout del tuo sito web modificando un file : il file CSS , che controlla il layout dei div in tutto l'intero sito . Cose che ti serviranno
    HTML /CSS editor di vostra scelta
    Show More Istruzioni
    1

    Crea un file HTML in un editor di propria scelta.
    < Br > 2

    Inserire il codice HTML seguente, che crea la struttura della pagina e include un collegamento al file CSS . ( Il file CSS sarà creato in una fase successiva . ) Per



    layout 1 < /title> <br> <p> <link type="text/css" media="screen" rel="stylesheet" href="MyName.css" /> <br> <p> < /head> <br> < p > <body> <br> <p> < /body> <br> <p> < /html > <br> <p> Aggiungere un titolo a scelta per sostituire il testo " layout 1 " . <br> <br> 3 <p> Aggiungi i seguenti " div " tra i tag " <body> " . <br> <p> <div id="header"> <br> <p> intestazione <br> <p> < /div > <br> <p> <div id="navigation"> <br> <p> navigazione <br> <p> < /div > <br> < p > <div id="content"> <br> <p> contenuto <br> <p> < /div > <br> <p> <div id="footer"> <br> < p > Footer <br> <p> < /div > <br> <p> Questo è un layout tipico di una pagina web. "Intestazione " si riferisce alla parte superiore della pagina , il menu si trova sotto. Il contenuto principale di ogni singola pagina va nella sezione "Contenuto" , e la sezione "Piè di pagina " di solito ospita il menu in basso su una pagina web . Ogni sezione ha un ID che viene utilizzato dal file CSS per fare riferimento a ogni elemento e inserirlo nella apposita sezione del sito. <br> 4 <p> salvare la pagina. ( Assicurarsi che sia salvato come file " . Html " . ) Economici 5 <p> Creare un nuovo file " . Css" . <br> 6 <p> Inserisci il codice del layout per il complessivo documento e quindi aggiungere e modificare il font e il colore di sfondo , utilizzando il seguente codice: <br> <p> * { margin <br> <p> : 0 ; <br> <p> padding: 0 ; <br> < p > } <br> corpo <p> { <br> <p> background: # eeeeee ; <br> <p> font-family : sans - serif ; <br> <p> font-size : 12px ; <br> <p> } <br> 7 <p> Aggiungi lo stile per l'intestazione div , che definirà l'altezza e il colore : <br> <p> div # header { <br> altezza <p> : 160px ; <br> <p> background: # 800000; } <br> <p> <br> 8 <p> definire lo stile per gli altri elementi div della pagina : la "navigazione", il "contenuto" e il " piè di pagina " : <br> <p> div # navigation { <br> <p> sfondo : bianco; <br> larghezza <p> : 25 % ; <br> <p> float: left; <br> < p > } <br> <p> div # content { margin <br> <p> : 0 25 % ; <br> <p> background: # BDBD00 ; <br> <p> } <br> <p> div # footer { <br> <p> background: # 800000; <br> <p> width: 100% ; <br> <p> clear: left ; } <br> <p> <br> 9 < p > Salvare il file come " MyName.css " . <br> 10 <p> il test della pagina in un browser , aprire la pagina HTML che hai appena creato . Copia il codice HTML e aggiungere contenuti applicabili per creare ogni nuova pagina per il vostro sito web . <br> <br> <div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/software/open-source-code/144045.html' >Che cosa significa Open Source significa ? </a></li></p></td> </tr> <tr> <td width="49%"> next ： <a class='LinkNextArticle' href='/software/open-source-code/144047.html' >Problemi con OpenOffice & Foxfire </a></li></td> </tr> </table></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> Articoli Correlati </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/144130.html" title="Componenti aggiuntivi per OpenOffice " target="_self">Componenti aggiuntivi per OpenOffice </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/144131.html" title="Come faccio a eliminare un ramo in CVS " target="_self">Come faccio a eliminare un ramo in CVS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/143783.html" title="Come convertire Java per NES " target="_self">Come convertire Java per NES </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/143900.html" title="Open Source Alternative al GhostSurf " target="_self">Open Source Alternative al GhostSurf </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/143872.html" title="SRP protocolli " target="_self">SRP protocolli </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/143706.html" title="AutoHotkey e tasti di scelta rapida Funzioni " target="_self">AutoHotkey e tasti di scelta rapida Funzioni </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/144132.html" title="Come rimuovere Apache Information Server Dalla pagine di errore HTTP " target="_self">Come rimuovere Apache Information Server Dalla pagine d…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/144123.html" title="Come scaricare Flash Templates " target="_self">Come scaricare Flash Templates </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/143827.html" title="Come avviare HP -UX in modalità single - user " target="_self">Come avviare HP -UX in modalità single - user </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/144220.html" title="Come convertire un file TXT di TPL " target="_self">Come convertire un file TXT di TPL </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Articoli in evidenza </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/audio-software/106914.html" title="Come installare il più veloce LimeWire gratis " target="_self">Come installare il più veloce LimeWire gratis </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/word-processing-software/177722.html" title="La conversione dei documenti Word in PDF " target="_self">La conversione dei documenti Word in PDF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/pc-games/146549.html" title="Come far pendere la Iceburg nel Club Penguin " target="_self">Come far pendere la Iceburg nel Club Penguin </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/powerpoint/156855.html" title="Come importare Microsoft Powerpoint animazioni per Movie Maker " target="_self">Come importare Microsoft Powerpoint animazioni per Movi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/portable-document-format/154763.html" title="Come convertire i file PDF in un file Word Perfect " target="_self">Come convertire i file PDF in un file Word Perfect </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/digital-video-software/125131.html" title="Come giocare file MOV su Windows " target="_self">Come giocare file MOV su Windows </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/antivirus-software/101122.html" title="Come rilevare un virus e Elimina Spymaster " target="_self">Come rilevare un virus e Elimina Spymaster </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-video/121512.html" title="Come trasferire film in DVD a un disco rigido " target="_self">Come trasferire film in DVD a un disco rigido </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/photoshop/148068.html" title="Come fare una Polaroid Ritratto in Photoshop " target="_self">Come fare una Polaroid Ritratto in Photoshop </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/word-processing-software/177772.html" title="Come trovare un numero di serie di Microsoft Office " target="_self">Come trovare un numero di serie di Microsoft Office </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="980" height="8" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=middle>Copyright © Conoscenza Informatica http://it.wingwit.com <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>