Stran je še v izdelavi. Trenutno sem se dokopal do približne oblike celotne zadeve. Zaenkrat vam lahko pokažem le, kako približno sem prišel do slednjega.

dizajn

Čemu in zakaj ta stran. To je za seminarsko nalogo, ki jo moramo “skupinsko” naresti do predzadnjega tedna tega meseca (če se ne motim.) Ker svojima kolegoma ne zaupam preveč, sem nekaj vnaprej že sam postoril. Naredil sem okviren dizajn strani. Tema je bolj temačna, z glavnim logom Phoenixa in naslovom “Alternativa”. Stran je popolnoma iz XHTML 1.0 Transitional in CSS stilov. Prišla je skozi W3C pregled, zato sem dodal tudi bannerčke na dnu strani.
Stran je narejena iz okvirnega templatea, ki ga vsebuje Dreamweaver…. kar pomeni, da je sredinska postavitev z <div> tagi že v defaltu na začetku (kako pridete do tega, poglejte spodnji screenshot). Vse kar sem moraš še naresti je, da sem razširil celotno stran in notranje “main” (kjer je vsebina strani) postavil bolj na desno – tako sem lahko naredil levo ognjeno stranico in zgoraj postavil logotip Phoenixa, ki sega preko celotnega dizajna strani. Sliši se precej preprosto, vendar ni…. vsaj za laike ne :) Za horizontalni menu sem uporabil precej priročno funkcijo “Spry Menu Bar”, ki ga po novem vsebuje Dreamweaver CS4, lahko pa si ga brezplačno dolpotegnete iz uradne strani.

Na screenshotu na desni lahko vidimo izbirni meni, do katerega se dokopljemo preko “File > New > Blank Page > HTML >  “1 column fixed, centered, header and footer”. Spodaj desno ne pozabite izbrati  DocType: “XHTML 1.0 Transitional” in Layot CSS: “CREATE NEW FILE”. Stisnete “Create” in že lahko začnete čarat. (priporočam, da pred vsem tem naredite posebno mapo, kamor boste shranjevali vse datoteke v zvezi s stranjo).

Kmalu se bom moral posvetit tudi podstranem za izbiro alternativ, še pred tem pa izdelati XML datoteko, ki mi bo služila za bazo podatkov o različnih programih.
Več naslednjič.