Gör en hemsida
- i Netscape Composer
 

Att komma igång  Verktygsraden i Netscape Composer  Skriva text  Horisontella linjer  Tabeller  Att göra länkar  Markera text och skriva länkadress  Använda bokmärken för att göra länkar  Använda öppna sidor för att skapa länkar

Länkar inom en sida  Bilder  Om hur det funkar  Att infoga bilder med hjälp av knappen Image  Att infoga bilder med klicka och dra-teknik  Bakgrundsfärg eller bakgrundsbild  Vaddå HTML?  Lägga ut sidan

 
 
 

Det finns en uppsjö av program att välja på när man ska göra sin första hemsida. Netscape Composer ingår i Netscapes Communicator-paket och är därför lätt att få tag på. Om man inte har Netscape installerat kan man ladda hem det. Filen är stor och tar lång tid att hämta om man har vanlig modemuppkoppling (räkna med att det tar minst en timme). Det är emellertid vanligt att Netscape finns med på de cd-skivor som följer med datatidningar, så där kan man få tag på det om man inte har lust att vänta på en nedladdning.

Om du har ett annat program att göra websidor i är tekniken förmodligen liknande även om verktygsknappar och menyalternativ kan se lite annorlunda ut.

Att komma igång

Klicka på File i menyraden. Låt muspekaren glida ner på New och därifrån ut på Blank page eller klicka på knappen som föreställer en reservoarpenna liggande på ett anteckningsblock. Oavsett vilken av metoderna du använt får du nu upp en vit yta att skriva på.

Börja med att namnge och spara din sida. Välj Save as under File i menyraden. Det är praktiskt att hålla sig till den gamla standarden för i filnamnen, dvs maximalt 8 bokstäver, inga versaler eller åäö och inga mellanslag. Du gör livet enklare om du låter sidan ligga i samma mapp som sidor du vill länka till. När du namnger sidan får du också ange en titel för sidan. Detta är den text som kommer att synas överst på skärmen när någon tittar på din sida, och här går det bra att använda versaler, svenska vokaler och hur lång text du vill.

Skriv, sätt in bilder, skapa länkar. (Hur du gör det kommer du snart att få läsa om…)

För att titta på din sida klickar du på knappen med en båtratt. Du får frågan om du vill spara dina ändringar, och den tackar svarar du ja till. Om du vill jobba mer med sidan efter att du tittat på den stänger du läsarfönstret med krysset uppe i höger hörn. Redigeringsfönstret med din sida ligger kvar bakom.

Verktygsraden i Netscape Composer

När du öppnar Netscape Composer byts Netscapes vanliga verktygsrad ut mot verktyg för redigering. Det bör se ut ungefär så här eventuellt är den på engelska.

Knapparna i övre raden har följande funktioner:

New – börja på en ny sida.

Open – öppna en gammal sida för att fortsätta jobba på den.

Save – spara.

Publish – ladda upp din färdiga sida på nätet. (När du jobbar med sidan ligger den på din hårddisk.)

Preview – titta på sidan i webläsaren. (Länkar "fungerar" bara när man har dem i webläsaren.)

Cut – klipp ut, t ex ett textstycke eller en bild.

Copy – kopiera, t ex ett textstycke eller en bild.

Paste – klistra in det som finns på datorns klippbord (alltså det du senast klippte ut eller kopierade).

Print – skriv ut sidan.

Find – sök ord i sidan.

Link – skapa länk.

Target – namnge en plats på sidan för att kunna skapa länkar inom sidan.

Image – infoga en bild.

H.Line - infoga en horisontell linje.

Table – infoga en tabell.

Spelling – stavningskontroll.

Den undre verktygsraden innehåller verktyg för att förändra utseendet på texten:

Normal-rutan – innehåller fördefinierade texttyper, t ex Heading som är rubriker i olika storlekar.

Variable Width-rutan ger dig möjlighet att välja teckensnitt. Tänk på att användaren bara kan se dina fräcka teckenstilar om hon har samma teckensnitt installerat på sin dator. Om det inte är alldeles speciella effekter du vill uppnå rekommenderar jag att du håller dig till TimesNewRoman, Arial och CourierNew eftersom dessa teckensnitt är de allra vanligaste.

Storleks-rutan innehåller förmodligen färre alternativ än vad du är van vid. Det finns nämligen inte så många teckenstorlekar i HTML.

Färg-rutan har ett antal förvalda färger samt möjlighet att definiera egna. Återigen är det så att du inte kan räkna med att alla användare kommer att kunna se alla färger. Det beror på inställningarna på den dator man ser på sidan i.

