Kapitel 13 kapitel 13 Inte många skulle tacka nej till att få köra omkring i en ny Porsche. Men även en dyr sportbil förlorar sin status om den aldrig servas eller om den tillåts samla damm, rost och spindelväv. På samma sätt kan en webbplats lätt förlora sin lyster om den överges och lämnas åt sitt öde på Internet. 437
438 Del 3 Och sedan ut i etern När dammet efter publiceringen lagt sig När du kommit så här långt i boken har du troligen publicerat din sajt online och kan andas ut ett tag. Gratulerar! Men förr eller senare kommer du att vilja undersöka hur du kan modifiera och förbättra sajten, både visuellt och innehållsmässigt. I det här kapitlet ger vi dig några praktiska anvisningar för hur du tar hand om webbplatsen efter att du publicerat den samt några tips om hur du ytterligare kan förbättra dina färdigheter i webbdesign, nu när du kommit en bit på väg. notera Kom ihåg att även om det här är sista kapitlet och du inte längre sitter på nybörjarbänken är din webbdesignutbildning långt ifrån slutförd. Det du lärt dig i den här boken kan ta dig en bra bit på väg, men det roliga har bara börjat Uppdatera din webbplats En tjusning med webbplatser är att de aldrig blir riktigt färdiga. Precis som självförverkligande personer aldrig slutar att lära sig nya saker befinner sig effektiva webbplatser alltid i en utvecklingsfas. Så när du varit borta några dagar från din sajt, börjar du kanske fundera över hur du skulle kunna uppdatera den för att göra den ännu intressantare och mer användbar för besökarna. Anledningar till att uppdatera Det finns många anledningar till varför du bör uppdatera din sajt regelbundet. Följande lista innehåller några av anledningarna. Några av punkterna känns kanske relevanta, eller också kommer du på ytterligare några som är viktiga för dig. Kanske du vill: Lägga till ny och uppdaterad information. Visa besökarna att du är lika intresserad av din sajt som du vill att de ska vara. Uppmuntra besökarna till att återvända till sajten (inte tråka ut dem med samma gamla innehåll). Lägga till ytterligare funktioner för besökare som du inte räknade med när du först skapade sajten.
Kapitel 13 439 Ta bort funktioner som besökarna upplever som störande och förvirrande. Främja något speciellt ändamål. Uppmärksamma en kommande helg eller tilldragelse. Återspegla förändringar på en högre nivå som har betydelse för sajten (t.ex. ett företag som anammat en ny logotyp, slogan eller ett nytt färgschema). Lägga till funktioner av senaste snitt eller uppdatera kod så att den lever upp till nya webbstandarder. Kom ihåg att huvudsyftet med att uppdatera är att det ska gagna besökarna. Du bör inte uppdatera sajten bara bör att få ett forum för din experimentlusta med webbsidegimmickar (såvida det inte är den stora poängen med din webbplats). Om du har ett populärt element på din sajt, bör du inte falla för frestelsen att ta bort det bara för att du själv är trött på det. Tycker besökarna att det är användbart och intressant och ger uttryck för detta via dina sidor för feedback, din gästbok eller på andra sätt, bör du behålla det eller möjligen uppgradera det för att göra dem ännu nöjdare. Precis som du hade en anledning till att lägga till varje element när du först skapade webbplatsen, bör du också förvissa dig om att du har bra anledningar till att lägga till eller ta bort element när du modifierar den. Med andra ord tänk dig noga för innan du handlar. Element som är enkla att uppdatera Vissa webbelement låter sig enkelt uppdateras. Mestadels vill du antagligen behålla webbplatsens övergripande struktur, navigeringsfält, logotyper och kontaktinformation. Men ibland, t.ex. när ett företag förnyar sin image eller startar en ny marknadsföringskampanj, ändras dessa element avsiktligt. På nästa sida följer en lista över de fem webbsideelement som ändras oftast:
440 Del 3 Och sedan ut i etern Kompletterande färger eller teman Ändras måttligt naturligtvis, ungefär som Googles tema som rättar sig efter årstiderna. Den här ändringen blir enkel att utföra om man använder stilmallar. Datum för copyright eller senaste ändring Vi visar några Java-skript som kan automatisera copyrightdatumet senare i det här kapitlet och online kan du även hitta skript som uppdaterar datumet för senaste ändring. Grafik Besökarna uppskattar alltid uppdaterade foton. Länkar Uppdatera och kontrollera länkar, särskilt om du länkar till resurser utanför din sajt. Text Ett av de enklaste sätten att uppdatera din sajt. Anledningen till att ovanstående element är lätta att ändra och ändras mer ofta än andra är att de för det mesta uttrycker sajtens innehåll eller budskap. De flesta besökare kan uppskatta en snygg webbsajt, men de återvänder gärna till och använder sajter som innehåller dynamisk information. tips Om din sajt inte kräver någon uppdatering eller om du inte har tid att genomföra några revideringar en viss månad, försök åtminstone att uppdatera datumet för senaste ändring på startsidan för att tala om för besökarna att du nyligen tittat till din sajt. Tips och tricks för uppdatering Nu när vi kommit fram till några anledningar till varför du skulle vilja uppdatera din sajt i framtiden såväl som vilka typer av element som du eventuellt skulle vilja ändra, ska vi titta på några riktlinjer som du bör följa när du uppdaterar dina webbsidor. De flesta av dessa baseras på vanligt sunt förnuft men kan ändå vara värda att notera. Framför allt bör du undvika att ta en på alla sätt duglig sida och göra den oanvändbar på grund av onödigt komplexa ändringar av designen eller koden. Vi har stött på välordnade, fungerande sajter som uppdaterats med de senaste och fräckaste webbfunktionerna som blivit totalt omöjliga att tolkas korrekt av de flesta webbläsare. Här är ett motto att lägga på minnet: Sträva efter kvalitet, inte kvantitet. Och eftersom ändringar är oundvikliga kan du även tänka på nästa riktlinje: Skapa ett schema för regelbundna uppdateringar.
Kapitel 13 441 tips Innan du laddar upp en uppdaterad sida kan du överväga att ladda upp sidan tillfälligt med ett temporärt namn, t.ex. index2.html. Du kan då skriva in adressen till den temporära sidan i webbläsarens adressfält och granska den online innan du ger besökarna åtkomst till sidan. När du är säker på att sidan återspeglar dina ändringar på rätt sätt, döper du om den gamla filen (använd ett namn med ett numeriskt datum, t.ex. index060425.html eller index 2006.html) och arkiverar den samtidigt som du byter namn på den nya filen (till index.html, i det här fallet) för att uppdatera webbsidan med den. Hur man ersätter filer på ett säkert sätt beskrivs i nästa avsnitt. Ett schema tvingar dig att tydligt tänka igenom hur du vill uppdatera din sajt och ger dig samtidigt en bestämd tidpunkt vid vilken framtida ändringar ska vara klara. Låt oss säga att du bestämmer att du vill uppdatera sajten den tredje måndagen i varje månad. Under hela månaden kan du då skriva ner uppdateringsförslag och skapa lokala versioner av onlinesidorna. När den tredje måndagen slutligen är där ägnar du den dagen åt att implementera alla planerade ändringar och att ladda upp modifierade sidor. Sedan börjar du om igen med att planera inför nästa uppdatering. Ibland kan det förstås vara läge för en snabb, oplanerad uppdatering. Du kan t.ex. snabbt behöva ändra ett telefonnummer, korrigera ett stavfel eller fixa till en felande bildlänk. Men för mer rutinmässiga ändringar bör du försöka hålla dig till ett regelbundet schema. Slumpmässig uppdatering kan i förlängningen leda till att sajten antingen samlar på sig alltför mycket damm eller ändras alltför ofta (vilket kan göra att regelbundna besökare missar någon uppdatering). Här kommer nästa tumregel: Undvik att uppdatera sajten direkt, i synnerhet när trafiken på Internet är som intensivast. Vissa HTML-redigerare (t.ex. Microsoft FrontPage) låter dig redigera en sajt direkt. Den här funktionen kan vara användbar när man behöver göra brådskande justeringar, exempelvis rätta till något informationsmisstag, skrivfel eller brutna länkar. Men mestadels bör du följa nedanstående ordning när du påbörjar en uppdatering: 1. Ladda ner den senaste versionen av sidan du vill uppdatera. Det här steget är mycket viktigt eftersom det garanterar att du arbetar med den färskaste versionen av sidan. notera Kom ihåg att om dina webbdokument online sparats i Microsoft Office i formatet Webbsida, filtrerad (*.htm; *.html) bör du redigera den ofiltrerade sidan som du sparat lokalt på din dator i stället för att ladda ner den filtrerade sidan.
442 Del 3 Och sedan ut i etern tips Om du laddat upp en sajt som du arbetar med att färdigställa och ännu inte offentliggjort dess existens, ja då kan du så klart uppdatera den direkt online. Se bara till att du har backupfiler att återgå till om du gör ändringar som du inte vill behålla. term Arkivering betyder här kopiering av filerna till något lagringsmedium för långtidslagring. 2. Omarbeta sidan lokalt och förhandsgranska den i webbläsaren. 3. Ladda upp den modifierade sidan när du förvissat dig om att den fungerar och visas korrekt. Att uppdatera en sida direkt online kan resultera i att eventuella besökare möts av halvfärdiga ändringar medan du arbetar med sidan. Dessutom kan du tvingas återgå till en tidigare version av sajten om den behöver återställas från oönskade ändringar eller ändringar som gjort den oanvändbar. (Senare i det här kapitlet ska vi tala om hur man arkiverar för att undvika att förlora gamla data.) Men vissa gånger kan det vara okej att ändra sidor online. Ibland gör vi snabba textändringar online, men vi försöker begränsa dessa redigeringar till tidpunkter när vi bedömer att sajten har få besökare. Som en del av det rutinmässiga underhållet kommer här den sista regeln du bör rätta dig efter: Kontrollera regelbundet alla hyperlänkarna på dina sidor. Som du vet är webben flyktig; sidor kommer och sidor går. Hyperlänkar till icke-existerande sidor signalerar tydligt att det här är en sajt som ägaren övergivit. Och som du kanske kommer ihåg finns det program och onlinetjänster som du kan anlita för att kontrollera länkarna. Varje gång du ersätter sidor på sajten bör du också se till att testa alla dina navigeringslänkar för att försäkra dig om att den nya sidan införlivats korrekt. Arkivera webbelement När du uppdaterar din webbplats bör du samtidigt se till att spara gamla versioner av webbsidorna. En process som vi kallar arkivering. Enkelt uttryckt: När du uppdaterar sajten ska du inte kasta bort dina gamla webbsideelement! Åtminstone inte på en gång. En bra praxis är att låta gamla webbdokument och bilder hänga med ett tag. Du bör för det mesta behålla gamla dokument åtminstone sex månader eller eventuellt ett år, om du
Kapitel 13 443 tror det finns risk för att du kan behöva den tidigare informationen eller bilderna, särskilt om det inte är så enkelt att återskapa dem. Främsta anledningen till att arkivera i stället för att kasta bort är att du aldrig vet när du kan behöva gammal text, grafik, Java-skript, stilmallar osv. Många gånger kan du använda gamla sidor som mallar eller återanvända gamla bilder på nya sätt. Du upptäcker snart att det är enklare att skapa en arkiveringsmapp för att spara gamla sidelement än att återskapa grafik och data efter att du utplånat dem. Arkiverad information kan lagras på flera sätt. Enklaste sättet är att skapa en mapp med namnet arkiv och kopiera gamla webbelement till undermappar i den mappen. En arkiveringsmapp och dess undermappar kan du lagra på flera olika platser: Flyttbara lagringsenheter, t.ex. cd-skivor, USB-minnen eller externa hårddiskar. Lokal dator eller dator i det lokala nätverket. Webbsajtens webbhotell, eftersom du kanske har mer än tillräckligt med utrymme, ett tag framåt i alla fall. Lagringsutrymme online, t.ex. det lagringsutrymme för dokument som finns tillgängligt på MSN Grupper på adressen groups.msn.com. En annan arkiveringsmetod är att kopiera och lagra webbsidor innan du väljer att sluta visa dem för besökare. Låt säga att du t.ex. skapat ett nytt webbdokument som visar tiderna för medlemmarna i en lokal speedwayklubb. Procedurerna för uppdatering och arkivering kan då se ut så här: 1. Du har givit den nya sidan som visar åkarnas uppdaterade tider namnet tider2.html och laddat upp den på Internet. Den ser okej ut så du är nu redo att visa den nya sidan (tider2.html) i stället för den befintliga inaktuella sidan (tider.html). 2. Innan du döper om tider2.html till tider.html och ersätter den befintliga tider.html skapar du en undermapp med namnet tider i arkiveringsmappen. Sedan kopierar tips När du arkiverar webbdokument får du inte glömma bort att även arkivera eventuella tillhörande grafikfiler. Du bör lagra grafikfilerna i en mapp med samma namn som den mapp som filerna ursprungligen låg i så att länkarna på de arkiverade sidorna fungerar korrekt.
444 Del 3 Och sedan ut i etern du den befintliga tider.html-sidan till undermappen tider och döper om dokumentet till något i stil med tider0506.html. På så sätt blir sidan tillgänglig online på adressen www.domännamn.se/arkiv/tider/tider0506.html. 3. När du kopierat det inaktuella dokumentet tider.html till arkiveringsmappen tar du bort den inaktuella filen tider.html i webbplatsens huvudmapp. 4. Döp till sist om tider2.html till tider.html och lägg den nya filen tider.html i webbplatsens huvudmapp. I ovanstående steg stuvades den inaktuella filen times.html undan för framtida användning och den nya sidan times.html visar den uppdaterade informationen. Genom att skapa ett organiserat system för arkivering och namngivning av arkiveringsmapparna kan man blixtsnabbt plocka fram gammal information. När du behärskar metoderna för uppdatering och arkivering det bör inte ta lång tid och du arbetat dig igenom den här boken, kan du lugnt säga att du lärt dig grunderna i webbdesign. Nästa logiska steg blir att ta ett kliv bortom det elementära och in i medelavancerad och avancerad webbutveckling. Steget efter enkel webbdesign Nu när det är dags för oss att runda av, hoppas vi att du skaffat dig en stabil grund att stå på när det gäller webbdesign. Även om vi skulle kunna fortsätta ytterligare några hundra sidor med att beskriva mer avancerade tekniker för webbutveckling (det skulle vi i och för sig inte ha något emot) inser vi att vi varit tvungna att välja ut det som är mest användbart i samband med enkel webbdesign och webbutveckling. Vi vill dock påpeka att även om vi fått med en hel del information i den här boken har vi inte förklarat allt det finns många fler avancerade tekniker som du också kan använda dig av för att skapa webbdokument. Förr eller senare vill du troligen använda dig av fler multimediaelement, t.ex. video, animering och ljud. Eller du kanske vill lägga till säkerhetsfunktioner på din sajt genom att använda krypteringsalgorit-
Kapitel 13 445 mer och lösenord. När du nu kommit så här långt är vi övertygade om att det inte blir några svårigheter för dig att gå vidare till mer komplexa uppgifter om du så önskar. Bara för kul har vi skickat med följande fyra Java-skript som du kan experimentera med och använda på dina webbplatser: Copyright generator Daily tip Countdown element Pop-up window För att hitta dessa kodsnuttar, fungerande onlineexempel och anvisningar för hur du använder koden går du till adressen www.creationguide.com/javascript. tips När du lägger till Java-skript i ett webbdokument bör du alltid testa koden i olika webbläsare för att säkerställa att den fungerar korrekt för så många besökare som möjligt. Fler Java-skript på webben Du kan också hitta alla typer av gratis Java-skript på webben gör bara en sökning efter JavaScript eller Java-skript. När du hittar gratis Java-skript online kan du bara kopiera koden och klistra in den i dina webbdokument på så sätt slipper du sitta och skriva in koden själv! Håll kortkommandona Ctrl+C (kopiera) och Ctrl+V (klistra in) i minnet när du snabbt och effektivt vill lägga till Java-skript (eller annan gratis webbkod) i dina webbdokument. sammanfattning Bestäm dig för att uppdatera din sajt regelbundet för att hålla innehållet aktuellt och besökarna nöjda, och arkivera gamla webbdokument och bilder (åtminstone ett tag) ifall du behöver återanvända några element. Var inte rädd för det okända! Ha roligt våga ta dig förbi enkla design- och utvecklingstekniker för att pröva på lite mer avancerade procedurer. Du kanske till och med förvånar dig själv när du märker hur mycket du lärt dig. Till sist vår sista punkt i den här boken. Vi hoppas att du tyckt att det varit lika roligt att lära dig webbdesign och webbutveckling som vi tyckt att det varit att skriva den här boken och att skapa den tillhörande webbplatsen. Var så god och ta för dig av alla de resurser som finns där, och lycka till med ditt fortsatta arbete på webben!