Webdesign med xhtml og css?
Det oprindelige formål med dette sted var egentlig at øve mig i at skrive lektioner til den undervisning i webdesign, xhtml og css jeg skulle gennemføre.
Jeg brugte samtidig stedet til at afprøve og vise nogle forskellige muligheder med design. Den del er her stadig. Menuen er ikke blevet ændret siden starten, som var i - sidste årtusinde... og indholdet af siderne er kun blevet lettere justeret. Udseendet derimod, er der sket meget med gennem tiden, måske endda for meget i forhold til opdateringen af reel information.
Det agter jeg så småt at gøre noget ved gennem det næste stykke tid. Jeg vil bruge en del plads her på indgangssiden, til at fortælle noget om, hvorfor jeg har lavet så mange forskellige muligheder for valg af udseende.
»Tricks with bricks«
De forskellige stilarter på dette sted skulle gerne vise nogle af de forskellige måder et html-dokument kan sættes op på.
Hvis du vælger stilen »enkel«, kan du pt. se en variation af fleksibel tekstfelt, som tilpasser sig browservinduets bredde, samt faste menu- og faktabokse i venstre og højre side.
Stilen »rød« er en anden variation over samme tema, men denne gang med menu- og faktabokse i venstre side.
Fordele ved denne type layout er, at skærmen udnyttes fuldt ud til indholdet, samt at ingen dele af dokumentet kan forårsage vandrette rulleskakter medmindre browseren bevidst trækkes ned i en umulig størrelse.
Ulempen er, at det bliver svært at styre linielængder og propertioner, men det fleksible design er nok alligevel det mest ideelle til webbrug.
»top«, »grå«, »hvid« og »streg« er variationer over temaet »centreret, fast bredde«. Denne type layout kendes bedst fra trykte medier, og sikrer at elementerne står der hvor designeren nu engang har valgt at de skulle placeres. Til skærmbrug er spørgsmålet nok, om denne type design er ideel. Designerens layout holder, men det giver ulemper ved såvel lave opløsninger som ved meget høje opløsninger. Enten er der for meget, eller også er der for lidt plads. Skærme har det jo med at være fleksible, modsat papir. (det er jo kun den nye lærling på trykkeriet der bliver sendt ned i kælderen for at hente »papirstrækkeren«, ikke?)
Stilen »bred« er, bredformat. Dette layout egner sig absolut ikke til teksttunge sider som denne. Bredformatet ses mest på sider der skal bruges til at fremhæve noget visuelt, kunstnerisk. Fotografer kan med fordel bruge dette layout.
Visitkortformatet »kort« er heller ikke til teksttunge sider. Dette format er, som ordet næsten siger, et visitkort på nettet. Korte, præcise informationer med det ene formål, at besøgeren skal kontakte webstedets ejer for yderlige informationer.
Stilen »kasse« er et eksperiment med asymetrisk opbygning, et brud på almindelig kassetænkning i webdesign og en balanceleg med elementernes placering.
»sort« er der vist bare fordi det var en af de allerførste....
Provokationen..!
Linkene på disse sider fungerer således, at alle link der linker bort fra stedet her, åbnes i et nyt vindue. Og overholder xhtml-strict standarden...
Der er stor diskussion blandt diverse nørder, eller skulle jeg sige »de værste« nørder, om hvorvidt åbning af nye vinduer forstyrrer brugerens såkaldte »frem- og tilbagerytme« - den eneste frem- og tibagerytme jeg kender ----- nå, lad nu det ligge. Min mening er, at hvis brugeren oplyses om en funktionalitet, kan det hverken komme som en overraskelse, eller bryde nogen indbildt rytme, så hermed er det oplyst: »Alle link til eksterne ressourcer åbnes i et nyt vindue«.
Koder, koder og atter koder
Alle siderne overholder W3C standarden »xhtml 1.0 Strict«, som er den strengeste af standarderne i dag.
Alle stilark, eller »stylesheet« overholder W3C standarden »CSS2«.
Standarderne er vigtige for at browserne kan fortolke siden rigtig, og vise det på skærmen som oprindeligt var intentionen.
Du er mere end velkommen til at bruge min formular, så jeg kan få en mail med dine kommentarer.
