Gamla dåliga webplatsen
Jag skall göra om den
här dåliga webplatsen till en bra. Den består av följande
filer:
frameset.htm
meny.htm
sida1.htm
sida2.htm
top.htm
Lägg märke till att här har jag tagit med en
meningslös extra frames, som vanligen är till för att göra
reklam för något.. Jag har valt att göra reklam för
mig själv (självgod som de flesta andra ;-). Hur som helst är
det vanligt med just sådana extra frames utan egentligt syfte och
den är med i exemplet för att visa att den inte spelar någon
som helst roll för omvandlingen. Medför alltså inget extra
jobb (hur många extra sådana här frames det än finns)..
Steg 1
Första åtgärden är att identifiera de egentliga
sidorna och här är det enkelt: sida1.htm och sida2.htm. Dessa
2 filer är de egentliga sidorna, och resten är krims krams..
De egentliga sidorna döper vi om till att ha 'p_' först i namnet.
Fillistan ser då ut så här:
frameset.htm
meny.htm
p_sida1.htm
p_sida2.htm
top.htm
Steg 2
Sedan kopierar vi frameset.htm (kallas av många index.htm för
att vara default-sidan i webplatsen) till filer som vi döper till
de egentliga sidornas tidigare namn (sida1.htm och sida2.htm). Slutligen
tar vi bort den gamla frameset.htm:
meny.htm
p_sida1.htm
p_sida2.htm
sida1.htm
(kopia av gamla frameset.htm)
sida2.htm
(kopia av gamla frameset.htm)
top.htm
Anledningen till att återanvända de gamla namnen är
att länkarna i menyn och kanske på sidorna inte behöver
skrivas om. Om de pekade på t ex sida1.htm förut så kommer
de att peka rätt även nu..
Steg 3
Innehållet i de nya frameset-sidorna behöver justeras lite!
Filen sida1.htm ändras så här:
Innan ändring
<TITLE>Dåligt exempel</TITLE>
<frameset rows="60,*">
<frame src="top.htm">
<frameset cols="30%,*">
<frame src="meny.htm">
<frame src="sida1.htm"
name="p">
</frameset>
</frameset>
Efter ändring
<TITLE>Bra
exempel, sidan 1</TITLE>
<frameset rows="60,*">
<frame src="top.htm">
<frameset cols="30%,*">
<frame src="meny.htm">
<frame src="p_sida1.htm">
</frameset>
</frameset>
De röd-feta texten är det som ändrats! (inte mycket,
va?)
Steg 4
Det som återstår är att rätta till alla länkarna
i övriga filer (alltså inte frameset-filerna).
meny.htm
<<- Skall ändras
p_sida1.htm <<-
Skall ändras
p_sida2.htm <<-
Skall ändras
sida1.htm
sida2.htm
top.htm
<<- Skall ändras
Före raden <BODY ...>
skall <BASE TARGET="_top"> läggas
till och sedan skall alla TARGETS="något" bort. Enklast är att
söka efter TARGET och ta bort allt man hittar.
Filen meny.htm ändras på följande vis:
Före ändring
<BODY>
<P><A HREF="sida1.htm" TARGET="p">Sidan
1
<P><A HREF="sida2.htm" TARGET="p">Sidan
2
Efter ändring
<BASE
TARGET="_top">
<BODY>
<P><A HREF="sida1.htm">Sidan
1
<P><A HREF="sida2.htm">Sidan
2
Det röd-feta är det nya och det röd-kursiva (i 'före
ändring') är det som togs bort. När detta gjorts med alla
filerna är allt klart!
Skall jag ta en av de egentliga sidorna också? (p_sida1.htm):
Före ändring
<BODY>
<H1>Detta är sidan 1</H1>
<P><A HREF="sida2.htm">Sidan
2
Efter ändring
<BASE
TARGET="_top">
<BODY>
<H1>Detta är sidan 1</H1>
<P><A HREF="sida2.htm">Sidan
2
Här fanns inget att ta bort, men det kan det mycket väl finnas
i dina sådana filer. Så glöm inte att söka efter
TARGET!
Nya bra webplatsen
Så här ser alltså den
nya bra webplatsen ut. Den består av följande filer:
meny.htm
p_sida1.htm
p_sida2.htm
sida1.htm
sida2.htm
top.htm
Ganska lite jobb för att göra det möjligt
att bokmärka och länka till dina sidor. Något som MÅNGA
tycker är en väldigt viktig funktion i html-världen. :-)
Det är ju faktiskt det som HTML går
ut på!? Att med länkar hänvisa till egna eller andras sidor..
