Torej, dragi spletni mojstri začetniki, naučili smo se osnov HTML-ja.
Zdaj pa uporabimo to znanje in si na hitro naredimo majhno spletno stran in jo postavimo na internet.
Res je, da je težko ustvariti polnopravni vir z uporabo samo html, vendar je spletna stran vizitke z več stranmi povsem mogoča.
Če je za nekoga ravno to cilj in ni želje po učenju drugih programskih jezikov, potem je ta članek zanje.
Skratka, v sami napisani različici, brez uporabe CMS-ja, nič enostavnejšega ne obstaja.
In za tiste, ki potrebujejo nekaj bolj kul, so na koncu članka povezave do člankov s kodo blokovne predloge, ki uporablja CSS, in dinamično kodo spletnega mesta, ki uporablja PHP.
Prav na tej strani bomo izdelali spletno stran v čistem html-ju, tako rekoč spletno stran v spletni strani, ki bo popolnoma funkcionalna in pripravljena za polnjenje z vsebino.
Celoten postopek razdelimo na tri dele.
1. V računalniku ustvarite imenik spletnih mest.
2. Izdelava spletne strani.
3. Prenos strani iz našega računalnika na gostovanje, torej na internet.
Ustvarjanje spletnega imenika na vašem računalniku
Prva točka je najpreprostejša. Kako ustvariti imenik, je zelo jasno prikazano v članku (vse povezave s te strani se odprejo v ločenem oknu, da se ne izgubijo).
Podrobno vam bom pokazal, kaj in v katero mapo dati za kodo glavne strani, da boste že imeli kaj iti v imenik.
Nato preidimo na drugo točko, najbolj ustvarjalno.
Izdelava predloge spletne strani
Če želite ustvariti predlogo, boste potrebovali urejevalnik, v katerega boste morali prilepiti spodnjo kodo.
To je lahko preprosta beležnica Windows ali kateri koli drug urejevalnik besedil.
Za osnovo predloge vzemimo večslojno tabelo HTML. Prej, pred pojavom CSS, so bila vsa spletna mesta zapisana v tabelah, zdaj pa je blokovna postavitev postala bolj priljubljena.
Toda do danes struktura tabele ni zastarela in se uspešno uporablja.
Na primer investicijska CMS H-skripta s kompleksno funkcionalnostjo, v celoti zasnovana na podlagi tabel.
Torej, tukaj je spletno mesto z minimalnim dizajnom.
Kako oblikovati mize v prihodnosti, je zelo podrobno prikazano v članku.
|
<!--Ustvarite vsebniško tabelo, ki ji določimo naslednje
dekoracija:
border="1" - okvir okoli vsebnika. S povečanjem števila lahko povečate debelino okvirja.
align="center" - postavite vsebnik na sredino zaslona.
rules="rows" - odstranite dvojno obrobo.
style="width:60%;" - dodajte slogovne lastnosti, ki omogočajo
zabojnik in celotno mesto sta "gumijasta".
Na ta način je nemogoče narediti popolno prilagodljivo zasnovo.-->