Skriv ut sidan Tipsa någon om denna sida Visa innehållsstruktur för webbplatsen Logga in
8 Stiligare webbsida

Egenskaper för sidan
Vill du ha färgad bakgrund eller annorlunda standardfärg på text och länkar? Välj Format - Page Colors and Background och bocka för Use custom colors så kan du göra ändringar som gäller för hela sidan. Du kan välja färger och om du vill kan du länka till en bild du vill ha som bakgrund för sidan. Under Format - Page Title and Properties kan du ändra rubriken samt skriva in en beskrivning av sidan.

Det är frestande att lägga massor av färger på sina sidor. Gör gärna det till att börja med! Men när du testat ett tag bör du bestämma dig för en färgkombination som du håller på alla sidor som hör ihop. Det gör det mycket enklare för dina besökare att förstå strukturen på ditt arbete.

I färgpaletten i Nvu hittar du 70 fördefinierade färger under rubriken Predefined colors. Det är så kallade webbsäkra färger, alltså färger som ska kunna visas korrekt även på en dator som bara visar 256 färger. För ett par år sedan, då det var mindre vanligt att datorer kunde visa miljontals färger, var man noga med att hålla sig till dessa färger. Numera kan du lugnt välja vilka färger du vill.

Klicka i färgväljaren för att hitta den nyans och den ljushet du vill ha. Om du vill kunna använda färgen på fler ställen är det en god idé att anteckna det så kallade hexadecimala värdet för färgen. Då kan du få exakt samma färg en gång till genom att skriva in det värdet i rutan Hex.

Färgväljaren i Nvu

 

Marginaler - det lätta sättet
Med standardinställningarna i Nvu kommer texten på dina sidor att gå ända ut till kanterna. Det gör dina sidor väldigt svårlästa, särskilt för den som har en hög upplösning på sin skärm.

Du skaffar lätt lite bredare marginaler. Markera allt på sidan och välj Format - Increase Indent alternativt knappen för att öka indrag. Klicka ett par gånger till dess att du är nöjd.

Du gör lätt bredare marginaler genom att öka indrag

 

Få kontroll med tabeller
Ett problem när man gör webbsidor är att bildskärmar har olika egenskaper. Om du sitter och arbetar på en lite äldre dator är din bildskärm kanske inställd på att visa 800 pixlar (bildpunkter) på bredden. När sedan någon tittar på din sida på en bildskärm som visar 1600 pixlar eller mer på bredden kommer sidan att se helt annorlunda ut. Raderna blir mycket längre, eftersom de har en bredare sida att fylla ut. Text och bilder kommer att upplevas större på en skärm som har låg upplösning.

Samma sida i två olika upplösningar

Att text och bilder upplevs större är svårt att göra något åt, men genom att använda en tabell där du definierar hur bred spalt du vill skriva i kan du i alla fall se till att längden på rader och proportionerna mellan text och bilder blir de samma på alla skärmar. Det som kommer att förändras vid olika upplösningar är då bara hur mycket bakgrund som syns bredvid tabellen.

Infoga tabell finns på två ställen i menyn - både under Insert - Table och under Table - Insert. Dessutom finns det en knapp för att infoga tabell i verktygsraden. Oavsett vilken väg du väljer så får du upp ett fönster där du ska ange vilka egenskaper du vill att din tabell ska ha.

Fönstret har tre flikar. På fliken Quickly kan du snabbt skapa en tabell genom att klicka och dra i ett rutnät, men du får ingen kontroll på hur bred tabellen blir. Jag rekommenderar att du väljer fliken Precisely istället.

Om du vill skapa en tabell för att hålla text och bilder på plats i en spalt gör du en tabell med en enda rad och kolumn. Hur bred du ska göra den beror på hur stor text du använder på sidan. För text i standardstorlek tycker jag att värdet 550 pixlar fungerar bra. Förmodligen vill du att tabellen ska vara osynlig - den ska ju bara hålla texten på plats - i så fall väljer du värdet 0 för Border.

En tabell med en enda cell håller texten på plats
 
Det som händer när du klickat på OK är att du får en ruta med streckad ram på din sida. Om du nu ser till att lägga all text och alla bilder inne i den rutan kommer proportionerna och radlängden att förbli den samma oavsett vilken upplösning din besökare har.

Du kan förstås använda tabellverktyget när du verkligen vill ha tabeller också. Du kanske vill göra en uppställning i rutor av tal eller text. I så fall är det förmodligen bra att använda linjer för att göra tabellen tydligare. Jag tycker det enklaste är att först skapa en tabell och sedan placera du markören i den och välja Table -  Table Properties för att få en lite mer omfattande inställningsruta. Här är ett exempel på inställningar för en tabell med fyra rader och fyra kolumner:

Ett exempel på tabellinställningar

Table Alignment fungerar tyvärr inte så bra i Nvu. Här borde det gå att ange att tabellen till exempel ska centreras mitt på sidan, men det fungerar inte om du arbetar med en html-sida. Vill du styra placeringen av tabellen måste du göra det i kodläge. För att få en centrerad tabell lägger du till koden <div align="center"> direkt före koden <table> samt koden </div> direkt efter koden </table>.

På fliken Cell finns ytterligare inställningar. Bland annat kan du ställa in hur breda de olika kolumnerna ska vara samt välja hur text i celler ska ligga justerad.

 

2012 Multimediabyrån - Skolverket
Åsa Kronkvist 2007-04-19 19:44:24