Počítače - HTML  -  Praxe - kompletní vzorová stránka

Praxe - kompletní vzorová stránka

Zde uvedená stránka byla zpracována jako ilustrační příklad, ale je zcela funkční a použitelná na webu. K rozložení dokumentu byla použita tabulka, protože je to nejjednodušší prostředek k vytvoření stabilního layoutu při minimálních znalostech HTML.

Pokud vám to vaše znalosti později dovolí, doporučuji vám používat tabulky pouze k zobrazení tabulkových dat a layout (vzhled) stránky řešit pozicováním pomocí CSS - kaskádových stylů.

Stránku si zobrazíte kliknutím myší na obrázek stránky a její kód je uveden v dalším textu níže.

Pozn.:
pokud se přesunete na ukázkovou stránku - v levé části jsou umístěné 3 odkazy na 3 různé stránky (Historie, Produkty, Kontakt). Tyto stránky jsou téměř stejné , vždy až na část kde je vepsán hlavní obsah který je vždy jiný.

Miniatura stránky

Kód stránky:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <meta name="robots" content="noindex,nofollow" />

 <title>Zkušební stránka</title>
 </head>
 <body>

 <table align="center" border="1" cellpadding="10">
 <tr><td colspan="2" width="800" height="60" 
          bgcolor="#A05000" align="left" >
 <h1>ABC studio-art s.r.o.</h1> (ilustrativní stránka čistého 
          kódu HTML)</td></tr>

 <!-- komentar -->

 <tr><td width="150" height="30" bgcolor="#CC6600" valign=top >
 <br><br> 
 <a href="zaklady-html-vzor-1">Historie firmy</a><br>
 <a href="zaklady-html-vzor-2">Produkty</a><br>
 <a href="zaklady-html-vzor-3">Kontakt</a><br>
 <br>

 <a href="zaklady-html-12">Zpět na kurz HTML na www.plzenak.cz</a>

 </td>


 <td width="450" bgcolor="#FFA600" >
 <h3>Historie firmy</h3>
 <p>Zde je umístěn libovolný text stránky, obrázky, odkazy ap. 
 <br>

 <br>



 <img src="/Plzenak_finale/web/www/portal_obr/zaklady-html/a1.jpg" 
              alt="Popis obrázku" width="300" height="225" />
 <br>
 <i>Umístění obrázku je jednoduché</i>
 <br><br>
 </td></tr>
 <tr><td colspan="2" bgcolor="#401000" align="center" ><FONT 
      COLOR=#FFBF00 SIZE=2>
 Firma ABC studio-art, Koníkovská 228, Praha email: info@abc.cz ,
       tel.: +420 602 123456 </FONT></td></tr>


 

 </table>



 </body>
 </html>




TipZáklady práce ve Wordu V sekci Počítače - Word - minikurz najdete základy práce s tímto programem a mnoho dalšího.
Vložit nový inzerát Inzerce zdarma:
Přenosný vaporizér Air pen
Vaporizér Air Pen je malý vaporizér, který připomíná pero nebo fix. Je skvělým k ...
PRODEJ BYTU 3+1 V PLZNI DOUBRAVCE
Prodám byt 3+1 v 5.patře panelového domu s výtahem. Zrekonstruovaná kuchyně, kou ...
foto k inzerci Pioneer CDJ-3000 , Pioneer DJM-A9
Predaj Pioneer CDJ-3000, Pioneer DJ DJM-A9, AlphaTheta Euphonia, Pioneer CDJ-200 ...
Hyundai I10 použité ND
Levně nabízím L-světlomet, přední masku L-přední blatník (poškozený) Model r. 2 ...
foto k inzerci IceRiver ALEO AE2 Asic miner zkSNAR
IceRiver ALEO AE2 Asic miner zkSNARK Aleo Model : IceRiver ALEO AE2 ALEO Miner ...
foto k inzerci Prodám lyže Fischer RX9
Prodám sportovnější carvingové lyže Fischer RX9, délka 170cm, komplet i s vázání ...
Implementace ClickUp
Profesionální implementace ClickUp pro firmy. Organizace úkolů, projektů a CRM v ...
foto k inzerci Apple iPhone 17 Pro Max
Apple iPhone 17 Pro Max Prodávám Apple iPhone 17 Pro Max, zcela nový, v krabi ...
Copyright © 2008 - 2025   Plzenak.cz
Všechna práva vyhrazena , kopírování a další užití zveřejněných materiálů je možné pouze se souhlasem redakce :   Kontakt  
Hledat na internetu

Hlavní strana | Inzerce | Počítače | Hudba | Kontakt