Hur ska html-koden se ut?
- ZX Spectrum
- Inlägg: 4905
- Blev medlem: 04 jan 2007, 22:58
- OS: Ubuntu
- Utgåva: Vet inte/ingen utgåva passar
- Ort: Göteborg
Hur ska html-koden se ut?
Jag har börjat på en hemsida åt orkestern som jag är med i och tänkte fixa den enligt konstens alla regler. Har bara hunnit fixa skalet hittills och använt både html-knackning och med hjälp av Kompozer. Jag kan se att Kompozer ändrar i html-koden ibland, inte till nackdel men ändå. Följer Kompozer W3C?
Har hört någon nämna att man bör lägga text, bilder m.m. i tabeller för att det ska bli snyggare, stämmer det?
http://www.freewebs.com/kjermeus/
Tänkte fixa färdigt sidan innan jag kontaktar ett webbhotell. Jag kanske ska tänka på att ha ett webbhotell som stödjer php?
Har hört någon nämna att man bör lägga text, bilder m.m. i tabeller för att det ska bli snyggare, stämmer det?
http://www.freewebs.com/kjermeus/
Tänkte fixa färdigt sidan innan jag kontaktar ett webbhotell. Jag kanske ska tänka på att ha ett webbhotell som stödjer php?
Jag vet vad jag vill, men vill inte det jag vet, men ändå vet jag ingenting och nu vet jag garanterat inte vad jag snackar om
- DrMegahertz
- Inlägg: 296
- Blev medlem: 06 maj 2006, 14:37
- OS: Ubuntu
- Utgåva: 14.04 Trusty Tahr LTS
- Ort: Södra Dalarna
SV: Hur ska html-koden se ut?
För att få den absolut kompaktaste och renaste koden bör du skriva den helt för hand, eftersom du då har full kontroll på vad varenda html-tagg gör.
Och att lägga in saker och ting i tabeller bara för att få det "snyggt" är inget jag kan rekommendera, tabeller är till för att visa data, om du vill få din data att se bra ut ska du använda CSS, enligt konstens alla regler.
Och att lägga in saker och ting i tabeller bara för att få det "snyggt" är inget jag kan rekommendera, tabeller är till för att visa data, om du vill få din data att se bra ut ska du använda CSS, enligt konstens alla regler.


- zero gravity
- Wikiadmin
- Inlägg: 2504
- Blev medlem: 15 apr 2006, 15:37
- OS: Arch Linux
- Ort: Bohuslän
- Kontakt:
SV: Hur ska html-koden se ut?
Det finns enkla regler som man kan tänka på.
1. Organisera inte sidan i frames. Använd istället tabeller, eller bygg upp sidan med div-boxar.
2. Låt html dokumentet innehålla innehållet på sidan. Och placera all formatering (färger, storlekar etc) i en css-mall.
3. Använd små bokstäver i taggar.
4. Avsluta varje tagg. <br> är t.ex. dålig stil, använd <br />.
5. Se till att taggarna är nästade i rätt ordning.
Du kommer antagligen inte direkt förså vad allt detta innebär om du precis börjat koda html. Men när du lär dig mer så gå tillbaka och kolla.
Det du däremot alltid bör tänka på är punkterna 3-5.
1. Organisera inte sidan i frames. Använd istället tabeller, eller bygg upp sidan med div-boxar.
2. Låt html dokumentet innehålla innehållet på sidan. Och placera all formatering (färger, storlekar etc) i en css-mall.
3. Använd små bokstäver i taggar.
4. Avsluta varje tagg. <br> är t.ex. dålig stil, använd <br />.
5. Se till att taggarna är nästade i rätt ordning.
Kod: Markera allt
Ej korrekt -> <u><b> text </u></b>
Korrekt -> <u><b> text </b></u>
Det du däremot alltid bör tänka på är punkterna 3-5.
Abusus non tollit usum
SV: Hur ska html-koden se ut?
Linuxkompis - En vänlig Linux-gemenskap för alla!
SV: Hur ska html-koden se ut?
Varför skulle <br /> vara bättre än <br>? Det ena är korrekt xhtml och det andra är korrekt html.zero gravity skrev: 4. Avsluta varje tagg. <br> är t.ex. dålig stil, använd <br />.
Förövrigt så tycker jag själv rätt bra om www.w3schools.com
- zero gravity
- Wikiadmin
- Inlägg: 2504
- Blev medlem: 15 apr 2006, 15:37
- OS: Arch Linux
- Ort: Bohuslän
- Kontakt:
SV: Hur ska html-koden se ut?
Just därförandol skrev:Varför skulle <br /> vara bättre än <br>? Det ena är korrekt xhtml och det andra är korrekt html.zero gravity skrev: 4. Avsluta varje tagg. <br> är t.ex. dålig stil, använd <br />.

