Rubrikerna på våra olika sidor har olika färg. Dessutom är bara en
av rubrikerna markerad med en bild under. Du har nu bestämt att huvudrubriken skall vara
brun på alla sidor och att regnbågsbilden skall ligga under bilden på alla sidor. Ända
nu på båda sidorna så att det blir så.
Du skall nu göra nästa sida på ett lite snabbare sätt. Öppna filen so.htm
i FrontPage och spara sedan om den som sp.htm men i mappen program. Ändra
sedan ordet "institutionen" till "programmet" både i rubriken och i
titeln (sidrubriken). Ändrar titeln gör du ju genom att klicka på Format på
menyraden för att sedan välj Färger och egenskaper för sida (Page (Colors
and) Properties) osv. Länken längst ner till ingångssidan fungerar oavsett vilken
editor man har när man sparar om så här. Den länkade ju uppåt från en fil i en
undermapp till en fil i huvudmappen och den ser därför likadan ut. Ändra eventuellt
till rätt datum längst ned.
-
Innehållet
i tabellen på programsidan är fortfarande fel. På den här sidan skulle
du kanske i verkligheten lägga upp länkar till olika styrdokument
och dessutom berätta om hur programmet fungerar just på din skola.
I vår övning skall vi istället öva lite på en sida med lite mer text.
Vi skall lägga upp ett styrdokument direkt på sidan. Öppna filen sh.htm
på Internet och spara
den med samma namn i mappen program. Gå sedan till Samhällsvetenskapliga
programmets sida. Ta bort tabellen genom att klicka någonstans i den
och sedan välja höger musknapp. Välj sedan ta bort tabell. Öppna sedan
filen sh.htm i ett eget fönster i Composer. Kopiera
hela innehållet och klistra in det där tabellen fanns i filen sp.htm.
Nu har du i filen sp.htm ett dokument huvudsakligen om A-kursen i
samhällskunskap. Du skall nu öva dig i att göra länkar till platser på samma sida. Du
börjar med att ge namn åt några olika platser på sidan. Markera rubriken
"Syfte" och klicka sedan på Mål-knappen (5:e knappen från höger på Verktygsfältet
Skriv meddelande. Nu visas ett fönster med ett förslag till namn. Acceptera
namnet "Syfte" genom att klicka på OK-knappen. Gå sedan till rubriken
"Mål" och gör samma sak. Ändra dock i namnförlaget från "Mål"
till "Mal". Markera därefter endast början på rubriken som börjar med
"Efter" och namnge också denna plats samt platsen för rubriken
"Betygskriterier".
Nu skall vi göra länkar till dessa 4 platser. Klicka på Enter några
gånger efter bilden under rubriken och lägg i en tabell med en kolumn och två rader
där. I översta cellen skriver du "Länkar till rubrikerna i dokumentet nedan".
Sedan skriver du in orden "Syfte, Mål, Efter genomgången kurs skall eleven,
Betygskriterier" på fyra olika rader. Gör ingen lista utan välj en radbrytning
efter varje rubriktext genom att hålla nere Shift-tangenten och trycka på Enter.
Markera nu "Syfte" och klicka på Länk-knappen. I nedersta
rutan dvs rutan under texten "Välj ett namngivet mål på den aktuella sidan"
klickar du på Syfte och sedan på OK. Kontrollera att det i översta rutan nu
står "#Syfte" och klicka sedan på OK. Gör sedan länkar också av
de andra radtexterna.
Gör följande ändringar i tabellen:
- Tabelljustering (Table Alignment) skall vara centrera
- Linjegrovlek (Border line width) skall vara 3
- Cellutfyllnad (utrymme inom celler)(Cell padding) ska vara 3
- Avståndet mellan cellerna (Cell spacing) skall vara 3
- Tabellbakgrunden (Table Backgound) skall vara lime (ljusgrön)
- Ta bort bocken framför Tabellbredd (Table width)
Ta bort bocken framför Alla kolumner lika breda (Equal column
widths)
Ändra så att översta cellen får rubrikstil (blir en Headercell) och
lägg in en Vågrät linje (Horizontal line) mellan tabellen och rubriken
"Samhällskunskap".
Undersök om länkarna fungerar genom att välja Förhandsgranska.
Vi har ingen länk från ingångssidan till Samhällsvetenskapliga
programmets sida. Det bör vi ha. Öppna ingångssidan i Composer. Gör en tabell under
bilden under rubriken med 1 rad och 2 kolumner. Flytta bilden till vänstra cellen genom
att dra den dit. Dra länken till den andra cellen. Lägg dig efter denna länk och klicka
på Enter 2 gånger för nytt stycke. Lägg där in en länk till det
Samhällsvetenskapliga programmet.
Ändra i tabellen så att Tabelljustering (Table Alignment) blir center
och så att Linjegrovlek (Border line width)=0 samt ta bort bocken fram Tabellbredd
(Table width) och "Alla kolumner lika bredd" (Equal column widths) . Nu gör det
inget att länkarna till höger om bilden ligger i mitten vertikalt sett.
Som övning skall du nu göra en länk från ingångssidan till en plats
på Samhällsvetenskapliga programmets sida. Eftersom vi redan har en länk till den sidan
kan vi kopiera den vi redan har och sedan ändra lite. Lägg dig efter den länk du redan
har och klicka på Enter 2 gånger så att du får ett nytt stycke. Markera sedan länken
och dra den med vänster musknapp ned till nästa stycke. Innan du släpper musknappen
håller du ner Ctrl-knappen. Du ser nu ett +-tecken vilket betyder att det kommer att bli
en kopiering om du släpper musknappen medan du håller Ctrl-knappen nere.
Markera nu den nedersta länken som du just skapade och klicka på
Länk-knappen. En länk till sidan finns redan. På sidan finns det nu en markering
framför Visa mål i markerad fil. (Show targets in selected file) Klicka
på "Betygskriterier". Kontrollera att det i översta fältet står
"program/sp.htm#Betygskriterier" och klicka sedan på OK. Ändra texten i
länken genom att skriva om den till "Betygskriterier för A-kursen i
samhällskunskap". Börja någonstans i länken när du skriver så att du verkligen
skriver i länken och ej en text före eller efter länken och ta sedan bort överflödigt
till vänster. För att cellen ej skall bli för stor gör du en radbrytning med Enter
efter "för".
Det hade varit trevligt med en liten bild av skolan på alla sidorna.
Den bilden kanske också skulle kunna vara en länk till ingångssidan. Vi skall göra ett
försök. Öppna Samhällsvetenskapliga institutionens sida i FrontPage. Gör en tabell
längst upp med 1 rad och två kolumner. Flytta över rubriken till den högra cellen och
lägg in bilden på skolan i den vänstra cellen genom att klicka på Bild(Image)-knappen
(4:e knappen från höger på Verktygsfältet Skriv meddelande) eller Infoga (Insert)
på menyfältet och därefter Bild(Image)-knappen och sedan välja filen herrgard.jpg.
Bilden är nu för stor. Markerad bilden och klicka på den med höger musknapp. Välj
Egenskaper för bild (Image Properties). Ändra Bredd (Width) till 75
och Höjd (Height) ändras automatiskt till 49. Klicka sedan på OK.
Du skall också ändra lite när det gäller tabellen och cellerna. Ta
bort bocken framför Tabellbredd och framför Alla kolumner lika. Ändra
när det gäller tabellen så att Tabelljustering (Alignment) blir centrera. Tills vidare
behåller vi ramen runt tabellen.
Texten i cellen har nu förlorat sin status som Rubrik.2 (Header 2).
Istället för att återge denna status som i sig skapar nytt stycke skall vi ändra på
formateringen av texten. Markera rubriktexten. Ändra på Verktygsfältet Formatering
teckenstorleken till 18 klicka på knappen för Fetstil (Den vänstra A-knappen). Man kan
också klicka på höger musknapp och sedan välja Egenskaper för tecken
(Character Properties) och sedan göra samma ändringar. Texten placeras nu (såsom ju
är förvalt för vanlig text) i mitten av cellen vertikalt sett vilket nog blir bäst.
Du skall nu göra själva den lilla bilden till en länk till
ingångssidan. Klicka på bilden och sedan på Länk-knappen. Sedan letar du rätt på
ingang.htm och väljer OK osv.
Bilden har nu fått en liten blå ram precis som länkar får en blå
färg. Ibland vill man ej ha kvar en sådan ram runt en bild. Vi skall därför nu lära
oss att ta bort den. Marker bilden och klicka på höger musknapp. Välj Egenskaper
för bild/länk (Image/link Properties) och ändra långt ned till
höger Heldragen kant (Solid border) till 0 pixlar. Klicka
sedan på OK.
Vi ska skapa samma bild till höger om rubriken till det
Samhällsvetenskapliga programmet. Klicka på någon plats på tabellen och klicka sedan
på Redigera (Edit) på menyraden. Välj Markera tabell (Select Table) och
därefter väljer du Kopiera (Copy) under Redigera (Edit) på menyraden. Gå sedan
till Samhällsvetenskapliga programmets sida och ta bort rubriken. Klistra in tabellen och
ersätt institutionen i rubriken med programmet.
Gör en länk från slutet av Samhällsprogrammets sida till toppen av
sidan. Gör först ett namn till rubriken och sedan en länk till den. Man kan
"fuska" och bara göra en länk till sidan i sig. En sådan länk leder ju
automatiskt till att toppen av sidan visas. Den blir faktiskt t.o.m. bättre eftersom den
ger lite luft överst. Om man länkar till ett namn för en del av rubriken så kommer man
lite långt ner på sidan när man klickar på länken. Gör dock såsom du lärde
dig ovan såsom en övning.
-
Kontrollera
nu att allt fungerar t.ex. länkarna från ingångssidan till betygskriterierna
på Samhällsprogrammets sida fungerar liksom bildlänkarna i rubrikerna.
Kontrollera sedan mot facit
3.
Övningarna är nu slut.