Sideopsætning i den nye version af Skoleporten

I den nye version af Skoleporten er det muligt ved sideopbygning at benytte skabeloner. Dette betyder at du blot med et par klik kan dele din side om i to spalter. Teknisk set indsætter Skoleporten en tabel med to koloner for dig.

Skabelonerne er desværre uden margen, hvilket vil sige at sidens indhold kommer til at gå helt til kant. Dette ser ret tosset ud hvis du f. eks. har en farvet baggrund eller ser hjemmesiden en mobile device.

Et alternativ
Et nemt alternativ er selv at indsætte en tabel med margen.

Indsæt en tabel med 5 koloner i en række. Sæt margen og celle til 0 (nul) og tabel bredde til 100%. Klik OK.

Herefter højreklik på hver celle i rækken; vælg Celler, Celleegenskab og sæt Celle bredde til 2%, næste celle til 47%, næste celle til 2%, næste celle til 47% og sidste celle til 2%. Sæt også Lodret justering til Øverst i de to celler med bredden 47%.

HTML koden
Klik Kilde og indsæt nedenstående kode, så får du samme resultat :)

<table align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td style="width: 2%;">&nbsp;</td>
<td style="vertical-align: top; width: 47%;">
Tekst her.
</td>
<td style="width: 2%;">&nbsp;</td>
<td style="vertical-align: top; width: 47%;">
Tekst her.
</td>
            <td style="width: 2%;">&nbsp;</td>
</tr>
</tbody>
</table>

Tekst på hjemmesider

Inden du vælger skrifttyper til din hjemmeside, skal du tage stilling til hvordan du ønsker at opbygge dine hjemmesider. Lange tekster kan være tunge at læse på en skærm og det er derfor en god idé at ombryde al den tekst du ligger online. En god og nem måde at ombryde tekst på er i afsnit, se eksempel med pink tekst længere nede på siden.

Når du kommer til valg af typografi, vil jeg anbefale at du holde dig til to skrifttyper, en til overskrift og en til resten. Sørg for at vælge en såkaldt 'web sikker skrifttype', for at sikre at de besøgende ser hjemmesiden med den skrifttype som du har ønsket.


Tabel nederst på siden viser de 'web sikre skrifttyper' du bør holde dig til. Alle skrifttyperne er testet og kan læses i alle browsere og på alle enheder.

Overskrift

Intro tekst. Vestibulum euismod elementum feugiat. Nam blandit velit at augue mollis auctor.

Brødtekst. Consectetur vel enim ut, mattis scelerisque ante. Aliquam tempus tortor sit amet libero molestie, et lacinia lectus volutpat. In hac habitasse platea dictumst. Mauris elementum elit fringilla condimentum congue. 

Mellemrubrik

Brødtekst. Sed sagittis ante quis sem lobortis consectetur. Vivamus vitae lobortis nibh. Proin eget rhoncus nibh. Praesent eleifend tortor odio, sit amet molestie lacus mollis quis. Morbi volutpat odio semper nisl consequat.

Serif Fonts

font-family	Example text
Georgia, serif	This is a heading This is a paragraph
"Palatino Linotype", "Book Antiqua", Palatino, serif	This is a heading This is a paragraph
"Times New Roman", Times, serif	This is a heading This is a paragraph

Sans-Serif Fonts

font-family	Example text
Arial, Helvetica, sans-serif	This is a heading This is a paragraph
"Arial Black", Gadget, sans-serif	This is a heading This is a paragraph
"Comic Sans MS", cursive, sans-serif	This is a heading This is a paragraph
Impact, Charcoal, sans-serif	This is a heading This is a paragraph
"Lucida Sans Unicode", "Lucida Grande", sans-serif	This is a heading This is a paragraph
Tahoma, Geneva, sans-serif	This is a heading This is a paragraph
"Trebuchet MS", Helvetica, sans-serif	This is a heading This is a paragraph
Verdana, Geneva, sans-serif	This is a heading This is a paragraph

Monospace Fonts

font-family	Example text
"Courier New", Courier, monospace	This is a heading This is a paragraph
"Lucida Console", Monaco, monospace	This is a heading This is a paragraph

Hvilken skrifttype er det?

Falder du over en skrifttype som du har brug for at identificerer, kan My Font hjælpe dig. Upload eller link til et billede hvor skrifttypen indgår, klik på den store 'Find font' og My Font vil fortælle dig hvilken font det er.

My Font er en hjemmeside som sælger skrifttyper. På My Font indeholder dog også Whats the font? som kan hjælpe dig med at identificerer skrifttyper.

Inden du køber fonten på My Font er det en god idé at tjekke om den ligger helt gratis på Da Font.