Vytvorenie šablóny HTML , ktorý vám pomôže rýchlo vytvárať budúce stránky webovej stránky . Opíšte kód šablóny a vložte ho do editora vytvoriť novú stránku . Použitie Divs znamená , že môžete ľahko zmeniť vzhľad vašich webových stránok pomocou editácie jedného súboru : súbor CSS , ktorý riadi rozvrhnutie divs v rámci celého webu . Veci , ktoré budete potrebovať klipart HTML /CSS editor Vášho výberu
Zobraziť ďalšie inštrukcie Cestuj 1
Vytvoriť súbor HTML v editore podľa vášho výberu .
2
Vložte nasledujúci HTML kód , ktorý vytvorí štruktúru stránky a obsahuje odkaz na súbor CSS . (Súbor CSS bude vytvorený neskôr . )
Layout 1 < /title > <br> <p> <link type="text/css" media="screen" rel="stylesheet" href="MyName.css" /> sťahovanie <p> < /head > <br> <p> <body> <br> <p> < /body > <br> <p> < /html > <br> <p> pridať názov vášho výberu nahradiť text " Layout 1 " . <br> <br> 3 <p> Pridajte nasledujúce " divs " medzi " <body> " tagy . <br> <p> <div id="header"> <br> <p> header <br> <p> < /div > <br> <p> <div id="navigation"> <br> <p> Navigácia <br> <p> < /div > <br> <p> <div id="content"> <br> <p> Obsah <br> <p> < /div > <br> <p> <div id="footer"> <br> <p> Päta <br> <p> < /div > <br> <p> To je typický layout pre webové stránky . " Header " odkazuje na hornej časti stránky , menu sa nachádza pod ním . Hlavný obsah jednotlivých stránkach prejde do časti " Obsah " a časť "päta " sa zvyčajne nachádza na spodnej menu na webovej stránke . Každá sekcia má ID , ktoré sa používa v súbore CSS sa odkazovať na každý prvok a umiestnite ho do príslušnej časti stránky . <br> 4 <p> Uložiť stránku . ( Uistite sa , že je uložený ako súbor . " Html " . ) <br> 5 <p> Vytvoriť nový súbor " css " .. <br> 6 <p> Vložte kód rozloženie je pre celkový dokument a potom pridať a manipulovať písma a farbu pozadia pomocou nasledujúci kód : <br> <p> * { <br> <p> margin : 0 ; <br> <p> padding : 0 ; <br> <p> } <br> <p> body { <br> <p> background : # eeeeee ; <br> <p> font - family : sans - serif ; <br> <p> font -size : 12px ; <br> <p> } <br> 7 <p> Pridať štýl pre hlavičku div , ktorý bude definovať výšku a farbu : <br> <p> div # header { <br> <p> výška : 160px ; <br> <p> background : # 800000 ; <br> <p> } <br> 8 <p> Definujte štýl pre ďalší div prvkov na stránke : k " navigácia " , na " obsah " a "päta " : <br> <p> div # navigácia { <br> <p> background : white ; <br> <p> šírka : 25 % ; <br> <p> float : left ; <br> <p> } <br> <p> div # content { <br> <p> margin : 0 25 % ; <br> <p> background : # BDBD00 ; <br> <p> } <br> <p> div # footer { <br> <p> background : # 800000 ; <br> <p> Šírka : 100 % ; <br> <p> jasné : vľavo ; <br> <p> } <br> 9 <p> Uložte súbor ako " MyName.css " . <br> 10 <p> Otestujte stránku v prehliadači po otvorení stránky HTML , ktoré ste práve vytvorili . Skopírujte HTML kód a pridajte použiteľný obsah pre vytvorenie každej novej stránke pre vaše webové stránky . <br>
<div class="wodejimotaobuguo">
<div class="oukbwqe121s"><script language='javascript' src='http://www.pocitac.win/ad/sk/2.js'></script></div>
<div class="oukbwqe122s"></div>
</div>
<ul class="yongbaonidasda">
<li>Predchádzajúca strana: <a class='LinkPrevArticle' href='http://www.pocitac.win/Softver/Open-Source-Code/456390.html' >Čo Open Source Stredná </a></li>
<li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Softver/Open-Source-Code/456392.html' >Problémy s OpenOffice a Foxfire </a></li>
</ul>
</div>
<div class="fa324wds"></div>
<div class="xiangguandwdsawqe2">
<h4>Odporúčané články</h4>
<div class="shenmedoubuxiangyaodsa">
<ul class="xinlimianshuosd1">
<li><a href="http://www.pocitac.win/Softver/Open-Source-Code/456409.html" target="_blank">Ako Hosťovanie zadarmo počítač servera </a></li>
<li><a href="http://www.pocitac.win/Softver/Open-Source-Code/456400.html" target="_blank">Ako sa k nám kontaktného Script zadarmo </a></li>
<li><a href="http://www.pocitac.win/Softver/Open-Source-Code/456516.html" target="_blank">Zadarmo Linux Based webových stránok Stavebné náradie </a></li>
<li><a href="http://www.pocitac.win/Softver/Open-Source-Code/456280.html" target="_blank">Rozdiely medzi Visual Basic Script a Java </a></li>
<li><a href="http://www.pocitac.win/Softver/Open-Source-Code/456248.html" target="_blank">Ako spustiť JavaScript vo Joomla </a></li>
</ul>
<ul class="xinlimianshuosd2">
<li><a href="http://www.pocitac.win/Softver/Open-Source-Code/456437.html" target="_blank">Čo je OSS Stredná </a> </li>
<li><a href="http://www.pocitac.win/Softver/Open-Source-Code/456355.html" target="_blank">Je Swarmplayer Spyware ? </a> </li>
<li><a href="http://www.pocitac.win/Softver/Open-Source-Code/456191.html" target="_blank">Ako odinštalovať iCube CAB </a> </li>
<li><a href="http://www.pocitac.win/Softver/Open-Source-Code/456190.html" target="_blank">Ako nainštalovať Toko Editor </a> </li>
<li><a href="http://www.pocitac.win/Softver/Open-Source-Code/456540.html" target="_blank">Ako spustiť VNC </a> </li>
</ul>
</div>
</div>
</div>
<div class="shangkuaikiada2">
<div class="tahuiyuuedaogenhananr">
<div class="shenbiandhsaq21"><h4>Najnovšie články</h4></div>
<ul>
<li>
<a href="http://www.pocitac.win/Softver/Open-Source-Code/456106.html" target="_blank" class="ewq32ada131">Ako opraviť objaviť Sandbox chybu </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/Open-Source-Code/456106.html" target="_blank">Portage je nástroj pre správu softvéru pre operačný systém Linux . Práca s Portage , alebo strom Portage programov sú k dispozícii pre použitie s Linuxom , sa zvyčajne vykonáva prostredníctvom nástroja emerge . Portage strom sa skladá z ebuildy , ktoré sú všetky príkazy potrebné na spravovanie softvéru , ako je napríklad inštalácia a hľadanie . Keď Portage sťahuje dáta z stromu Portage , dáta rozbalenie , alebo sa objavil , na pieskovisku , chránené prostredie alebo zastávky oblasť , do karant</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/Open-Source-Code/456373.html" target="_blank" class="ewq32ada131">Zadarmo na obmedzenie prístupu k internetu </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/Open-Source-Code/456373.html" target="_blank">Ak používate sieť pre malé firmy , alebo ak si len chcete chrániť počítače doma pred vírusmi , podvody a nevhodného obsahu , bezpečnostný softvér je zásadný . Našťastie , niektoré z nich sú k dispozícii zadarmo . Typy Jeden z najviac základných typov softvéru na všetkých počítačoch je potreba je firewall , čo je program , ktorý chráni počítač pred nežiaducim vniknutím . Aj keď väčšina počítačov je dodávané s firewallom ako súčasť svojich operačných systémov , väčšina ľudí dáva prednosť inštalá</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/Open-Source-Code/456584.html" target="_blank" class="ewq32ada131">Ako nainštalovať Java knižnica </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/Open-Source-Code/456584.html" target="_blank">Java Enterprise Edition ( Java EE ) je serverová platforma , ktorá používa programovací jazyk Java . Enterprise Edition sa líši od Java Development Kit v tom , že obsahuje servera knižnice , ktoré zvyšujú funkčnosť štandardného zaťaženia Java . Enterprise Server funguje ako aplikačný server , takže správca siete môže pridať moduly programového kódu sa štandardnými EE knižníc zvýšiť funkčnosť servera . Štandardná úloha narazíte s Java EE je inštalácia ďalších Java knižnice . Pokyny dovolená 1 Vy</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/Open-Source-Code/456326.html" target="_blank" class="ewq32ada131">Ako usporiadať podľa abecedy v OpenOffice </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/Open-Source-Code/456326.html" target="_blank">OpenOffice.org je bezplatný , open - source softvérový balík , ktorý obsahuje aplikácie pre vytváranie zostáv , tabuliek , prezentácie snímok , databáz a ilustrácie . OpenOffice Calc môžete vytvárať alebo upravovať tabuľky . Aplikácie zdieľa niektoré rovnaké vlastnosti a funkcie ako Microsoft Excel . Užívatelia môžu organizovať tabuľky a triediť zoznamy vo vzostupnom alebo zostupnom poradí na základe určitých kritérií . Ak chcete zoradiť stĺpce podľa abecedy v OpenOffice Calc , vyberte stĺpec a </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/Open-Source-Code/456559.html" target="_blank" class="ewq32ada131">Aký je najlepší spôsob , ako odstrániť všetky stopy a prehliadania histórie </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/Open-Source-Code/456559.html" target="_blank">? Vypustenie Internet históriu prezerania možno vykonať na rôznych úrovniach , ale jeden spôsob zahŕňa odstránenie históriu každej webovej stránky navštívili a webového vyhľadávania vyrobený z počítača na každom použitom prehliadači . Ďalším spôsobom , vymazanie bodov obnovenia , listy nulovej stopy užívateľa Internet históriu vnútri počítača ako počítač nebude mať žiadny dôvod obnoviť a uložiť dáta . Tento druhý proces , zatiaľ čo mierne preťahuje , môže uistiť užívateľa , že nikto nebude môcť </a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/Open-Source-Code/456557.html" target="_blank" class="ewq32ada131">Ako nakonfigurovať Mozilla Thunderbird pre MSN </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/Open-Source-Code/456557.html" target="_blank">Mozilla Thunderbird je slobodný open source e - mailovej aplikácie vytvorené Mozilla Corporation , ktorá umožňuje osobný počítač ( PC ) užívateľom konfigurovať a používať e - mailových účtov tretích strán na ich PC . Mozilla Thunderbird je kompatibilný s mnohými poskytovateľov e - mailových služieb . Jeden taký Poskytovateľ e - mailových služieb , ktorý je kompatibilný s Mozilla Thunderbird je Windows Live Hotmail . Používatelia služby Windows Live Hotmail možno nakonfigurovať Mozilla Thunderbir</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/Open-Source-Code/456174.html" target="_blank" class="ewq32ada131">Podčiarknutie kód atribútu v HTML </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/Open-Source-Code/456174.html" target="_blank">Hyper Text Markup Language , alebo HTML , je návrhári kód použiť na vytvorenie webovej stránky . Špecifický kód na podčiarknutie textu na webovej stránke existuje v HTML od začiatku webe . Kým kód je pomerne jednoduché , je to považované za zastarané tag , čo znamená , že štýl podčiarknutia by mali byť definované pomocou súboru CSS ( kaskádových štýlov ) , skôr než v HTML . Bez ohľadu na to , to je ešte používané niektorými návrhári a podporované hlavnými prehliadači . Kód Za účelom zdôrazneni</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/Open-Source-Code/456123.html" target="_blank" class="ewq32ada131">Ako povoliť GNOME na Cygwin </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/Open-Source-Code/456123.html" target="_blank">Inštalácia Gnome do prostredia Cygwin , keď potrebujete používať aplikácie Gnome a nástroje , ale nechcete pracovať s Linuxom . Program Cygwin umožňuje softvér Linux spustiť na operačnom systéme Windows . Cygwin porty Open Source projekt skompiluje softvér , ako je aplikácia desktopového prostredia GNOME a GNOME , takže môžete spustiť v Cygwin . Zahrnúť aplikácie desktopového prostredia GNOME a GNOME inštalácia Cygwin pre beh GNOME v Cygwin na Windows . Pokyny dovolená 1 Kliknite na tlačidlo Wi</a></p>
</li>
</ul>
</div>
<div class="fjsdkfuio2">
<div class="ioufahkwq2311"><h4>Open Source Code</h4></div>
<ul>
<li><a href="http://www.pocitac.win/Softver/Open-Source-Code/456337.html" target="_blank">Ako tlačiť z Captivate 5 </a></li><li><a href="http://www.pocitac.win/Softver/produktivita-softvéru/475662.html" target="_blank">Ako nainštalovať Adobe Photoshop CS3 Extended na viacerých počítačoch </a></li><li><a href="http://www.pocitac.win/Softver/produktivita-softvéru/474805.html" target="_blank">Ako exportovať poštu z NetZero </a></li><li><a href="http://www.pocitac.win/Softver/antivírusový-softvér/414011.html" target="_blank">Nástroje pre odstránenie svchost.exe vírus </a></li><li><a href="http://www.pocitac.win/Softver/audio-softvér/417274.html" target="_blank">Ako odobrať VST Z Ableton Live prehliadača </a></li><li><a href="http://www.pocitac.win/Softver/skype/478635.html" target="_blank">Ako odinštalovať WebCamDV Od Skype </a></li><li><a href="http://www.pocitac.win/Softver/Textový-editor-Software/491466.html" target="_blank">Ako korešpondencie adresy a tlač Pohľadnice z databázy Access </a></li><li><a href="http://www.pocitac.win/Softver/Microsoft-Access/449741.html" target="_blank">Ako triediť v programe Excel 2007 </a></li>
</ul>
</div>
<div class="d342sdfw42"></div>
<div class="huiyishazsad">
</div>
</div>
</div>
</div>
<div class="dibudasdwqe213">
<div class="daspoiepwqieq12">
<div class="dsarew2342a">
<ul>
<h3>Softvér</h3>
<li><a class='childclass' href='http://www.pocitac.win/Softver/Adobe-Illustrator/' target="_self">Adobe Illustrator</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/animácie-Software/' target="_self">animácie Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/antivírusový-softvér/' target="_self">antivírusový softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/audio-softvér/' target="_self">audio softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Zálohovanie-dát/' target="_self">Zálohovanie dát</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Napaľovanie-CD/' target="_self">Napaľovanie CD</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Napaľovanie-DVD/' target="_self">Napaľovanie DVD</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Kompresia-dát/' target="_self">Kompresia dát</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/databázový-softvér/' target="_self">databázový softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/DTP/' target="_self">DTP</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Desktop-Video/' target="_self">Desktop Video</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Digital-Video-Software/' target="_self">Digital Video Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Drupal/' target="_self">Drupal</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/vzdelávací-softvér/' target="_self">vzdelávací softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/softvérového-inžinierstva/' target="_self">softvérového inžinierstva</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Typy-súborov-s-príponou/' target="_self">Typy súborov s príponou</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/finančné-Software/' target="_self">finančné Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Freeware---shareware-a-abandonware/' target="_self">Freeware , shareware a abandonware</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/GIMP/' target="_self">GIMP</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/grafický-softvér/' target="_self">grafický softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Home-Recording-Software/' target="_self">Home Recording Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Microsoft-Access/' target="_self">Microsoft Access</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Microsoft-Excel/' target="_self">Microsoft Excel</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Microsoft-Publisher/' target="_self">Microsoft Publisher</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Microsoft-Word/' target="_self">Microsoft Word</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Open-Source-Code/' target="_self">Open Source Code</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Ostatné-Počítačový-softvér/' target="_self">Ostatné Počítačový softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/PC-hry/' target="_self">PC hry</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/photoshop/' target="_self">photoshop</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Portable-Document-Format/' target="_self">Portable Document Format</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/PowerPoint/' target="_self">PowerPoint</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/prezentácia-Software/' target="_self">prezentácia Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/produktivita-softvéru/' target="_self">produktivita softvéru</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/quicktime/' target="_self">quicktime</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Remote-Desktop-Management/' target="_self">Remote Desktop Management</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/SQL-Server/' target="_self">SQL Server</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/skype/' target="_self">skype</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Softvér-Beta-správy/' target="_self">Softvér Beta správy</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Software-Consultants/' target="_self">Software Consultants</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Software-Development-firmy/' target="_self">Software Development firmy</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/licencovania-softvéru/' target="_self">licencovania softvéru</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/tabuľkové-procesory/' target="_self">tabuľkové procesory</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Daňové-Príprava-Software/' target="_self">Daňové Príprava Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Utility-Software/' target="_self">Utility Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Web-Clip-Art/' target="_self">Web Clip Art</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Windows-Media-Player/' target="_self">Windows Media Player</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Textový-editor-Software/' target="_self">Textový editor Software</a></li>
</ul>
</div>
</div>
<div class=clink> </div><p class="d342dsf2">Copyright © <a href="http://www.pocitac.win/" target="_blank" title="počítačové znalosti" class="dsa21d">počítačové znalosti</a> Všetky práva vyhradené</p>
</div>
</body>
</html>