14. december 2003 - 18:38Der er
39 kommentarer og 3 løsninger
Designstrategi for hjemmeside: tabeller, layers, css, ssi osv.
Jeg er ret uerfaren i fremstilling af hjemmesider, men har efterhånden læst mig til en del.
Nu er jeg i tvivl om hvordan man skal gribe designprocessen af en hjemmeside an. Jeg har adgang til dreamveawer MX.
Starter man med at tegne en stor tabel som man inddeler i mindre tabeller og så fylder ud? Eller kan man lave hele designet i layers i dreamveawer? Hvordan starter man hvis man vil lave designet ved hjælp af css? Hvad er fordele og ulemper ved de forskellige strategier? Findes der tutorials på nettet der vejleder i designstrategier?
Jeg laver altid websider med tabeller på tabeller. På den måde kan man lave stort set alt og det ser éns ud i samtlige browsere (undtagen nogle få der ikke kan håndtere celle-baggrund). Så det anbefaler jeg, hvis du går op i at alle skal kunne se din webside på samme måde. Der er en del problemer med den slags i forbindelse med benyttelse af CSS.
Jo der er - og det er overraskende nok vores gode ven Internet Explorer der ikke overholder standarderne helt præcist. Dog vil der i de fleste tilfælde ikke være problemer.
Jeg kan godt se det smarte i css, men jeg synes at der lidt af et problem at man ikke kan designe i en editor. Og jeg har også oplevet problemer med en css-skabelon hvor tingene hopper mystisk ud af deres pladsen. Kan man designe blokkenes udseende (css-blokkene) i en editor? Kan man bruge layer-funktionen til at lave css-design?
Mit problem er netop lige nu det som jeres forskellige svar afspejler: hvad skal jeg vælge? Spiffsen: jeg har læst en del i html.dk, men din specifikke anbefaling af css-design-artiklen vil jeg da prøve at kigge nærmere på.
Jeg har php på min server. Et konkret spørgsmål: skal man includere de faste designelementer eller skal man inkludere der forskellige tuper indhold. Det vel to forskellige strategier?
spiffsen, jeg bruger som sagt ikke selv css, så jeg har svært ved at argumentere mod dig :-) men jeg har læst om andre der havde problemer med at IE ikke ordentligt kunne vise det på den måde som standarderne foreskriver. Det var altså ikke fordi de havde brugt nogle IE-specifikke funktioner.
...og jeg bruger selvfølgelig diverse skabeloner når jeg laver tabel-baserede websider. Det vil sige jeg laver én side der har det rette design, den hugger jeg så i stykker og includer på alle mine sider, på en eller anden måde. Typisk med php eller JavaScript.
sarcar, jeg anbefaler du includer de faste design-elementer, på den måde er det mere fleksibelt i og med du kan undlade at inkludere dem på sider hvor der skal være ændringer i designet.
man kna bruge css til mange ting på min side bruger jeg dettil: -baggrundsfarve/billede -margen på siden -overskrift type/farve størrelse -norm. tekst type/farve størrelse -link type/farve størrelse ++ -at gøre så en <form> ikke fylder det samme som en <br> -angive baggrund på <hr> så den er w3c valid -bagrunde kant musens form når den peger på knapper inputfelter dropdown textarea osv -tabeller der har en bestemt bg/kant farve/tykkelse -float altså billedet kan placeres midt inde i teksten som i word -forskellige andre skrifttyper som jeg bruger på siden -en menu der skifter farve nå man peger på den og mere som jeg ikke lige vils skrive her...
alt det er så samlet i en fil som man kan rette i for at rette hele webstedet(smart) man kan også ændre på nogle farver i filen, og så har man to forskellige designs på siden som brugeren selv kan vælge imellem
Jeg vil lige forsikre dig om, sarcar, jeg giver spiffsen ret. Det ER skidesmart med css :-) men det er altså ikke enerådigt, det er ikke hævet over enhver diskussion om man skal bruge det på den måde som spiffsen forklarer.
Et layer er css. På samme måde kan man sige at en <table> er html :)
Hvis jeg ikke tager fejl, har Dreamweaver MX har en del WYSIWYG med CSS ... du kan f.eks. sætte programmet sådan at du kan flytte frit rundt med elementerne på skærmen. Det er pga. css.
http://www.w3schools.com/css/css_reference.asp her er NOGLE af elementerne man kan bruge... Du kan lave css i DreamWeaver men jeg ville anbefale at du lavede det selv...det er ikke så svært.
Ja, hvis du vil bruge css skal du lære det uanset hvad, men det er en udbredt misforståelse at det bliver bedre af at være lavet i hånden. Du kan sagtens bruge Dreamweaver, men du skal stadig vide hvad det er du laver.
lav en index.php <html> <head> <alt hvad der nu skal være her> </head> <body> <?php $action = $_GET["action"];
if ($action == 1){ include "side1.php";}
elseif ($action == 2){ include "side2.php";}
else{ include "side3.php";} ?> </body> </html> så laver du bare nogle filer med KUN indhold i og så kalder du dem ved fx at sigde: <a href="index.php?action=2">dfg</a> så for du side2.php ind i din index.php så kan du jo også lave menuerne i index.php så den ikke er ike hundrede .html filer hvis du nu skal til at rette i den!
du skal lave det som et stylesheet og ikke sådan: <a href="minside1.php" style="background-color:red;">linket</a> <a href="minside2.php" style="background-color:red;">linket</a> <a href="minside3.php" style="background-color:red;">linket</a>
så skriver den kun det indhold som er blevet kaldt via linket fx: index.php?action=4 så ville den skrive dette er side 4 med hundrede liniers indhold bla bla<br><br>bla
og det er jo ikke noget der vil komme til at tage lang tid at downloade, da den først finder den rigtige action på serveren(det går hurtigt) og sender kun det ´der skal vises til brugeren
Hvor er i venlige, men jeres mange gode råd. Jeg vil prøve lege lidt med begge muligheder. Linket http://www.w3schools.com/css/css_reference.asp synes jeg er meget nyttigt. Jeg vil prøve at eksperimentere lidt med at kunne se css i dreamvieawer. Jeg er helt med på at det er en fordel at forstå hvad det er man gør i koderne, men det kunne være rart at kunne designe lidt mere visuelt en med ren kodning.
Meget enig, sarcar. Nogle udviklere ser skeptisk på mig, som om jeg er idiot, når jeg fortæller jeg bruger en WYSIWYG-editor, til at udarbejde websider med. Men faktum er, at jeg kan udvikle de samme websider som dem, næsten dobbelt så hurtigt.
Hvilken editor bruger I? Har lige prøvet at lave et dokument i dreamveawer hvortil jeg har knyttet et stylesheet. Men jeg ved ikke helt hvordan jeg opnår wysiwyg-effekt uden at skulle lægge det hele ud først. nielsbrinch, har du prøvet at få det til at lykkes?
Nej, jeg laver ironisk nok mine stylesheets i hånden. Men det er netop fordi jeg ikke designer med stylesheets, jeg bruger det bare til småting bagefter som at ensrette skrifttyper og link-udséende og den slags :-)
Jeg bruger FrontPage som html-editor :-) Ja grin du bare, men hurtigt går det!
Hvis jeg vil lave en side visuelt, så kan jeg tegne den med layers i Dreamwiever. Så kan jeg bagefter klippe alle variablene ud og kopiere dem over i nogle tilsvarende css-definitioner. Men kan det ikke gøres lidt lettere? Har forsøgt at prøve mig frem til at skabe korrespondance mellem html-filen og css-filen, men det ser ikke ud til at man kan opdatere css filen efter hvordan man trækker rundt med et layer. Eller kan man? Eller kan man få denne forbindelse på anden måde?
Jo simplere din editor er, jo bedre. Jeg bruger personligt notepad til at skrive alle mine filer, (x)html, css, php osv.
Wysiwyg er efter min mening en utrolig usmart måde at lave ting på, da du ikke kan styre hvordan koden, og derved også siden, skal se ud. Mit forslag er at rent faktisk lære sprogene, så du kan skrive det i hånden. Det vil altid i sidste ende være hurtigere på denne måde end at sidde og sjuske med wysiwyg editor - hvis du vel at mærke vil have et ordentligt resultat.
Når du har lært xhtml og css, kan du jo altid vende tilbage til referencerne på w3c o.l.:
Og så husk for guds skyld at validere din side (http://validator.w3.org/), og tjekke den efter i diverse browsere (eller få den tjekket af andre).
Her til sidst vil jeg lige kommentere dilemmaet "divs vs. tables": Det er kun én vej at gå, og det er at opbygge ALT, hvad der ikke rent faktisk er tabulær data i divs. Det er smartest, det er (an)befalet af w3c, og det er lige så understøttet og sikkert som tables. Lav din side i divs, men husk for Guds skyld at lave det efter standarderne.
Lyt ikke til ham, han taler djævelens sprog. Tilgiv ham, thi han ved ikke bedre :-)
Men han siger noget rigtigt - man skal lære sprogene så man kan skrive dem i hånden, først DER kan man kaste sig over WYSIWYG-editorerne, for at forøge hastigheden af udviklingen. Og jo, nak-m, det ER hurtigere at klikke tre gange med musen end det er at kode 10 linjers html, som man tilmed skal fortolke med hjernen løbende.
Men man skal selvfølgelig vide hvad man laver. WYSIWYG'en er først gal, hvis man tror man kan undvære, at rode rundt i koden. Det kan man ikke.
Mange tak for jeres engagement. Jeg har helt klart lært en del af det. Førsøger at fordele poitene så retfærdigt jeg kan.
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
