Datamaskin
  | Hjem | Hardware | Nettverk | Programmering | Software | Feilsøking | Systems | 
Software  
  • Adobe Illustrator
  • animasjon programvare
  • Antivirus programvare
  • Audio programvare
  • Sikkerhetskopiere data
  • brenne CDer
  • brenne DVDer
  • Datakomprimeringsprotokoll
  • database programvare
  • Desktop Publishing
  • Desktop Video
  • Digital Video Software
  • Drupal
  • pedagogisk programvare
  • Engineering programvare
  • Arkiv Forlengelsen Typer
  • Financial Software
  • Freeware, Shareware & Abandonware
  • GIMP
  • Graphics Software
  • Hjem Recording Software
  • Microsoft Access
  • Microsoft Excel
  • Microsoft Publisher
  • Microsoft Word
  • Åpen Kildekode
  • Andre dataprogrammer
  • PC Games
  • Photoshop
  • Portable Document Format
  • PowerPoint
  • presentasjon programvare
  • produktivitet programvare
  • Quicktime
  • Remote Desktop Management
  • SQL Server
  • Skype
  • Programvare betaversjoner
  • programvare konsulenter
  • Software Development Selskaper
  • Software Licensing
  • regneark
  • Skatt forberedelse programvare
  • Utility programvare
  • Web Clip Art
  • Windows Media Player
  • Tekstbehandlingsprogrammet
    		•
    		 
    * Datamaskin >> Software >> Åpen Kildekode >> Content
    Hvordan lage en mal Med Divs
    Opprette en HTML-mal hjelper deg raskt bygge fremtidige sider av et nettsted . Kopier malen kode og lim den inn i editoren for å lage en ny side . Bruker divs betyr at du enkelt kan endre oppsettet av nettstedet ditt ved å redigere en fil : CSS-filen som styrer utformingen av divs over hele området . Du trenger
    HTML /CSS editor av ditt valg
    Vis flere instruksjoner
    en

    Lag en HTML-fil i en editor av ditt valg.

    2

    Sett inn følgende HTML-kode, som skaper strukturen på siden og inneholder en link til CSS-filen . ( The CSS-fil vil bli opprettet på et senere tidspunkt . )



    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> Legg til en tittel du velger å erstatte teksten "Layout 1" . <br> <br> 3 <p> Legg til følgende " divs " mellom " <body> " koder . <br> <p> <div id="header"> <br> <p> header <br> <p> < /div > <br> <p> <div id="navigation"> <br> <p> Navigation <br> <p> < /div > <br> < p> <div id="content"> <br> <p> innhold <br> <p> < /div > <br> <p> <div id="footer"> <br> < p> bunntekst <br> <p> < /div > <br> p Dette er et typisk oppsett for en web- side . Den " Header " refererer til toppen av siden, der meny ligger under. Hovedinnholdet i hver enkelt side går inn i "Innhold "-delen , og " bunntekst "-delen vanligvis huser den nederste menyen på en nettside . Hver seksjon har en ID som brukes av CSS-filen for å referere til hvert element og plassere det i den aktuelle delen av siden. <br> 4 <p> Lagre siden . ( Sørg for at den er lagret som en " . Html" -fil. ) <br> 5 <p> Opprett en ny " . Css "-filen . <br> 6 <p> Sett oppsettet kode for den samlede dokumentet og deretter legge til og manipulere skriften og bakgrunnsfarge ved hjelp av følgende kode : <br> <p> * { <br> <p> margin: 0 ; <br> <p> padding: 0 ; <br> < p > } <br> <p> body { <br> <p> bakgrunn: # eeeeee ; <br> <p> font- family: sans - serif ; <br> <p> font-size : 12px ; <br> <p> } <br> 7 <p> Legg stilen for overskriften div , som vil definere høyde og farge: <br> <p> div # header { <br> <p> høyde: 160px ; <br> <p> bakgrunn: # 800000 ; <br> <p> } <br> 8 <p> Definer stilen for de andre div elementer på siden : "navigasjonen " , "innhold ", og den "fot " : en <p> div # navigation { <br> <p> bakgrunn: hvit ; <br> <p> bredde : 25 % ; <br> <p> float : left; <br> < p> } <br> <p> div # innhold { <br> <p> margin: 0 25 % ; <br> <p> bakgrunn: # BDBD00 ; <br> <p> } <br> <p> div # footer { <br> <p> bakgrunn: # 800000 ; <br> <p> bredde : 100 % ; <br> <p> klart : left; <br> <p> } <br> 9 < p> Lagre filen som " MyName.css " . <br> 10 <p> Test siden i en nettleser ved å åpne HTML-siden du nettopp har opprettet. Kopier HTML-koden og legge til relevant innhold for å lage hver ny side på nettstedet ditt. <br> <br> <div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4"> <tr> <td bgcolor="#ecf0f4"></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="100%" height="7"> <tr> <td></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26"> <tr> <td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Software/open-source-code/144045.html' >Hva betyr Open Source </a></li></p></td> </tr> <tr> <td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Software/open-source-code/144047.html' >Problemer med OpenOffice & Foxfire </a></li></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="100%" height="7"> <tr> <td></td> </tr> </table></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246> <tr> <td height=246 vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=380> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><strong>Relatert Artike</strong></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209> <tr> <td height=201> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/open-source-code/143885.html" title="Hvordan få en liten Search Google ikonet i venstre hjørne av skjermen din " target="_self">Hvordan få en liten Search Google ikonet i venstre hjø…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/open-source-code/143904.html" title="Hvordan få nettadressen på Joomla " target="_self">Hvordan få nettadressen på Joomla </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/open-source-code/143989.html" title="Hvordan sende en SMS Bruke Kannel " target="_self">Hvordan sende en SMS Bruke Kannel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/open-source-code/143918.html" title="Slik spiller flere videoer i VLC " target="_self">Slik spiller flere videoer i VLC </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/open-source-code/143946.html" title="Hvordan : OpenOffice Access på Mac " target="_self">Hvordan : OpenOffice Access på Mac </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/open-source-code/143901.html" title="Forskjeller mellom CSS og CSS3 " target="_self">Forskjeller mellom CSS og CSS3 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/open-source-code/144063.html" title="Definer Mapserver " target="_self">Definer Mapserver </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/open-source-code/143768.html" title="Hvordan lage Thunderbird Standard til toppen av e-post " target="_self">Hvordan lage Thunderbird Standard til toppen av e-post </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/open-source-code/144066.html" title="Linux trening : Grunnleggende kommandoer " target="_self">Linux trening : Grunnleggende kommandoer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/open-source-code/143807.html" title="Forskjellen mellom NSCD og UNSCD " target="_self">Forskjellen mellom NSCD og UNSCD </a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> <td vAlign=top width=20></td> <td vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=380> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><strong>Anbefalte artikler </strong></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207> <tr> <td height=199> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/windows-media-player/174496.html" title="Windows Media Player Avspilling problemer " target="_self">Windows Media Player Avspilling problemer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/portable-document-format/156268.html" title="Hvordan konvertere PDF til Word " target="_self">Hvordan konvertere PDF til Word </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/skype/167087.html" title="Hvordan lage Skype Arbeidet med en Toshiba " target="_self">Hvordan lage Skype Arbeidet med en Toshiba </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/other-computer-software/144532.html" title="Hva som forårsaker en kan ikke kopiere : filen finnes Feil " target="_self">Hva som forårsaker en kan ikke kopiere : filen finnes …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/utility-software/171707.html" title="Hvordan sette opp to Desktops " target="_self">Hvordan sette opp to Desktops </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/word-processing-software/179274.html" title="Hvordan Deaktiver registrering påminnelse for WordPerfect 12 " target="_self">Hvordan Deaktiver registrering påminnelse for WordPerf…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/microsoft-word/141172.html" title="Hvordan bruke Microsoft Word til å lage en bok med sidene satt opp for en halv side " target="_self">Hvordan bruke Microsoft Word til å lage en bok med sid…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/microsoft-access/135871.html" title="Hvordan lese fra en tekstfil i Excel VBA " target="_self">Hvordan lese fra en tekstfil i Excel VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/productivity-software/163446.html" title="SharePoint Server Prosjekter " target="_self">SharePoint Server Prosjekter </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Software/photoshop/151312.html" title="Hvordan Reverse tekst i Photoshop " target="_self">Hvordan Reverse tekst i Photoshop </a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 height=8> <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=center>Copyright ©  Datamaskin  http://www.datamaskin.biz/ <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>