Följande tre knappar är för fetstil, kursiv och understruken text. Var försiktig med hur du använder understruken text eftersom det ger användaren anledning att misstänka att texten är länkad.

Knappen med ett suddgummi tar bort alla textformateringar på markerad text. Den tar även bort länkar.

Knapparna med små prickar och små siffror använder du för att skapa listor (som den du just läser).

De sista tre knapparna ger dig möjlighet att ändra textens placering på skärmen med indrag, vänsterställd, högerställd eller centrerad text.

Skriva text

Textbehandling i Netscape Composer fungerar som i vilken ordbehandlare som helst. Du kan välja teckenstorlek och färg i förväg eller markera texten och ändra dess egenskaper efteråt.

Horisontella linjer

Det är ganska vanligt att man använder linjer för att dela av sidan. Du lägger in en linje med knappen H.Line. Om du högerklickar på linjen kan du till exempel ändra bredd och höjd.

Tabeller

Tabeller är ofta ett utmärkt hjälpmedel för att styra utseendet på sidan. Med tabeller kan du till exempel skapa rutor i avvikande färg, spalter, linjer med en upprepad bild i med mera.

Klicka på knappen Table och experimentera lite med inställningarna!

Att göra länkar

OBS: Dina länkar kommer inte att "fungera" när du befinner dig i redigeringsläge. För att testa länkarna måste du klicka på knappen Preview.

Det finns flera sätt att skapa länkar i Netscape Communicator. Här nedan beskriver jag tre av dem:

Markera text och skriva länkadress

Markera det du vill ha som länktext.

Klicka på knappen Link. Du får upp en dialogruta som ser ut så här:

I rutan Link to a page location or local file ska du skriva namnet på den sida som du vill länka till. Här finns det två varianter:

1. Att skriva in en fullständig adress. Om du länkar till någon annans sida måste du skriva den fullständiga adressen, som jag gjort i exemplet ovan.
2. Att bara skriva namnet på sidan du länkar till. Detta fungerar om du länkar till en sida som ligger i samma mapp. Kom ihåg att sidorna måste ligga i samma mapp även när de sedan är uppladdade på nätet. Det är vanligt att man kallar en "förstasida" för index.htm eller index.html.

• Den här metoden fungerar även för att göra länkar från bilder. Markera bilden och gör sedan som i exemplet ovan.
Använda bokmärken för att göra länkar
• Under Communicator i menyraden kan du välja Bookmarks och därifrån glida ut på Edit Bookmarks. En lista över dina bokmärken lägger sig över sidan du håller på med.
• Genom att klicka på ett bokmärke och dra ut det på sidan du håller på att göra skapar du direkt en länk. Länktexten blir den samma som bokmärkets titel, men detta kan du ändra om du vill.
Använda öppna sidor för att skapa länkar

Bredvid Locationfönstret i webläsaren finns en symbol som du kan dra ut på sidan för att skapa en länk.

• Gå till webläsaren och krymp ihop den till behändigt format genom att använda den mellersta av de tre knapparna i övre högra hörnet samt eventuellt dra ihop den med musen.
• Surfa iväg till den sida du vill ha länk till.
• Klicka på den lilla symbolen strax till vänster om Locationfönstret och dra ut länken på din sida. Länktexten blir den samma som sidans titel. Det går bra att ändra länktext.
Länkar inom en sida

Om din sida är lång kan det vara praktiskt att skapa länkar inom sidan så att en användare kan hoppa direkt till det avsnitt hon är intresserad av. Det är så innehållsförteckningen i början av det här dokumentet fungerar.

• Börja med att döpa de avsnitt som det ska gå att hoppa till genom att placera markören vid avsnittets början och sedan klicka på knappen Target. Skriv ett namn i dialogrutan som kommer upp. Håll gärna åtta-bokstäversstandard på namnet.
• Skapa länkar efter beskrivningen markera text och skriva länkadress här ovan. När du får upp dialogrutan kommer dina namn på mål att finnas med i den nedre rutan. Klicka på ett namn och sedan på OK.
Bilder

Bilder livar upp en sida och gör den roligare att titta på. Bilder tar dock lång för datorn att hämta, så det är klokt att vara lite återhållsam och försöka se till att bildfilerna är så små som möjligt. Liksom med länkar finns det flera metoder i Netscape Communicator.

Om hur det funkar

