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 rubriken på alla sidor.
Ända nu på båda sidorna så att det blir så. På färgkartan som man ser när man
klickar på "Text Color"-knappen är det den bruna färgen som ligger längst
till vänster på 4:e raden som ska användas.
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. Ändrar titeln gör du ju genom att klicka på höger musknapp
någonstans för att sedan välja Page 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 markera den t.ex. från vänster när du ser
den svarta pilen. Klicka sedan på höger musknapp och välj Delete cells.
Välj sedan Insert på menyraden och sedan File. Välj
därefter filen sh.htm.
Det här sättet att infoga filer i andra filer är väldigt smidigt och det går också
att infoga t.ex. Word-filer och Excel-filer men då får man räkna med att allt inte ser
exakt ut som det gjorde i det ursprungliga programmet. Särskilt tabbar och onödiga
Entertryckningar i Word-filer kan förändra utseendet efter infogandet. I nya
Office 2000 fungerar detta emellertid bättre.
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å Edit på menyraden. Välj sedan Bookmark.
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".
I den understa cellen 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å Create or Edit Hyperlink-knappen.
Klicka sedan på pilen nedåt till höger om Bookmark långt ned på sidan och klicka
där på "Syfte". Kontrollera att det till höger om URL: står
"#Syfte" och klicka sedan på OK. Gör länkar också av de andra
radtexterna.
Gör följande ändringar i tabellen:
- Alignment skall vara center
- Border skall vara 3
- Cell Padding skall vara 3
- Cell Spacing skall vara 3
- Tabellbakgrunden skall vara lime
Ta bort bocken framför Specify Width
Ändra så att översta cellen blir en Headercell och lägg in en
Horizontal line mellan tabellen och rubriken "Samhällskunskap".
Undersök om länkarna fungerar genom att välja File och Preview
in Browser.
Vi har ingen länk från ingångssidan till Samhällsvetenskapliga
programmets sida. Det bör vi ha. Öppna ingångssidan i FrontPage. 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 för nytt stycke. Lägg där in en länk till det Samhällsvetenskapliga
programmet. Skriv först texten till länken. Därefter klickar du på "Create or
Edit Hyperlink"-knappen och väljer där att klicka på knappen med förstoringsglas
längst ned. Sedan väljer du ut rätt fil.
Ändra i tabellen så att Alignment blir center och så att Border
size=0 samt ta bort bocken fram Specify width. 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 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å
"Create or Edit Hyperlink"-knappen. En länk till sidan finns redan. Klicka på
pilen nedåt till höger om Bookmark långt ned på sidan och klicka där på
"Betygskriterier". Kontrollera att det till höger om URL: 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 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å Insert Image-knappen
(8:e knappen från höger på standardverktygsfältet) 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 Image Properties. Klicka sedan på fliken Appearance och sätt en
bock framför Specify Size. Genom att det finns en bock framför Keep Aspect
Ratio så behålls proportionerna om man ändrar något av värdena. Ändra Width
till 75 och Height ändras automatiskt till 49. Klicka sedan på OK.
Viktigt påpekande!
När man har en stor bild och vill presentera denna som en liten bild så är det
sätt som beskrivs ovan och på andra platser i kursen inte det bästa om man vill att
bilden skall laddas ned snabbt. Om det skiljer mycket när det gäller storleken så är
det bättre att man i ett bildbehandlingsprogram från den stora bilden skapar en liten
bild i en egen fil. När man arbetar med sidorna så går det dock snabbare att
experimentera med olika storlekar om man gör såsom jag beskriver i kursen. När man har
experimenterat färdigt så kan man göra en liten fil för den lilla bilden. Man kan
använda bildbehandlingsprogrammet Microsoft Image Composer som medföljer FrontPage 98.
Du kan läsa mer om hur man gör när du kommer till övning
7.
Du skall också ändra lite när det gäller tabellen och cellerna. Ta
bort bocken framför Specify width när det gäller Table properties men
också när det gäller varje cell i Cell properties (om detta inte redan är
gjort). Det ska inte heller finnas någon bock framför Specify height när det
gäller tabellen, men det finns det troligen ej heller). Ändra när det gäller tabellen
så att Alignment blir center. Tills vidare behåller vi ramen runt tabellen.
Texten i cellen har nu förlorat sin status som 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 och klicka på den med höger musknapp. Välj Font
Properties och ändra sedan Font Style till Bold och Size till 5.
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å Create or Edit Hyperlink-knappen
och därefter gör du en länk genom att klicka på knappen med förstoringsglaset. 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 Image
Properties och klicka på fliken Appearance. Skriv sedan 0 i
fältet till höger om Border Thickness.
Vi ska skapa samma bild till höger om rubriken till det
Samhällsvetenskapliga programmet. Markera därför hela tabellen från vänster med
hjälp av den svarta pilen och kopiera den. Klicka t.ex. på Edit på
menyraden och sedan Copy. 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.
Fortsätt nu med övning 4.