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>




TipKlávesové zkratky. V sekci Počítače - Klávesové zkratky najdete výpis nejpoužívanějších klávesových zkratek.
Vložit nový inzerát Inzerce zdarma:
PRAHA,HLEDÁM PRÁCI OS.ŘIDIČE
PRAHA, HLEDÁM PRÁCI OSOBNÍHO ŘIDIČE NA HLAVNÍ PRACOVNÍ POMĚR PRACOVNÍ SMLOUVU A ...
Zámková dlažba BEST
Prodám kvalitní zámkovou dlažbu od firmy BEST Rybnice, tlouštka 6 cm, cca 8 m2, ...
foto k inzerci Nebytové prostory k pronájmu
Nabízím k pronájmu nebytové prostrory v Husově ul. v Plzni. 55. 9.600,-Kč ...
Koupim uzovku cervenou
Koupim zdravou,adultni,neagresivni uzovku cervenou bez teraria. Jen volat,dekuji ...
foto k inzerci 7 000 Kč - 12 000 Kč každý den!
Hledám k sobě atraktivní, štíhlou kamarádku ve věku 18-30 let,která si chce žít ...
Stavebni delnik
Pre stavebne prace v Nemecku hladame stavebnych robotnikov.Platba 12,20 €/hod. v ...
KULATÝ KOBEREC
Prodám starší koberec, šedomodrý se vzorem, materiál polypropylen a akryl, průmě ...
NABÍZÍM RůZNÉ BOTY
Prodám 2 páry nových pracovních bot vel. 41 (200 Kč za pár), 2 páry použ. prac. ...
Copyright © 2008 - 2019   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