Abusus non tollit usum
SV: Hur ska html-koden se ut?
Här kan du testa så att dina sidor följer w3c-standard: http://validator.w3.org/
- omnius
- Inlägg: 272
- Blev medlem: 30 jan 2007, 12:38
- OS: Annat GNU/Linux
- Utgåva: Vet inte/ingen utgåva passar
- Ort: Gnesta
SV: Hur ska html-koden se ut?
Strength in the arm, truth in the heart, honesty in speech
- ZX Spectrum
- Inlägg: 4905
- Blev medlem: 04 jan 2007, 22:58
- OS: Ubuntu
- Utgåva: Vet inte/ingen utgåva passar
- Ort: Göteborg
SV: Hur ska html-koden se ut?
Tack för alla tipsen. Ska se om jag kan få sidan att bli så bra som möjligt.
Är inte detta bra?
Det är frames jag har använt mig av för att få länkar till vänster, sidan till höger och "Göteborgs Salongsorkester" högst upp.zero gravity skrev: 1. Organisera inte sidan i frames. Använd istället tabeller, eller bygg upp sidan med div-boxar.
Är inte detta bra?
Jag vet vad jag vill, men vill inte det jag vet, men ändå vet jag ingenting och nu vet jag garanterat inte vad jag snackar om
- Konservburk
- Inlägg: 5919
- Blev medlem: 07 apr 2007, 22:28
SV: Hur ska html-koden se ut?
Det är inte alls bra, förutsatt att du inte är ute efter en riktigt 1996-känsla.ZX Spectrum skrev: Det är frames jag har använt mig av för att få länkar till vänster, sidan till höger och "Göteborgs Salongsorkester" högst upp.
Är inte detta bra?
Det bästa är att göra html-koden såpass enkel att sidan ser helt ok ut i en
textbaserad webläsare (t.ex. lynx). Sedan använder du en separat stilmall
(css) för att få det hela att se snyggt ut i grafiska webläsare.
SV: Hur ska html-koden se ut?
Använd <div></div> och styr huruvida ett lager ska synas eller inte via JavaScript med CSS: visibility: visible/hidden.
Det fungerar som så att du har en ruta med menyalternativ och alla undersidor i varsin ruta ovanpå varandra som då byter plats med varandra
[Lager med meny, alltid synligt]
[Lager 1: startsida, börjar att vara synligt][Lager 2: sida 2, är osynlig från början][Lager 3: sida 3, är osynlig från början]
Den andra raden illustrerar alltså rutor som ligger ovanpå varandra där bara en av dem är synliga, och det när du aktiverar det genom att välja ett alternativ i menyn, hoppas att du begriper
Det fungerar som så att du har en ruta med menyalternativ och alla undersidor i varsin ruta ovanpå varandra som då byter plats med varandra

[Lager med meny, alltid synligt]
[Lager 1: startsida, börjar att vara synligt][Lager 2: sida 2, är osynlig från början][Lager 3: sida 3, är osynlig från början]
Den andra raden illustrerar alltså rutor som ligger ovanpå varandra där bara en av dem är synliga, och det när du aktiverar det genom att välja ett alternativ i menyn, hoppas att du begriper