I ett ordbehandlingsdokument är bilderna vanligtvis inbäddade i filen. Detta gäller inte för websidor. Det enda din sida egentligen innehåller är en adress som talar om för webläsaren var den ska hämta bilden. Det innebär att när du lägger ut din sida på nätet måste du se till att du också lägger ut bilderna och det på ett sätt som gör att de är tillgängliga för sidan. I början kommer det att vara mest praktiskt för dig att ha bilderna i samma mapp som sidan. En sak som ibland tycks kunna ställa till problem är om bildernas filnamn börjar med versal. Om dina bilder inte fungerar efter att du laddat upp dem på nätet kan det vara en bra idé att kontrollera filnamnen.

Det finns två bildformat som går att använda i websidor – jpg och gif. För att kunna bearbeta dina bilder behöver du ett bildprogram som klarar de formaten. Ett program som finns som shareware (gratis testversion) är PaintShopPro. Det hittar man ofta på de cd-skivor som följer med datatidningar.

Du kan skapa dina bilder själv med hjälp av ritprogram, scanner eller digitalkamera. Du kan också hämta bilder från Internet. Tänk på att regler om upphovsrätt gäller också på hemsidor. Hämta bara bilder från sidor där det står att det är OK att använda bilderna. Det finns gott om sådana sidor. När du tränar kan du till exempel använda den här djursidan.

Att infoga bilder med hjälp av knappen Image

• Börja med att se till att de bilder du vill använda ligger i samma mapp som din sida.
• Klicka på knappen Image.
• I dialogrutan som kommer upp ska du se till att rätt filnamn står i rutan Image location. Du kan skriva in det eller använda knappen Choose file och klicka dig fram till rätt bild.

 

 
 
 



• I knappraden med rubriken Text alignment väljer du hur bilden ska visas i förhållande till texten. Observera att om du väljer att låta texten ligga runt bilden kommer det inte att synas förrän du sparat sidan och tagit Preview.
• Det går att ändra storlek på bilden i rutan Dimensions och att styra utrymmet omkring bilden samt lägga till en ram i rutan Space around image. Det är också en klok idé att skriva in en alternativtext som visas om bilden av någon anledning inte laddas in. Använd då knappen Alt text/Low res.
• När du är klar klickar du på OK.
Att infoga bilder med klicka och dra-teknik
• Gå till webläsaren och krymp ihop den till behändigt format genom att använda den mellersta av de tre knapparna i övre högra hörnet samt eventuellt dra ihop den med musen.
• Surfa iväg till en trevlig bildsida.
• Klicka på den bild du vill ha och dra över den till din sida. När du sparar sidan sparas automatiskt bilden ner i samma mapp som sidan.
• Om du vill ändra bildens inställningar högerklickar du på den och väljer Image Properties så får du upp dialogrutan ovan.
• Samma teknik går att använda för att infoga bilder från Utforskaren.
Bakgrundsfärg eller bakgrundsbild

För bakgrundsfärg finns det ingen knapp. Du går istället till Format i menyraden och där under väljer du Page Colors and Properties. Klicka på knapparna för att välja färg på text, länkar och bakgrund. Det går också bra att välja en bild att ha som bakgrund.

I samma dialogruta finns en flik där du kan ge din sida en ny titel, om du är missnöjd med den du valde när du började göra sidan.

Vaddå HTML?

Det som egentligen händer när du jobbar i Netscape Composer är att programmet skriver en massa HTML-kod åt dig. Det är ett språk som talar om för webläsaren hur sidan ska se ut och vad den ska innehålla. Tack vare att websidor består av HTML-kod blir det relativt små filer och därmed inte alltför krävande att skicka dem över nätet.

Du kan när som helst titta på din kod genom att klicka på Wiew i menyraden och välja Page Source. Förmodligen ser den ganska förvirrande ut, men om du börjar titta närmare ser du kanske att den egentligen är rätt så logiskt uppbyggd.

En liten introduktion till HTML finns här. Om du blir intresserad och vill lära dig mer finns det massor av omfattande HTML-referenser på nätet. Titta till exempel på Annica Tigers sidor.

Lägga ut sidan

Det finns flera metoder för att ladda upp sidor på nätet och det är lite olika vad olika leverantörer tillåter. Kanske kommer det instruktioner här med tiden… Börja med att kolla vad din leverantör rekommenderar. Om du inte har något utrymme för att lägga ut hemsidor finns det gott om möjligheter att skaffa sig gratis. Här finns en lista.
  Labo, april 2000