Datorer, Internet
och sökning
en kurs av Tommy Maltell
Kapitel 45a - Dreamweaver
MX
Svensk version - Övning 1
Innan du börjar med
övningarna så bör du ha läst igenom Kapitel
45 - Introduktion. I varje kapitel finns det både information
och uppgifter. Det du bara skall läsa är med vanlig text medan
det du ska göra är i fetstil. Jag har valt CSS-vikten 600 för
fetstilen. Mer om CSS kommer senare i kursen.
Arbetslayouter
-
Starta
Dreamweaver.
Man kan i Dreamweaver MX arbeta med olika arbetsytelayouter. Man kan
ändra arbetsytelayout genom att först klicka på Redigera
längst upp på menyraden och sedan på Inställningar.
Man klickar sedan på Allmänt och därefter på
Ändra arbetsytan. Tidigare arbetade man i Dreamweaver med fönster
i form av flytande paletter som visades ovanpå fönstret
med dokumentet. Denna arbetslayout kallas Dreamweaver 4-arbetsyta
och är inte den s k defaultinställnngen som kallas Dreamweaver
MX-arbetsyta och som jag har tänkt att använda i den här
kursen.
-
När
man startar Dreamweaver MX så öppnas alltså normalt Dreamweaver
4-arbetsytan med ett dokumentfönster och under det ett fönster
benämnt Egenskaper. Namnen Egenskapskontrollen
och Egenskapspaletten kan också förekomma.
Till höger ser man det som kallas panelgrupper. Om man inte har
begärt att visa något annat så ser man där ett
fönster som anger den plats man arbetar med. Överst
till vänster ser man under menyraden dels dokumentverktygsfältet
som om man högerklickar på det kan utökas till ett
verktygsfält till benämnt Standard. Man ser också
normalt Infogapanelen som inte räknas som ett verktygsfält
utan som ett fönster. Från menyn Fönster kan man se vilka
fönster som visas. Till att börja med syns kanske bara
Egenskaper och Infoga. Om inte dessa två fönstersyns
så bör man klicka på vart och ett av dem efter det
att man har klickat på menyn Fönster så
att en bock visas till vänster om varje fönsterord som ett
tecken på att detta fönster är öppet. Ett fönster
kan ha sin normala placering på olika ställen. Flertalet
av fönstren visas normalt till höger längst upp eller
längst ned. Testa med att från menyn Fönster välja
Andra och sedan Historia. Klicka sedan igen på
Historia igen för att ta bort fönstret. Vi återkommer
till detta fönster längre ned på den här sidan.
- Om man vill läsa
mer om Dreamweaver MX så finns det ett omfattande material på
svenska om man först klickar på Hjälp på
menyraden och sedan på Självstudier. Om man vill
läsa mer om arbetsytan så klickar man sedan på Grunderna
i Dreamweaver och sedan på Utforska arbetsytan.
Om man sedan väljer Använda arbetsytan i Dreamweaver
och därefter Den integrerade Dreamweaver MX-arbetsytan
så kan man läsa mer om det som nämndes ovan. Man kan
sedan klicka på Använda fönster och paneler i Dreamweaver
om man vill veta ännu mer. Läs lite det som står där
om Den integrerade Dreamweaver MX-arbetsytan.
Skapa
en ny plats
- Det innebär en hel del
fördelar att arbeta med (webb)platser i Dreamweaver. Du
skall nu därför skapa en lokal webbplats. Välj Plats, Ny plats och
klicka på fliken Avancerat överst. Välj namnet IT-skolan.
Klicka på mapp-ikonen till höger om Lokal rotmapp
och bläddra dig fram till den plats där du har tänkt
att lägga din lokala mapp. Om du är på en skola
väljer du den enhet där du har rättigheter på skolans nätverk
(På Per Brahegymnasiet under H). Direkt under H skapar du lämpligen
en mapp vid namn webbplatser och i den mappen skapar du mappen
skolan som du väljer till din lokala rotmapp. När
du har klickat på OK kan du se sökvägen till Lokal rotmapp.
Fyll inte i någon webbadress i den understa rutan. ( Om du har
en webbplats på nätet tilll vilken du kan skicka dina filer
så väljer du också Fjärrinformation och sedan
FTP. Fyll därefter i dina data.) Välj OK och på en ev fråga
om du vill att Dreamweaver ska skapa en cache så svara ja.
Nu kan du se innehållet i din plats i en särskilt fönster.
- Om du arbetar
på en skola som använder t ex saftetycard som gör att
datorn hela tiden startar upp på samma sätt oavsett vad du
har sparat på enheten C (hårddisken) så kommer din
plats att försvinna till nästa gång du startar datorn.
Du kan välja att Exportera din plats till en särskild fil
som du sparar någon annanstans än på C t ex på
H eller på en diskett. Välj nu att Exportera
din plats. Du kan göra detta på flera sätt. Ett sätt
är att klicka på Plats och sedan på Redigera platser.
Sedan markerar du din plats och väljer att exportera. Spara lämpligen
exportfilen i huvudmappen på din plats IT-skolan. När du
startar datorn nästa lektion så börjar du med att Importera
filen. Det verkar som om det finns ett fel i Dreamweaver som
gör att man måste försöka Importera två gånger
innan Importen fungerar. Om du misslyckas första gången så
gör du alltså ett nytt försök. Om du inte exporterar
och om du arbetar på en skola med safetycard så måste
du troligen skapa din plats på nytt i Dreamweaver varje gång.
Observera att filerna i platsen inte försvinner om du har sparat
mappen på en säker enhet. Det är bara informationen
om platsen i Dreamweaver som försvinner. Särskilt smidigt
är det att exportera och importera om man har en del inloggningsuppgifter
och annat till sin plats på Internet som man vill slippa att skriva
in varje gång man startar datorn.
- Till höger ser
du normalt information om din plats och vilka filer som finns där.
Om man vill skapa en ny mapp på sin plats liksom en ny
fil så kan man först klicka på symbolen Expandera/komprimera
som ser ut som en liten bok långt till höger. Då
får man upp ett nytt fönster som till höger visar dina
lokala mappar och filer. Till vänster kan du se det som finns på
Internet när du har kopplat upp dig på servern.
- I detta fönster markerar du platsmappen
skolan och sedan klickar du på Arkiv och Ny mapp.
Döp denna mapp till bilder.
Gör likadant igen två gånger dvs skapa två nya
mapp under platsmappen skolan vid namnen program och
institut.
- Markera sedan
igen platsmappen skolan och klicka på Arkiv och
sedan Ny fil. Ge filen namnet ingang.htm. Dubbelklicka
sedan på filen så att du kan börja skriva i den.
HTML
- Du skall nu på
ett tidigt stadium titta på de HTML-koder som styr hur sidan ska
visas i webbläsaren. Klicka på <> längsts upp till vänster
för att se de allra mest grundläggande HTML-koderna dvs:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
<title>Namnlöst dokument</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
</head>
<body>
</body>
</html>
-
Detta
är HTML-koderna som de ser ut just när du har skapat en
fil i Dreamweaver. Det som så småningom står mellan
de båda body är det som visas på sidan.
Dreamweaver lade tidigare in en kod på varje ny sida och det
var vit bakgrundsfärg:
<body bgcolor="#FFFFFF">
Så är det inte längre i MX-versionen. Istället
för bara taggen body syns nu attributet bgcolor
och den hexadecimala färgkoden som visas efter tecknet #.
Mer om färgkoder kommer längre fram i kursen.
-
Dreamweaver
översätter de svenska tecknen å,ä,ö med specialtecken i
HTML-koderna. Detta var nödvändigt förr men är
inte längre nödvändigt. Se ovan när det gäller
"<title>Namnlöst".
-
Om man
inte anger någon bakgrundsfärg alls så visas sidan
(om inga ändringar har gjort när det gäller inställningarna)
oftast med vitbakgrundsfärg i nyare webbläsare men oftast
med grå bakgrundsfärg i äldre webbläsare. Därför
bör man alltid se till att man anger någon bakgrundsfärg.
- Istället för
att klicka på <> längsts upp till vänster så kan
man klicka på Quick Tag Editor-ikonen längst till höger
i egenskaper under frågetecknet. Då kan man bara se taggen
(koden) för det som är markerat och man kan editera endast
denna tag.
- Skriv nu överst
på sidan texten Välkommen till IT-skolan. Markera
texten genom att dra musen från vänster eller höger över texten. I paletten
Egenskaper klickar du nu till höger om där det står Formatera
på pilen som pekar nedåt för att sedan välja Rubrik 1 dvs största
möjliga (normala) rubrik. Kopiera rubriktexten t ex genom att
markera den och sedan klicka med höger musknapp på den. Därefter
väljer du kopiera.
I
andra raden uppifrån finns texten Rubrik (som motsvarar taggen
title): Markera i rutan till höger därom och klistra
sedan in den text som du nyss kopierade. Du kan också
göra samma sak genom att välja Ändra i menyraden
och sedan Sidegenskaper eller genom att klicka med höger
musknapp någonstans i dokumentfönstret för att sedan
välja Sidegenskaper. Därefter markerar du med musen allt som
står i rutan till höger om Rubrik. När allt är markerat kan
du klistra in en ersättning. Håll kvar muspekaren över rutan
och klicka på höger musknapp. Välj sedan Klistra In. Om
du väljer att visa fönstret med Sidegenskaper så kan
du ändra också på en hel del annat än bara Rubrik.
Det som du här har skrivit till höger om Rubrik finns ej
med på sidan. Det visas istället längst upp till vänster
i webbläsaren och det är den text som föreslås
som text om man skapar en Favorit till en sida.
- Spara nu om
dokumentet genom att klicka på Arkiv och sedan på
Spara eller så håller du ner Ctrl-tangen
och trycker på S på tangentbordet. Det är
bra att spara om mycket ofta. Då förlorar man inte det arbete man gjort
om något plötsligt går snett och datorn t.ex. måste startas om. Därför
kan det vara lönande att lära sig snabbkommandet Ctrl+S dvs att klicka
på S samtidigt som man håller ned Ctrl-tangenten. Detta snabbkommande
kan man dessutom använda i många andra program.Om man klickar på
Visa längst upp och sedan på Verktygsfält
och därefter klickar så att det blir en bock framför
Standard så får man bland verktygsfälten upp en del
av de ikoner som man är van vid från Microsofts Officeprogram.
Man kan därefter också spara en fil genom att klicka på
diskettikonen på detta verktygsfält.
- Den sidan som man normalt
kommer till först på en webbplats bör kallas ingångssidan eller förstasidan
enligt Svenska
datatermgruppen. Den sidan har vanligen filnamnet index.html
men ibland förekommer också andra namn som default.htm
Jag har här valt ingang.htm eftersom det då blir
lättare för läraren att granska vad du har gjort om sidorna flyttas
till en webbserver. Läraren kan då på Internet se hela innehållet i
din huvudmapp. (Det har dock blivit allt vanligare att man inte kan
se innehållet i mapparna pga nya s k förvaltinställningar
(defaultinställningar) på webbservern. Man vill helt enkelt
inte att besökarna skall kunna se mapparnas innehåll.)
- Välj nu
Ändra i menyraden och sedan Sidegenskaper eller
så klickar du med höger musknapp någonstans i dokumentfönstret
för att sedan välja Sidegenskaper. Klicka
på rutan till höger om ordet Bakgrund. Nu kan du klicka
på en av färgerna och byta till den. Välj emellertid
istället att klicka på globen långt upp till höger.
Nu kan du ännu noggrannare bestämma en exakt färg. Välj 204
för alla tre färgerna röd, grön och blå. Det ger koden #CCCCCC. Klicka
sedan på OK. Längre fram i kursen får du lära dig mer om färgkoderna.
Förhandsgranska
i webbläsaren
- Det är inte säkert att
andra använder samma skrivbordsstorlek som du. Den storlek man själv
använder liksom hur många färger som man kan se kan man se i Windows
om man på skrivbordet klickar med höger musknapp och sedan väljer Egenskaper
och därefter Inställningar. Gå dit och undersök vilka inställningar
du har. Gör nu normalt ingen ändring här. Du skall bara observera vilka
inställningar som du har.
- Titta också i
Dreamweaver längst ned till höger i arbetsfönstret. Där
kan du se vilken fönsterstorlek som du ser i Dreamweaver. Om du
klickar på den lilla pilen till höger så kan du ändra
storleken på det du ser. Du måste dock först se till
att du har dokumentfönstret i ett eget fönster. Om det inte
är fallet så klicka på Återställ nedåt-ikonen.
Det är den mittersta av knapparna längst upp till höger
på menyraden. Du kan därefter ändra storleken och testa
och se vad olika användare som har en mindre skrivbordsstorlek
kan se när det gäller dina sidor. Om du vill få en större
bredd när dokumentfönstret inte är ett eget fönster
så kan du klicka på pilen till höger emellan dokumentfönstret
och fönstret till höger. Då försvinner fönstret
till höger. Du kan få tillbaks det genom att klicka på
samma pil som nu är riktad åt vänster.
- Det
kan vara bra att ha 2 fönster i sin webbläsare öppna. I det ena
läser du de här övningarna och i det andra ser du hur dina egna sidor
ser ut. Om du inte har 2 fönster redan så öppna nu ett nytt genom
att längst upp till vänster välja Arkiv och sedan Nytt fönster.
- Det är nu dags
att titta på sidan i en webbläsare. Ha alltid i minnet att
det du ser på arbetsytan i Dreamweaver inte alltid är exakt
det som du ser i webbläsaren (och om du vill vara riktigt säker
så måste sidan dessutom skickas till Internet och någon
annan än du själv som har loggat in på ett annat konto
måste se sidan i sin dator). Du har nu 2 möjligheter.
Förvaltinställningen är att man egentligen inte behöver
spara sidan först i fall man är osäker på om den
ser bra ut och namnet blir då ett temporärt filnamn. Man kan emellertid
ändra så att sidan visas sparad där den finns. Om man
vill göra detta så klickar man först på Redigera
på menyraden och sedan på Inställningar
(längst ned). Därefter väljer man Visa i webbläsare.
Man tar sedan bort bocken framför "Förhandsgranska
med temporär fil". Den här inställningen får
man ändra på efter varje omstart om safetycard används.
I den här kursen är det tänkt att man inte skall se den
temporära filen utan den riktiga. Gör därför ändringen
ovan nu och gör den sedan varje gång du startar på
nytt om du måste det pga att safetycard används.
- Klicka nu på
Arkiv och sedan på Förhandsgranska i webbläsaren. Klicka
sedan på den webbläsare som du vill se sidan i. Du kan också trycka
på F12-tangenten.
- Markera nu din
rubrik. Centrera rubriken genom att i Paletten Egenskaper sedan klicka
på Centrera-knappen. Du kan också klicka på texten
med höger musknapp för att sedan välja Justera och sedan Centrerat.
- Spara om
genom att klicka på Arkiv och sedan Spara.
Lägga in bilder
- Du skall nu
lägga in två bilder. Bilder till webbsidor kan man få på många
sätt t.ex. kan man använda en digital kamera, skanna egna fotografier,
rita i något ritprogram, hämta bilder från Internet, använda bilder
som ingår i ett program. Det viktiga är att veta att bilderna alltid
är egna filer och att jpg-filer, gif-filer och
png-filer är de filer som vanligen fungerar i webbläsare. Använd
gärna jpg eller gif eftersom png är ett ganska
nytt format som ej fungerar i äldre webbläsare. Om den ursprungliga
filen är i ett annat filformat så måste man först konvertera.
Mer info om var man hämtar bildfiler finns i
kapitel 10a. Tänk bara på att man definitivt inte får använda vilka
bilder som helst utan tillstånd på sin egen webbplats på Internet. Mer
info om bildhanteringsprogram kommer senare i kursen.
- De filer som
du ska hämta nu har jag för att det ska gå snabbare redan hämtat på
Högskolan i Jönköping och hos Multimediabyrån. Nedan följer 2 länkar
till dessa bilder. (Om du nu arbetar med den här kursen genom
att läsa instruktionerna utskrivna på papper så måste du för nästa moment
gå till den plats på Internet där kursen finns i digital form. Lämpligen
öppnar man då först ett nytt fönster i webbläsaren. Du kan du normalt
sett hitta webbadressen till kursen på den utskrivna versionen. Klicka
nu på länkarna nedan. När du ser bilden så klickar du med höger musknapp
på bilden och väljer Spara bild som (Save image as). Se nu till att
bilden sparas i din undermapp bilder. Behåll namnet på bilden.
- Bild
a. En rektangulär linje i regnbågens färger häntad
från högskolan i Jönköping. Namnet är rainbow.gif
- Bild
b. En herrgårdsbyggnad hämtad från Multimediabyrån som får föreställa
en bild på skolan. Namnet är herrgard.jpg
- Nu ska vi visa
bilderna på ingångssidan. Se till att du befinner dig på raden under
rubriken t.ex. genom att trycka på Enter. Ändra i egenskaper Formatera
från Rubrik 1 till Stycke men ha kvar Centreratknappen
intryckt. Klicka överst på Infoga och välj sedan Bild. Nu
får du möjlighet att leta rätt på bilden bland mapparna i din lokal
webbplats. Välj nu bilden rainbow.gif i din mapp bilder.
- Flytta dig nu
nedåt lite på sidan genom att t.ex. klicka 2 gånger på Enter och infoga
här bilden herrgard.jpg. Gör det denna gången genom att använda
klicka på en ikon. Välj att använda Infogapanelen. Om
den inte syns så klicka först på Fönster på menyraden
och sedan på Infoga. Nu visas ytterligare en rad med olika ikoner
som man kan använda för att infoga. Se till att fliken Vanlig
är markerad. Klicka nu på bilden av ett träd dvs på
ikonen Infoga bild.
- Eftersom rubriken
var centrerad bör nu också båda bilderna ligga i centrum. Om de inte
gör det så centrera dem såsom du gjorde med rubriken.
- Som du förstår så kan man på Infogaraden välja
en hel del flikar och på varje flik finns olika ikoner att välja
på. Ofta kan man såsom i andra Windowsprogram välja
mellan att klicka på en text på menyraden och sedan välja
från ett rullgardinsfönster och att klicka på en ikon
på något verktygsfält. Tag dit lite tid att undersöka
de olika flikarna och vad de olika ikonerna betyder samtidigt som du
läser lite i avsnittet Använda Infogapanelen i Dreamweavers
Självstudier. Du hittar dit så här: Klicka
först på Hjälp på menyraden och sedan
på Självstudier. Klicka sedan på Grunderna
i Dreamweaver och sedan på Utforska arbetsytan.
Välj Använda fönster och paneler i Dreamweaver
och slutligen Använda Infogapanelen.
Skapa gärna en ny sida i huvudmappen som du döper till testsidan
och som du kan avända för olika tester. Ett exempel på
vad man kan hitta (för att sedan testa) på Infogapanelen:
Klicka på fliken Media och testa med att lägga in en flash-knapp.
Information om den webbansvarige
och datum för uppdatering
- Tryck nu på
Enter en gång så att du befinner dig strax under bilden herrgard.jpg
och klicka sedan på Infoga på översta raden (menyraden).
Välj sedan Vågrät linje. Man kan också använda en
ikon på Infogaraden. En tredimensionell linje markerar nu att
något nytt skall komma och du ska nu skriva något som blir en sidfot
till sidan. Tryck på Enter så att du kan skriva under linjen. Skriv
sedan : "Den här sidan uppdaterades senast 200?-?-? av webbansvarige
? ? med e-postadressen ? ?". När du kommer till datum så
gör du så här. Klicka på Infoga på
menyraden och sedan på Datum eller välj
bilden av en almanacka på Infogapanelen. Välj
datumformatet 1974-03-07 och sätt en bock framför "Uppdatera
automatiskt när du sparar". Skriv ditt namn som den ansvarige.
- Markera den
här texten och gör den mindre genom att i egenskaper ändra vid
Formatera till Inget och vid Storlek till 2
samt centrera.
Om en vanlig användare inte har ändrat i sina inställningar så innebär
Inget till höger om Formatera eller Storlek - Standard om
man klickar på höger musknapp på texten detsamma som 3 (12
pt).
- När du
har skrivit ditt namn och tryckt på mellanslag så klicka
överst i menyraden på Infoga och sedan på E-postlänk
eller klicka på ikonen visande ett kuvert på
Infogapanelen. I textrutan överst skriver du din e-postadress.
Kopiera den och klistra in den också på raden nedanför.
Klicka på OK. Du har gjort en länk så att man kan skicka brev
till dig genom att klicka på länken. Denna funktion fungerar oftast
inte i webbläsaren. (Om du särskilt vill veta hur man gör för att
det ska fungera så kan du gå till kapitel 3b för Netscape eller
kapitel 3c för Internet
Explorer). Eftersom funktionen att klicka på en länk så
att e-postprogrammet startar oftast inte fungerar så är det
olämpligt att göra en sådan här länk från
ett namn i klartext utan att e-postadressen visas i klartext. Därför
skall man i övningen visa både namnet och e-postadresen i
klartext. Om funktionen inte fungerar så kan man i senare versioner
av Internet Explorer klicka på länken med höger musknapp
och sedan kan man välja Kopiera genväg. Sedan
kan man klistra in adressen på lämplig plats
när man skall skicka ett brev. Ovana Internetanvändare
klarar inte att få fram e-postadressen och det är ju inte
så lämpligt om man vill att alla skall kunna nå en
person med e-post på ett enkelt sätt.
Historiapaletten
- Allting som sker under arbetets gång registreras i paletten
Historia. Klicka i menyraden på Fönster, Andra, Historia.
Ett steg kan uppprepas genom att man markerar det i listan och klickar
på knappen Spela upp igen. Du har t.ex. lagt in en bild
och efter en stund tar du bort denna bild och sedan efter ytterligare
en stund efter det att du har gjort en hel del annat emellan ångrar
du dig och vill lägga in bilden igen. Då kan du på
historiapaletten gå tillbaka till just händelsen att infoga
bilden, markera denna och sedan klicka på Spela upp.
- Tag nu bort bilden herrgard.jpg. Du vill ha tillbaka den.
Istället för att ångra bortttagandet genom att välja
Redigera, Ångra testar du historiapaletten. Markera den
plats där bilden skall finnas. Öppna Historiapaletten och
markera Infogandet av bilden herrgard.jpg. Klicka på
knappen Spela upp igen.
- Ett eller flera steg i historiapaletten kan också sparas som
ett kommando. Man markerar flera händelser samtidigt genom att
markera dem i tur och ordning samtidigt som man trycker ned Ctrl-knappen.
När man har markerat färdigt så klickar man någonstans
i markeringen med höger musknapp och sedan väljer man spara
som kommando. Kommandot hittar man sedan genom att på menyraden
klicka på Kommandon.
HTML igen
- Du skall nu återigen
titta på de HTML-koder som styr hur sidan ska visas i webbläsaren.
Klicka på <> längsts upp till vänster för att se de
aktuella HTML-koderna dvs:
-
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"> <html>
<head>
<title>Välkommen till IT-skolan</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#CCCCCC">
<h1 align="center">Välkommen till IT-skolan</h1>
<p align="center"><img src="bilder/rainbow.gif" width="559"
height="14"></p>
<p align="center"><img src="bilder/herrgard.jpg" width="200"
height="133"></p>
<div align="center"><font size="2">
Den här sidan uppdaterades senast 2002-09-28 av webbansvarige Jakob
Vakant med e-postadressen
<a href="mailto:jakob.vakant@edu.stad.se">jakob.vakant@edu.stad.se</a></font></div>
</body>
</html>
- Du kanske inte har riktigt samma kod. Du kanske aldrig ändrade
från Rubrik 1 till Stycke innan du lade in bilderna.
I så fall står det nog h1 längst till vänster
och höger på raderna med bilderna. Det fungerar i alla fall.
En av anledningarna till att man använder WYSIWYG-editorn Dreamweaver
är ju att slippa att skriva koder. Även om man helst vill
redigera HTML-koder så har man ibland en väldig nytta av
att kunna hantera dessa. Om
du vill öka dina kunskaper om HTML-koderna så har IDGs webbstudio
en kurs om HTML
4. Du kan också läsa min egen HTML-kurs.
Där förklaras noga de mest grundläggande koderna men
kursen är dock några år gammal och de senaste årens
koder finns ej omnämnda.
Några små kommentarer till koderna ovan:
- Länkar börjar med a
href
- Bilder börjar med img
src
- Färger anges normalt
som en sexsiffrig kod som börjar med #
- En vågrät linje har koden <hr>
- Om man har valt en särskild storlek för en viss text
så är finns koden <font
size="?"> till vänster om den
text som ska ska ha den speciella storleken och </font>
till höger. ? skall naturligtvis ersättas med talet för
storleken.
- Rubrik1 har koden <h1> osv
- Koder kan delas upp i element och attribut. h1 är
ett element med attributet
align. Attributet align har värdet center.
- Ibland kan man också få med en del onödiga koder
som är svåra att ta bort om man bara använder den vanliga
arbetsytan i Dreamweaver. Man kan på menyraden klicka på
Kommandon, Rensa HTML för att ta bort onödiga koder
men kanske är detta en svår funktion om man är nybörjare.
Det är vanligt att man i koden får onödiga stycken.
Sådana tar man enkelt bort om man klickar på <> och
redigerar i HTML-källan. Ett onödigt stycke har koden
<p> </>
är koden för ett
extra mellanslag. Man kan i Dreamweaver i förvaltläget (dvs
om man använder standarinställningarna som gäller när
man köper programmet) inte göra flera mellanslag efter
varandra. Om man vill kunna göra flera mellanslag efter varandra
så måste man ändra i inställningarna. Då
klickar man först på Redigera på Menyraden, sedan på
Inställningar och Allmänt. Sedan klickar man i rutan framför
texten Tillåt flera mellanslag efter varandra så
att det där blir en bock. Kontrollera hur detta går till.
Mer om koden kommer senare i kursen.
Kontrollera i facit och gå vidare
- Spara nu sidan
och välj att titta på den i din webbläsare. Jämför ditt resultat med
facit. Observera att facit tills vidare är samma facit som för
Dreamweaver 3-versionen och i denna version har inte datum infogats
med hjälp av infoga datum-funktionen och inte heller har regeln
att man ska skriva e-postadressen i klartext tillämpats. Detta
kommer att ändras senare när kursen är helt omgjord från
version 3 till version MX.
- Om du har tillgång
till en webbplats på Internet lägger du nu upp dina sidor
där och kontrollerar om de fungerar. Låt gärna någon
annan som har loggat in på sitt konto kontrollera om dina sidor
på nätet fungerar.
- I övning
2 skall vi fortsätt med det som du hittills har gjort.
Denna sida
uppdaterades senast
2005-10-06
av
tommy.maltell@pb.edu.jonkoping.se
Länkar:
Kursens ingångssida - Skolornas
portal
©
2002, 2003 Tommy Maltll |