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å.
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
huvudrubriken på sidan (Heading) och i rubriken när man klickar på
sidegenskaper (Title). Länken längst ner till
ingångssidan fungerar. Den länkar ju både när det gäller so.htm och
sp.htm 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 passar ju inte. 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. (Om du nu använder
en pappersversion av den här övningen så öppna nu övningen i en webbläsare.
Klicka nu på länken som leder dig till filen sh.htm
och spara denna fil 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 Ta bort
celler. Välj sedan Infoga på menyraden och sedan Dokument.
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.
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å Infoga på menyraden. Välj sedan
Bokmärke.
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å Infoga
Hyperlänk-knappen.
Klicka sedan på pilen nedåt till höger om Bokmärke långt ned på sidan och klicka
där på "Syfte". Kontrollera att det till höger om Adress
(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:
- Layout Justering skall vara centrera
- Kantlinjer Storlek skall vara 3
- Cellutfyllnad skall vara 3
- Cellavstånd skall vara 3
- Tabellbakgrunden skall vara lime (ljusgrön)
Ta bort bocken framför Ange bredd
Ändra så att översta cellen när det gäller
cellegenskaper innehåller rubrik och lägg in en Vågrät
linje mellan tabellen och rubriken "Samhällskunskap".
Undersök om länkarna fungerar genom att välja Arkiv
och Förhandsgranska i webbläsaren.
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 på
herrgården/skolan till vänstra cellen. Detta gör du genom
att hålla ned vänster musknapp ovanför bilden och dra sedan bilden
till den vänstra cellen. 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å Infoga
hyperlänk-knappen och väljer sedan att klicka på knappen med förstoringsglas
ovanför en mapp längst ned. Sedan väljer du rätt fil.
Ändra i tabellen så att Layout Justering blir
Centrera och så att Kantlinjer Storlek blir 0 samt ta bort bocken fram
Ange bredd. 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å
Infoga hyperlänk-knappen. En länk till sidan finns redan. Klicka på
pilen nedåt till höger om Bokmärke långt ned på sidan och klicka där på
"Betygskriterier". Kontrollera att det till höger om Adress
(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
precis före A-kursen genom att hålla nere Shift-tangenten och under
tiden trycka på Enter-tangenten
Ta bort eventuellt onödiga rader (stycken utan innehåll) mellan
tabellen och den vågräta linjen.
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
allra längst upp med en 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å Infoga
bild från fil-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 Bildegenskaper. Klicka sedan på fliken Utseende och
sätt en
bock framför Ange storlek. Genom att det finns en bock framför
Behåll bildförhållande så behålls proportionerna om man ändrar något av värdena. Ändra
Bredd till 75 och Höjd ä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
använder då något bildbehandlingsprogram.
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 Ange bredd när det gäller Tabellegenskaper
men
också när det gäller varje cell i Cellegenskaper (om detta inte redan är
gjort). Det ska inte heller finnas någon bock framför Ange höjd
när det
gäller tabellen (men det finns det troligen ej heller). Ändra när det gäller tabellen
så att Layout Justering blir Centrera. Tills vidare behåller vi ramen runt tabellen.
Texten i cellen har nu förlorat sin status som Rubrik
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
Teckensnitt och ändra sedan Stil till Fet och Storlek
till 5 (18 pt).
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å Infoga hyperlänk-knappen
och därefter gör du en länk genom att klicka på knappen med
förstoringsglaset ovanför mappen. Sedan
letar du rätt på ingang.htm och väljer OK osv.
Alla länkar får som standard en färgmarkering. Så
länge länken är oanvänd är färgen blå. Detsamma gäller för
bilder som får en liten blå ram. I FrontPage 2000 får inte
ramen som standard den blå färgen. Man ser då inte direkt att bilden
är en länk. Om man i webbläsaren för markören över bilden så
ändras den utseendemässigt från att se ut som en pil till att se ut
som en hand. Därmed kan man alltså ändå avgöra om bilden är en
länk. Ibland vill man dock att den blå ram som egentligen är standard
visas för bilder som är länkar. Vi skall därför nu lära
oss hur man kan ändra så att ramen visas. Markera bilden och klicka på höger musknapp. Välj
Bildegenskaper och klicka på fliken Utseende. 0 i
fältet till höger om Tjocklek på kantlinjer medför att den
blå ramen ej visas. Ändra till ett positivt värde t.ex. 1, 2
eller 3 för att sedan undersöka hur det ser ut i webbläsaren. Ändra
därefter tillbaka till värdet 0 igen.
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å Redigera
på
menyraden och sedan Kopiera. Gå sedan till Samhällsvetenskapliga programmets sida
och ta bort rubriken. Klistra in tabellen och ersätt texten institutionen i rubriken med
programmet. Ändra när det gäller tabellegenskaper så att Layout
Justering blir Centrera.
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.
Gör t.ex. så här. Gör ett bokmärke till den översta rubriken med
namnet toppen . Lägg sedan en text med en länk till
vänster om länken till ingångssidan så här:
"Till toppen av den här sidan - Tillbaka till
ingångssidan"
-
Kontrollera
nu att allt fungerar t.ex. länkarna från ingångssidan till betygskriterierna
på Samhällsprogrammets sida liksom bildlänkarna i rubrikerna. Kontrollera
sedan mot facit
3.
Fortsätt nu med övning 4.