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:
Daruji morcatka
Daruji zdravá,ochocena morčata. Spěchá! Pouze volat,dekuji. Plzeň. ...
Koupím dospele zakrslé králíčky
Koupím zdrave zakrslé králíčky. Pouze volat,dekuji. Plzeň. ...
Hledám pronájem 1kk ,1+1.
Hledám pronájem bytu 1+1 , 1kk nebo garsonky v Plzni na Slovanech .Cena do 8000K ...
KULATÝ KOBEREC
Prodám starší zachovalý koberec, materiál polypropylen a akryl, průměr 190 cm. B ...
Lavička
Koupím litinovou lavičku,nebo jen litinové nohy. ...
Koňský balzám hřejivý
Bioaktivní koňský balzám je vyroben podle tradiční, generacemi prověřené receptu ...
Stojan na vrtačku
Koupím stojan na vrtačku, event. starši menší sloupovou vrtačku. I poškozený. ...
pronájem bytu
o velikosti 1 plus 1 45m2,zařízený, 5 500 Kč plus poplatky, kauce 11 000,- nek ...
Copyright © 2008 - 2020   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