Guide att göra hemsida 

Sammanställd av Rigmor Säfsten

 

Att koppla upp sig 

Nu sitter du framför en dator på din skola eller är uppkopplad hemifrån via modem. Nu måste du ansluta den dator du sitter vid med den centralt placerade dator där hemsidorna lagras.Denna dator heter TOR. 

Öppna filhanteraren (eller Utforskaren i windows 95) 

Välj Disk (eller verktyg) , Anslut nätverksenhet från menyraden 

Välj enhet W: 

Ange sökvägen \\tor\ + din användaridentitet  (T.ex \\tor\lj92leru ) Obs! Inga mellanslag! 

Datorn frågar nu efter ditt lösen. Eventuellt måste du kryssa av i nedre vänstra hörnet att du inte vill spara lösen. Missar du detta kommer datorn att spara ditt lösen och din hemsida kommer sluta vara skyddad från intrång. Skriv in din personliga kod . 

Nu är den dator du sitter vid ansluten till "tor"  i Klippan och w: är den enhet som du arbetar mot 

Tillbaka till menyn 



Hämta sin hemsida 

Enheten w:  syns uppe i filhanteraren och till höger ser du att det finns en fil som heter welcome.htm. Alla som har fått E-post har en förberedd hemsida på tor. 

Minska ner filhanteraren (utforskaren) och klicka igång Netscape Gold. 

I Netscape välj File  Open file in editor ( alt. "open document" och markera "editor" ). Leta upp w: och klicka på welcome.htm (ev bara welcome). Välj öppna. 

Nu får du upp din egen förberedda hemsida i Netscape. Den ser lika ut för alla och följer samma mall. För att kunna ändra på din sida måste du byta visningsläge i Netscape. Man kan säga att Netscape Gold är två program i ett. Dels finns det en webläsare (browser) som läser sidor, "surfar" på nätet. Dels finns det en editor som kan göra nya sidor.  I detta programläge  får du fram nya verktygsknappar för att ändra och skapa nya hemsidor.  

Tillbaka till menyn 



Skriva in text 

Alla har fått en förberedd sida med namn och E-mail adress. Du kan bygga vidare på den befintliga eller ta bort allting och göra helt nytt. Du väljer själv och bara fantasin och våra övriga regler sätter gränsen.  

Jag rekommenderar att du lär dig de olika verktygsknapparna i editorn genom att klicka på dem och se vad som händer. Du kan ändra texten på samma sätt som i ett enkelt ordbehandlings- program,  men här också välja färger och mönster. Blir det tokigt så bara markera och tryck på delete och gör om det tills det blir bra.( Detta går bra även med linjer och tabeller) Testa och ändra tills du blir nöjd.
OBS !!!Vid vanlig ordbehandling kan man trycka mellanslag för att få "luft" mellan bilder eller text , men detta går inte i editorn. Du måste hålla shift nere och trycka mellanslag för att göra plats på raden.

Tillbaka till menyn 



Spara och kontrollera sin hemsida  

Är du nöjd med ändringarna så är det dags att spara dem. Välj File , Save as. Kontrollera att du sparar på enhet W: (och inte på C: eller A:). Klicka OK. Nu har du sparat ändringarna på tor och därmed så har du gjort en så kallad "skarp ändring". Från och med nu ser sidan ut så som du har ändrat den, och den ursprungliga sidan är borta. Det går alltså inte att ändra sig.

För att komma tillbaka till browserläget och se hur sidan ser ut på nätet klickar du på den lilla Netscape-ikonen bland verktygsknapparna, (eller använder alt +tab). Här hittar man sin sida på adressen  

http://www.klippan.se/elever/ + sin anv ID    eller 

http://www.klippan.se/personal/ + sin anv ID 

När man arbetar med sidan och ändrar den så pendlar man mellan de två lägena för att kontrollera hur sidan ser ut "på nätet", dvs i webläsarläge. För att återgå till editorläge välj Window och klicka på rätt fönster eller använd alt + tab.  

Om du vill avsluta arbetet med hemsidan så ta fram filhanteraren , klicka på Disk , Koppla från nätverksenhet. Välj W://tor....... och klicka OK. 

Tillbaka till menyn 


Att hämta bilder till hemsidan 

När du arbetar med din sida så uppkommer snart behovet att veta hur du lägger in bilder. Nätet svämmar över av bilder man kan hämta hem och det är bara att välja och vraka. Låt bilden illustrera din text eller förhöja din sida på något annat sätt. 

 


Leta upp en bild du vill lägga in eller använd bilden här ovan. 

Ställ markören på bilden och klicka en gång med höger musknapp. Du får upp en liten meny. Där ska du välja Save Image as. 

I dialogrutan väljer du att spara bilden på enhet w: ( ev väljer den automatiskt enhet w:) Välj OK 
Fortsätt läsa under nästa rubrik för att lägga in bilden på din sida 

Tillbaka till menyn 


Lägga in bilder och ändra bakgrund 


Ta fram din hemsida i editorläge och välj Insert , Image 

