Potrebujete súrne vytvoriť webovú stránku iba pomocou HTML a umiestniť ju na internet? Potom pre vás nebude ťažké skopírovať hotový kód a postupovať podľa mojich pokynov.
Je pravda, že je ťažké vytvoriť plnohodnotný zdroj pomocou jedného programovacieho jazyka, ale stránka s vizitkou z niekoľkých stránok je celkom možná.
Ak má niekto presne tento cieľ a nemá chuť učiť sa ďalšie jazyky, tak tento článok je pre neho.
Stručne povedané, v samostatnej verzii, bez použitia CMS, nemôže byť nič jednoduchšie.
A pre tých, ktorí potrebujú niečo chladnejšie, sú na konci článku odkazy na články s kódom blokovej šablóny, pomocou CSS a dynamickým kódom stránky pomocou PHP.
Webovú stránku v čistom html vytvoríme takpovediac priamo na tejto stránke - web v rámci webu, celkom funkčný a pripravený na naplnenie obsahom.
Rozdeľme si celý proces na tri časti.
1. Vytvorenie adresára lokality na vašom počítači.
2. Vývoj webových stránok.
3. Prenos stránky z nášho počítača na hosting, teda na internet.
Vytvorenie adresára lokality v počítači
Prvý bod je najjednoduchší. Ako vytvoriť adresár je veľmi jasne uvedené v článku (všetky odkazy z tejto stránky sa otvárajú v samostatnom okne, aby sa nestratili).
A čo a do ktorého priečinka dať, to podrobne ukážem za kódom hlavnej stránky, aby už bolo s čím ísť do adresára.
Potom prejdeme k druhému bodu, najkreatívnejšiemu.
Tvorba šablóny webu
Na vytvorenie šablóny budete potrebovať editor, do ktorého budete musieť vložiť nižšie uvedený kód.
Môže to byť jednoduchý Poznámkový blok Windows alebo akýkoľvek iný textový editor.
Vezmime si ako šablónu vrstvenú HTML tabuľku. Predtým, pred príchodom CSS, boli všetky stránky napísané v tabuľkách, ale teraz sa rozloženie blokov stalo populárnejším.
Štruktúra tabuľky však stále nie je zastaraná a úspešne sa používa.
Napríklad investičný CMS H-script s najkomplexnejšou funkcionalitou sa úplne zrútil na základe tabuliek.
Takže tu je taká stránka s minimálnym dizajnom.
Ako navrhnúť tabuľky v budúcnosti, je veľmi podrobne uvedené v článku.
|
<- Vytvorte kontajnerovú tabuľku, ktorú nastavíme nasledovne
registrácia:
border = "1" - hranica okolo kontajnera. Zvýšením počtu možno zväčšiť hrúbku rámu.
zarovnať = "centrovať" - umiestnite nádobu do stredu obrazovky.
pravidlá = "riadky" - odstráňte dvojitý okraj.
style = "width: 60%;" - pridať vlastnosti štýlu, ktoré tvoria
kontajner a celá lokalita sú "pogumované".
Takto sa nedá spraviť plnohodnotný responzívny dizajn.>
|