Öppna Samhällsvetenskapliga institutionens sida dvs filen so.htm
och ändra så att sidan får bakgrundsbilden green.gif i mappen bilder
som bakgrund. Ändra sedan i tabellen under regnbågsbilden så att
Border size (djupet på ramen) till 3
Bakgrundsfärg en blir gul
Custum Color för Border blir röd
-
Samhällsvetenskapliga
institutionen vill lägga in en tabell från Skolverket på sin
webbsida. Tabellen är en Excelfil vid namn jmf.xls Hämta
först filen jmf.xls
och spara den som jmf.xls i huvudmappen skolan. (Det kan
krångla vid direkt hämtning av Excelfilen. Excelfilen finns dock också
som en zippad fil jmf.zip
som om den hämtas måste packas upp. Hos StudieNet kan man lära sig
hur man
hanterar zip-filer.) Tabellen skall läggas under den andra tabellen
under regnbågsbilden. Klicka på Insert på menyraden och välj File.
Leta reda på filen och klicka sedan på öppna och strax har du en tabell
till på webbsidan. Vi ska nu ändra lite i denna tabell samtidigt som
vi repeterar tabeller.
Table Properties. Klicka med höger musknapp
någonstans i den nyss infogade tabellen och välj Table Properties.
I det fönster som visas nu kan man ändra på många inställningar.
Gör följande slutliga ändringar:
- Ändra Alignment till center
- Ändra Border size (djupet på ramen) till 4
- Ändra Cell Padding (avståndet från cellens innehåll till kanten av cellen) till 3
- Ändra Cell Spacing (avståndet mellan cellerna) till 5
- Välj bakgrundsfärg gul
- Välj Custum Color för Border till röd
Ändrar Specify Width till 100%
Markera alla cellerna i översta raden och klicka sedan på höger
musknapp för att kunna välja Cell Properties. Välj sedan vit bakgrundsfärg för alla
cellerna och ändra till Header cells. Ta bort bocken framför Specify Width. Markera
sedan alla de andra cellerna och ta bort bocken framför Specify Width. Markera alla
cellerna i vänstra kolumnen och klicka sedan på höger musknapp för att kunna välja
Cell Properties. Välj sedan vit bakgrundsfärg för alla cellerna och ändra till Header
cells.
Markera den översta raden i tabellen. Klicka sedan på
Table på menyraden och välj därefter Insert rows or columns. Välj Row och
Above Section och 1 rad. Markera den nya översta raden och klicka på
höger musknapp. välj Merge cells. I den nya översta cellen skriver du sedan
Jämförelsetal för större kommuner. Markera denna text och klicka sedan på höger
musknapp och ändra till 4 (14pt). Den nya cellen har automatiskt fått vit
bakgrundsfärg och blivit en Header cell eftersom dessa egenskaper hade den cell
som den lades ovanför.
Markera den understa raden i tabellen. Klicka sedan på
Table på menyraden och välj därefter Insert rows or columns. Välj Row
och Below Section och 1 rad.
Undersök hur sidan nu ser ut i webbläsaren med
storleken 640x480.
I den nedersta tabellen syns inte nedersta raden. Om det
inte finns något i en cell så visas den inte som de andra cellerna. Klicka i cellen
längst till vänster och gör ett mellanslag. Spara, markera cellen och klicka på
HTML-fliken längst ned till vänster. Då ser du att i den vänstra cellen finns koden inlagd. Denna kod som man ligger in med hjälp av ett mellanslag
kallas non-breaking space och behövs i en tom cell för att cellen skall visas
på ett snyggt sätt. Klicka nu på mellanslag en gång i var och en av de andra cellerna
i understa raden.
Om man vill göra ett indrag från kanten
i en text eller helt enkelt flytta en text en bit åt höger så kan man klicka på
mellanslag ett antal gånger. Då lägger man i själva verket in flertalet sådana här
koder för non-breaking space. Det finns emellertid en särskild kod och en knapp
för att göra ett indrag eller för att ta bort ett indrag. Skriv texten
Uppgifterna
i tabellen nedan är hämtade från Skolverkets webbplats ovanför den nedersta
tabellen. Låt texten vara markerad. Klicka sedan på I-knappen på
formateringsverktygsfältet så att texten blir kursiv. Klicka sedan på Increase
Indent-knappen längst till höger på formatverktygsfältet. Du ser att texten
flyttas en bit in åt höger dvs det blir ett indrag. Klicka en gång till på samma knapp
och texten flyttas ytterligare ett steg. Klicka återigen på samma knapp och sedan 2
gånger på Decrease Indent-knappen som ligger näst längst till
höger på formatverktygsfältet. Du stannar alltså i läget ett indrag från kanten.
Gå nu till Samhällsvetenskapliga programmets sida. Du
skall nu göra all text till en lista med underlistor. Ta efterhand bort alla vågräta
linjer (Horizontal lines). Markera Samhällskunskap och klicka sedan på Numbered
list-knappen (4:e knappen från höger på formateringsverktygsfältet). Nu har du
gjort Samhällskunskap till första raden i en numrerad lista som numreras med siffrorna
1,2,3 osv. Avmarkera hela texten och gå till slutet av första raden. Klicka på Enter
för att få nästa rad. Flytta dit (genom att dra) texten Syfte. Syfte blir genast
mindre. Öka teckenstorleken ett steg för syfte genom att markera Syfte för att
sedan klicka på det största A:et på formateringsverktygsfältet. Klicka också på Bold-knappen
(B-knappen) för fetstil. Gör efterhand som du gör listan alla rubriker på samma nivå
som Syfte lika stora som Syfte och med fetstil.
Syfte skall dock ligga i en underlista. Markera Syfte och
Klicka på Increase Indent-knappen längst till höger på formatverktygsfältet.
Klicka sedan på Numbered list-knappen och nu ligger Syfte som första rad i en
ny underlista. Klicka nu med höger musknapp på Syfte och välj List Properties. Ändra
sedan till en a,b,c-lista genom att klicka på bilden för en sådan och sedan
klickar du på OK.
Gör nu
likadant med nästa lite längre text som ska hamna som första
rad i en ny underliggande lista. Denna lista skall vara av typen i,ii,iii. Lägg
sedan till alla posterna i den sista underlistan. När du kommer till iv-raden klickar du
på Enter 4 gånger (2 gånger för varje lista som man lämnar) för att lämna båda
underlistorna för nu skall du som rad 2 på 1,2,3-listan skriva in SH200 -
Samhällskunskap A 90 poäng inrättad 1994-07 SkolFs: 1994:9 på en rad som har
fetstil och samma storlek överallt som den första delen av rubriken.
Fortsätt med hela sidan och gör den färdig som en lista med
underlistor. Under posten C.Betygskriterier får du fyra nivåer när det gäller listor.
Välj här en I,II,III-lista som underlista där I.Godkänd blir första
raden. Och som underlista till Godkänd väljer du en i,ii,iii-lista
där första raden blir i. Eleven deltar osv. Ända till fetstil när det gäller
orden Godkänd, Väl godkänd.
Om man vill att listan skall bli luftigare så kan man klicka på Align
Left-knappen (7:e knappen från höger på formateringsverktygsfältet). Man gör då
varje punkt i listan till ett stycke. Markera hela listan och klicka på Align Left-knappen.
-
Undersök
hur alla sidorna ser ut och jämför med facit.
- Du har i de först 5 kapitlen lärt dig att
- skriva in vanligt text och att förändra denna texts teckensnitt, format, storlek,
färg och placering på sidan
- göra om en vanlig text till en rubrik
- göra indrag
- skriva in en titel till sidan
- ändra sidans bakgrund till en annan färg eller en bild
- (med Shift Enter) åstadkomma ny rad och (med Enter) nytt stycke
- göra relativa och absoluta länkar av text och bilder samt namnlänkar
- göra en länk till en plats på samma sida eller på en annan sida
- göra listor och underlistor
- hämta och lägga in bilder
- förminska bilder
- ta bort ramen på en bild som är en länk
- på den egna sidan lägga in en bild som finns på en annan dator
- konvertera en bild från ett filformat till ett annat
- använda tabeller och att förändra dessas placering, bakgrundsfärg, bredd
och höjd i procent av sidan eller i pixlar på sidan
- förändra storleken på tabellens ram och avståndet mellan cellerna och avståndet
mellan cellernas innehåll och cellernas kant
- göra en cell till en header cell
- göra så att en tom cell visas på samma sätt som övriga celler
- förändra placeringen av texten eller bilden i en cell horisontellt och vertikalt
- förändra en cells bakgrundsfärg, bredd och höjd
Fortsätt sedan med nästa övning.