Du får upp en dialogruta där du ska välja Browse ( alt choose file ). Nu ska du leta upp bildfilen på 
w: . Klicka på filnamnet ( hund.gif för bilden ovan). Välj öppna ( open ), eller dubbelklicka på filnamnet. Nu ser du filnamnet  file:///W|/hund.gif i dialogrutan. Radera alltid det som står framför själva filnamnet så att bara hund.gif blir kvar. 
OBS! I Windows 3.11 kommer filnamnet upp med stora bokstäver, du måste skriva in det på raden med små bokstäver, annars klarar inte browsern att visa din bild utan den blir "trasig". Välj till sist OK. 

Ibland är den bild man har hittat för stor eller för liten. Man kan inte ändra bilders format i Netscape Gold, utan detta får man i så fall göra i ett separat bildhanteringsprogram (Ex vis L-view som är ett freewareprogram och kan hämtas på ftp://ftp.klippan.se/pub/lview där man använder funktionen RESIZE) 

Bakgrund 

Du kan antingen välja att ha dig bakgrund enfärgad , eller att lägga in en bild som bakgrund. 

För att välja färg väljer du från menyraden  preferences , document. ( alt. Format , Page Properties) Välj background colour. Välj en färg och klicka sedan på OK. 

Ofta blir det en väldigt intensiv färg när man väljer enfärgat. På många websidor har man en mjukare lite melerad eller mönstrad bakgrund som ger ett mjukare intryck. Den sortens bakgrund är en bild som man kopierar. 

Ställ markören någonstans på denna sida där det inte finns text. Klicka på höger musknapp och välj save background as. Spara bilden på w: på samma sätt som förut. Filnamnet på den här sidans bakgrund är marmor.gif. 

För att använda bilden som bakgrund ska i editorläge på din hemsida välja Preferences , Document 
( Alternativt  Format , Page Properties)  

Du får upp samma dialogruta som när du valde färg. En bit ner på dialogrutan hittar du Background image. Kryssa i rutan till höger use image och välj browse (alt choose file ) Leta upp den bild du sparat för att använda som bakgrund och öppna den. Som tidigare måste man ta bort det som står framför filnamnet och se till att det det blir små bokstäver. På dialograden ska det nu endast stå filnamnet som i det här fallet är marmor.gif.   

Vill du ha tips på andra bakgrundsbilder kan du titta på http://hultgren.org/Design3.htm där du säkert hittar något som passar. 

Tillbaka till menyn 



Att göra länkar 

En "länk" är en förkortning av begreppet hypertext-länk. Genom att klicka på en speciell bild eller ett textavsnitt kan man automatiskt förflyttas till en en annan sida på nätet. Detta kallas populärt för att surfa på nätet.  

För att göra en egen länk på din sida ska du först skriva in den text som du vill göra till länk. Markera de ord som ska bli länken. Välj sedan Insert , Link  och skriv in namnet på den sida dit länken ska peka, t.ex http://www.klippan se/personal/rigmor.safsten/guide.htm. Det går också bra att använda bilder som länkar. 

Tillbaka till menyn 



Exempel på mer avancerade verktyg 

Som överkurs kan man prova på att skapa en tabell. 

Välj Insert , table och ange hur många rader och kolumner du vill ha. När du sedan klickar på OK så får du automatiskt upp en tabell där du kan skriva på ett strukturerat och snyggt sätt.  

Sida 1  Sida 2  Sida 3 



En annan finess är listor 

Välj  Format , List  och markera vilken typ av lista du vill ha t.ex en "bulleted" lista. 

Man kan också infoga sk. räknare på hemsidorna. Den talat om hur många som har besökt din sida . 

Placera markören där du vill ha räknaren. Välj Insert , HTML-tag och skriv in på en rad: 

<IMG SRC="http://www.klippan.se/cgi-bin/Count.cgi?dd=C&df=xxxxxxxx.dat" HEIGHT=32 WIDTH=105 ALIGN=ABSCENTER> 

Fyll i din egen användaridentitet i stället för xxxxxxxx. Mer information om räknare finns på

http://www.fccc.edu/users/muquit/Count.html#refr

och

http://www.fccc.edu/users/muquit/Count2_4-ex.html   .

 

För att inte Netscape ska förstöra din räknare när du spara ditt dokument måste du ändra inställningarna . Välj  Options, Edit preferences (alt Edit , Preferences ....)  och sedan leta upp och ta bort kryssen framför "Maintain links..." och "Keep images with page...".  

Denna förändring rekommenderas generellt eftersom Netscape ibland rör till filhanteringen med bilder mm. Detta problem medför bl a att dina bilder inte fungerar på din hemsida fast du har gjort som du ska. Utan kryssen görs inga förändringar av Netscape så det som du skriver in överförs exakt till hemsidan. 

Tillbaka till menyn 



Andra matnyttiga HTML länkar 

Det är inte nödvändigt att sätta sig in i direkt HTML-programmering, men den som är intresserad kan välja View , Page Source  ( Alt document source ) 

Då ser du sidan som den "egentligen" ser ut för datorn. Vill du själv skriva direkt i HTML-kod kan du t.ex använda programmet Anteckningar och öppna filen w:\welcome.htm. 

Vill du lära dig mer om HTML så använd någon av följande länkar. 

http://www.atiger.pp.se 

http://www.skolverket.se/skolnet/htmlkurs 




Tillbaka till menyn 



Du är besökare nummer  sedan den 28 april 1997