- mcNisse
- Inlägg: 5211
- Blev medlem: 06 feb 2007, 20:51
- OS: Debian
- Utgåva: Vet inte/ingen utgåva passar
SV: Hur ska html-koden se ut?
Från w3schools.com
The disadvantages of using frames are:
- The web developer must keep track of more HTML documents
- It is difficult to print the entire page
KDE 4.5 SC är ute i det fria!!! Tjoho
Stagnation is good for nobody - after all if you don't progress you end up with gnome
Stagnation is good for nobody - after all if you don't progress you end up with gnome
- ZX Spectrum
- Inlägg: 4905
- Blev medlem: 04 jan 2007, 22:58
- OS: Ubuntu
- Utgåva: Vet inte/ingen utgåva passar
- Ort: Göteborg
SV: Hur ska html-koden se ut?
Kan man få sidan uppdelad på detta sättet också? Tänkte att "Göteborgs Salongsorkester" och länkarna till vänster skulle vara kvar oavsett om man trycker på någon länk för att lättare kunna navigera grafiskt.Konservburk skrev:Det är inte alls bra, förutsatt att du inte är ute efter en riktigt 1996-känsla.ZX Spectrum skrev: Det är frames jag har använt mig av för att få länkar till vänster, sidan till höger och "Göteborgs Salongsorkester" högst upp.
Är inte detta bra?
Det bästa är att göra html-koden såpass enkel att sidan ser helt ok ut i en
textbaserad webläsare (t.ex. lynx). Sedan använder du en separat stilmall
(css) för att få det hela att se snyggt ut i grafiska webläsare.
Jo, har sett att det krävs många html-sidor när man använder sig av frames.mcNisse skrev: Från w3schools.comThe disadvantages of using frames are:
- The web developer must keep track of more HTML documents
- It is difficult to print the entire page
Jag vet vad jag vill, men vill inte det jag vet, men ändå vet jag ingenting och nu vet jag garanterat inte vad jag snackar om
- Konservburk
- Inlägg: 5919
- Blev medlem: 07 apr 2007, 22:28
SV: Hur ska html-koden se ut?
Ja. Du kan t.ex. göra som upnorth föreslår.ZX Spectrum skrev: Kan man få sidan uppdelad på detta sättet också? Tänkte att "Göteborgs Salongsorkester" och länkarna till vänster skulle vara kvar oavsett om man trycker på någon länk för att lättare kunna navigera grafiskt.
- ZX Spectrum
- Inlägg: 4905
- Blev medlem: 04 jan 2007, 22:58
- OS: Ubuntu
- Utgåva: Vet inte/ingen utgåva passar
- Ort: Göteborg
SV: Hur ska html-koden se ut?
Fanns gott om hjälp att få angående <div> och javascript genom googling. Ska se om jag inte får till detta.
Jag vet vad jag vill, men vill inte det jag vet, men ändå vet jag ingenting och nu vet jag garanterat inte vad jag snackar om
- ZX Spectrum
- Inlägg: 4905
- Blev medlem: 04 jan 2007, 22:58
- OS: Ubuntu
- Utgåva: Vet inte/ingen utgåva passar
- Ort: Göteborg
SV: Hur ska html-koden se ut?
Hittills har jag bara försökt att förstå mig på <div> och javascript. Det som ska stå uppe i <heads> är värre att förstå men skam den som ger sig.
Självaste <div>-taggarna om jag fattat det rätt kan stå enligt följande:
<div id="main" style="position:absolute; top:50px; left:100px;">
your stuff to show here
<a href="javascript://" onclick="showhide('main');">Förstasidan</a>
</div>
<div id="historik" style="position:absolute; top:50px; left:100px;">
Här kommer historiken att finnas
<a href="javascript://" onclick="showhide('historik');">Historik</a>
</div>
Man ska väl deklarera ex. id="historik" uppe i heads med hjälp av ett java-script?
Antar att när man trycker på en länk så ska ex. main bli hidden och historik bli visible på något sätt?
style handlar väl mer om var på skärmen texten ska stå.
I slutändan kan man alltså klara sig med en html-fil och ett antal png-bilder?
Självaste <div>-taggarna om jag fattat det rätt kan stå enligt följande:
<div id="main" style="position:absolute; top:50px; left:100px;">
your stuff to show here
<a href="javascript://" onclick="showhide('main');">Förstasidan</a>
</div>
<div id="historik" style="position:absolute; top:50px; left:100px;">
Här kommer historiken att finnas
<a href="javascript://" onclick="showhide('historik');">Historik</a>
</div>
Man ska väl deklarera ex. id="historik" uppe i heads med hjälp av ett java-script?
Antar att när man trycker på en länk så ska ex. main bli hidden och historik bli visible på något sätt?
style handlar väl mer om var på skärmen texten ska stå.
I slutändan kan man alltså klara sig med en html-fil och ett antal png-bilder?
Jag vet vad jag vill, men vill inte det jag vet, men ändå vet jag ingenting och nu vet jag garanterat inte vad jag snackar om
SV: Hur ska html-koden se ut?
Där används lager bara för en kort textsnutt, som är utplacerade 50 pixlar från webbläsarfönstrets övre kant och 100 pixlar från den vänstra.
Det du ska göra är rutor för innehållet som i princip täcker upp hela webbläsarfönstret.
För att lättare komma igång föreslår jag att du även färglägger lagren så att du ser hur de beter sig med olika inställningar.
Det du ska göra är rutor för innehållet som i princip täcker upp hela webbläsarfönstret.
För att lättare komma igång föreslår jag att du även färglägger lagren så att du ser hur de beter sig med olika inställningar.
- ZX Spectrum
- Inlägg: 4905
- Blev medlem: 04 jan 2007, 22:58
- OS: Ubuntu
- Utgåva: Vet inte/ingen utgåva passar
- Ort: Göteborg
SV: Hur ska html-koden se ut?
Förstår inte riktigt det här med rutorna som du skriver om?upnorth skrev: Det du ska göra är rutor för innehållet som i princip täcker upp hela webbläsarfönstret.
Har gjort bakgrundsfärg på lagrerna nu
<div id="main" style="position:absolute; top:100px; left:200px; background:#0000FF">
Förstasidan
<a href="javascript://" onclick="showhide('main');">Förstasidan</a>
</div>
<div id="historik" style="position:absolute; top:200px; left:200px; background:#FF0000;">
Här kommer historiken att finnas
<a href="javascript://" onclick="showhide('historik');">Historik</a>
</div>
Jag vet vad jag vill, men vill inte det jag vet, men ändå vet jag ingenting och nu vet jag garanterat inte vad jag snackar om
-
- Inlägg: 2157
- Blev medlem: 25 okt 2007, 14:00
- OS: Ubuntu
- Utgåva: 22.04 Jammy Jellyfish LTS
- Ort: Luleå
SV: Hur ska html-koden se ut?
Varje <div></div> är en ruta.
Jag blir själv galen på css, mest för att jag inte har orkat lära mig hur man ska göra.
Jag blir själv galen på css, mest för att jag inte har orkat lära mig hur man ska göra.