1. HurduarbetariFrontPagefrattskapaenWebquestS AMMANFATTNING Jagbeskriveridethrhftethurduskaparenenklarewebbplatsfrens.k.webquestiMicrosoftswebdesignprogramFrontPage2003.Idettaexempelgllerdetettenergiarbeteinaturkunskappgymnasiet.Naturligtviskaninstruktionenvaratillmpligveniandramnenochfrandraskolformerochstadier.Dufrbeskrivethurmanskaparenenklarewebbplats,hurdubyggeruppenramstrukturochhurdufyllerdessamedsidor.Jagvisarhurdukanstyratextochbildermedhjlpavtabeller.Jagvisarockshurduskaparhyperlnkar,hurduinfogarbilderochhurdujusterarsidornasstorlekochanpassardemifrhllandetillvarandra.Jaggrocksigenomgrundernafrhurdukananvndas.k.temanfrformgivningsamthurdusjlvkananpassadessa.Slutligenvisarjaghurdukanpublicerawebbplatsentillenwebbserver.StefanCherrugcherrug@pub.malmo.seMalmnovember2008

2. I NNEHLL Sammanfattning................................................................................................................................................. 1Innehll............................................................................................................................................................... 2Inledning............................................................................................................................................................. 3Skapaenwebbplats ........................................................................................................................................... 3Ramsidor ............................................................................................................................................................ 4Huvudramsida ............................................................................................................................................... 4Sparasidor..................................................................................................................................................... 5Underramsidor .............................................................................................................................................. 6Tabeller............................................................................................................................................................... 7Sammanfogaceller ........................................................................................................................................ 8Formateratext ................................................................................................................................................... 8Lnkatext ........................................................................................................................................................... 9Infogafilm .......................................................................................................................................................... 9Ramegenskaper................................................................................................................................................ 10Infogabild......................................................................................................................................................... 11Infogatema ...................................................................................................................................................... 11Anpassatema ................................................................................................................................................... 12Publicering........................................................................................................................................................ 142 3. I NLEDNING JagskahrvisahurdukananvndaMicrosoftprogrammetFrontPage2003frattskapaenenklarewebbplats.FrontPageingicktidigareiOfficefamiljen,menharsenarelanseratssomettfristendeprogram.Microsoftutvecklarintelngreprogrammetutanharvaltattsatsapandraprogramvarorfrwebbsideredigering.InledningProgrammetremellertidfortfarandevanligtutepskolornaochddetocksr2min16s relativtlttattarbetamedharjagvaltdetimittexempel.Andraprogramattskapawebbsidormedkanvarat.ex.AdobeDreamweaver,mendetgrfaktisktattskapaenklarewebbsidorocksiWordellerPowerPoint.Imittfalltnktejaggraens.k.webbquestomenergifrgymnasietskursinaturkunskapA.Enwebbquestreninternetbaseraduppgiftuppdeladisexdelar:Inledning,Uppgift,Process,Resurs,UtvrderingochKonklusion.Inledningenskavaratillinspirationochvckaintresseochnyfikenhethoseleverna.Uppgiftenskavarangotmernattbarasamlainfakta.Deskaskapangotsomsedankanvaratillnyttafrandra.IminwebquestskadetastllningfrochemotettantalenergikllorochpsviskommamedideromhurSverigesframtidaenergipolitikskautformas.UnderavdelningenProcessbeskrivssnoggrantsommjligthurelevernakanarbetafrattlsasinuppgift.UnderResursersamlaslnkar,instruktionsfilmermm,somelevernabehverfrattlsasinuppgift.Utvrderingbeskriverhurjagsomlrarekommerattbedmaelevernasarbetemedprojektet.Konklusionen,ellerSlutsatsensomjagfredrarattkalladet,innehllerensammanfattningavvadelevernaskahauppntteftergenomgngetarbete.MeromwebquestfinnsattlsapWebQuestTaskonomyochwebquest.org.S KAPAENWEBBPLATS Webbplats 6min34sDetfrstaduskagrarattunderArkivvljaNytt1.DppnasenpaneltillhgermedalternativfrNysida,Nywebbplatsmm.HrvljerduFlermallarfr3 4. webbplatser2.IdialogrutansomppnasvljerduTomwebbplats3.Webbplatsenskapasmedendelfrutbestmdamappar.Jagskanuvisahurdufyllerwebbplatsenmedramsidor.R AMSIDOR Frattjobbamedolikadelfnsterpwebbplatsen,t.ex.frinnehllsfrteckningar,huvudinnehlletc.,kanramsidorvaraettbraalternativ.Drfrskajagfrstvisahurduskaparenhuvudramsida,somocksblirstartsidanfrdinwebbplats.HUVUDRAMSIDA JaggrtertillArkivochvljerdrNytt1.IsidpanelenvljerjagdennagngunderNysidaFlersidmallar2.IdialogrutanfrsidmallarvljerjagsedanalternativetUppifrnochnedt3,frattfenvgrtttredeladramsida,drjaghadetnktmigattversthaenrubrikmedbildochlnkartillhuvudinnhllet.Imittramenskajaghaenvertikalttvdeladram(senedan)medlnkartillsidansinnehlltillvnsterochhuvudinnehllettillhger.Lngstnervilljaghalitecopyrightinformation,namnochr.4 5. Idetommaramarnafinnstvalternativ:attangeramstartsida,omjagredanskullehaenfrdigsidasomjagvilllnkainidentommaramensamtNysida1,omjagvillskapaennysida.Jagvljerdetsenarealternativet.Mittramenvljerslngeattintegrangotmed,eftersomjagdrsenareskaangedentvdeladeramsidan.SPARASIDOR Frattspararamsidanklickardupikonenfrspara1.Idialogrutanfrattsparaskadufrstangeettnamnfrsidansomduskapatidenvreramen2.DettagrduvidFilnamn3.Hrkanduocksgeenlmpligrubrikfrsidanunderknappenndrarubrik5 6. Slutligenskasjlvahuvudramsidangesettlmpligtnamn.Detgrspsammasttsomovanunder1.Eftersomdettaocksbliradressentillminwebbplatsrdetlmpligtattvaraextranoggrannmeddettanamn.OmduvljernamnetindexrfrdelenattdetsedanpInternetrckermedattskrivainadressensomfregrdettanamn,frattwebbplatsenskahittas.rwebbplatsensadresshttp://www.webbplats.se/index.htmrckerdetalltsattskrivawww.webbplats.se,frattminsidaskadykauppiwebblsaren,nrdenvlrpublicerad.EftersomdettakommerattbliminstartsidapInternetrsidrubrikenextraviktig.Detrnmligendennasomvisaslngstuppiwebblsarfnstretnrsidanbesks.Skrivindennaidialogrutandufrframgenomattklickapndrarubrik2.UNDERRAMSIDOR Nuskajagskapaenramsidasomjagvillhaidenmellerstaramenihuvudramsidan(seunderHuvudramsidahrovan).Dennas.k.underramsidatnktejagskulleinnehllaeninnehllsramtillvnsterochenhuvudramtillhger.Jaggr,somtidigare,inundermenynArkivochvljerNytt,ochihgerpanelensomdppnasvljerjagFlersidmallar.IdialogrutanfrsidmallarvljerjagflikenRamsidor1ochdrunderalternativetDelalodrtt.Ihgerpanelenserduhursidankommerattseut3.Sidansparassedanpsammasttsomjagvisadeovan.Detkanvaralmpligtatttnkauttettlmpligtnamn,somgrattduhllerredapdinasidorifallantalet 6 7. vxer.SomjagvisarimininstruktionsfilmvljerjagattdpahuvudramenfrminunderramsidatillA.htmochdetvinlnkadesidornatillA1.htmrespektiveA2.htm.Dukanockshr,somjagvisadetidigare,vljaattgenskadrubrikfrsidorna.DessarubrikersynsvanligeninteuttpInternetochrdrfrintelikaviktiga,somfrhuvudramsidan.T ABELLER Tabeller4min52s Idenvrerameniminhuvudramsidavillejagjuhalnkartillmitthuvudinnehllpwebbplatsen.Detrsmidigtattstyratextochbildersplaceringmedhjlpavtabeller,drjagvljerattgratabellkantlinjernaosynliga.Jagskadrfrinfogaentabell.DettagrsfrstsimenynTabell1.IdialogrutanInfogatabellvljerjagfrstattangehurmngaraderochkolumnermintabellskahavid2.Jagangerocksbreddentill100%avfnstretvid3.Slutligenangerjagstorlekenpkantlinjernatill0vid4,frattintedessasedanskasynas.7 8. S A M M A N F OG A C E L L E R Itabellensvreradvilljaghaenbildidenfrstacellenochideandraskarubrikenskrivasin.Jagvilldrfrslsammandefemcellernatillhgeromdenfrstatillenendacell.Frattgradettamarkerarjagfrstdecellersomjagnskarslsammanochhgerklickarsedanngonstansidessa.DreftervljerjagSammanfogaceller1.F ORMATERATEXT Psammavissomnrmanjobbarit.ex.Word,finnsdetgodasklattformaterasitttextinnehll,sattdetsomskavararubrikerverkligenocksfrrubrikformat.Frattgradettamarkerardunskadtextochvljersedanunderformatmallen1nskadformatering2. 8 9. L NKATEXT Lnkar2min48s Efterattfylltitextentillmitthuvudinnehllpwebbplatsen,skajagnuvisahurduskaparlnkarpwebbplatsen.Lnkarnatilldettahuvudinnehllvilljag,somsagt,skaledatillenramsidasomskavisasidenmellerstaramenpminhuvudramsida.Idettaexempelharjagfrstmarkeratdetsomskalnkas:rubrikenInledning.JagklickardrefterpikonenInfogahyperlnk1.Jagvljersedansidansomjagvillattlnkenskaledatill2.Sedanmstejagtalaomvardennasidaskavisas.DettagrjagunderknappenMlram3.Jagklickarsedanpdennskaderamen4.I NFOGAFILM Jagvillhaenliteninspirationsfilmpminwebbplats.Detfrstajagdmstegrarattimporterafilmen.DgrjagtillmenynArkivochdreftervljerjagImportera1.IdialogrutanImporteraklickarjagpLggtillfil2,frattletauppfilenpminhrddisk.Jagmarkerarfilen3ochklickarsedanpppna,simporterasfilmen.Frattsedanlnkafilmentillt.ex.enrubrikellerannantextuppreparjagmomentenfrlnkningovan.9 10. R AMEGENSKAPER Ramar5min42s Nuskajagvisahurdundrarochjusterarramsidorna.T.ex.harjuramarnafttheltfelproportioner,ochjagvillintehellerattramarnaskantlinjerskasynaspdenfrdigawebbplatsen.HgerklickangonstansidetreunderramarnaphuvudramsidanochvljRamegenskaper1.Dufrdfrstuppinstllningsmjligheterfrdenunderramsomduklickadei.Imittfallvardetdenundrerameniminhuvudramsida.Idennaramvillejagendasthacopyrightinformation,namnochri,sdenskahalitenhjd.UnderRamstorlek2vljerjagdrfrattndrahjdentill40bildpunkter.JagvillocksattdennaramsstorlekinteskagattndraochbockardrfrurStorlekjusterbariwebblsare3.Frattsedanndrasjlvahuvudramsidan,drdessatreunderramarfinns,klickarjagpknappenRamsida4.Jagkanvenstyramarginalernaiminaramar,dvs.avstndetmellankantlinjernaochinnehlletpsidan,idennadialogruta. IdialogrutanSidegenskapervljerjagflikenRamar1ochbockardrurVisakantlinjer,frattdessainteskasynasiwebblsaren.UnderflikenAllmnt2kanjagocksndrarubrikenfrminsida.10 11. I NFOGABILD Tema5min05s Frattinfogabildenidenfrstacellenimintabellstterjagfrstmarkrenidencellen.PmenynInfogavljerjagsedanBildobjekt1ochsedanFrnfil2frattletauppbildenpminhrddisk.I NFOGATEMA Ettmycketsmidigtocharbetsbesparandesttattformgesinwebbplatsrattanvndasigavetts.k.tema.Etttemaformgerenskildasidorellerhelawebbplatsenutifrnrubrikniver(anledningentillattjagibrjanvarnoggrannmedattanvndaformatmallfrattangerubriker),hurhyperlnkarskavisas,medfrgochbakgrundsbildermm.Sedankanduvljaattefteregetnskemlanpassatematprecisssomdunskar.FrattinfogaetttemagrdutillmenynFormatochvljerTema1.Dufrdupp 11 12. enpaneltillhgermedtillgngligateman.DrfinnsmjlighetattocksladdanerytterligaretemanfrnMicrosoftswebbplats.NrduhittatnskattemaklickardupnedtpilentillhgerpbildenfrtematochvljerAnvndsomstandardtema2,omduvillhadetpheladinwebbplats.nskardudetenbartpenskildasidormarkerardufrstdessaochvljeristlletAnvndpmarkeradesidor.OmduvilltabortetttemafrndinwebbplatsvljerdutematIngettemaochsedanatthadettasomstandardtema.Dettakanjuvaraenbrametodfrattfrstseefterhurtematserutpwebbplatsen.A NPASSATEMA Omvissarubrikerinteblirsomdunskarellerdut.ex.intevillhangonbakgrundsbildvljerduattanpassaditttemaochsedansparadettaanpassadetemasomettnytttema.Frattanpassatematgrdu,ssomjagvisadehrovan,tilltematunderformatmenyn.VljdrAnpassaIdialogrutanAnpassatema,somdudfrupp,finnsrutorfrhurfrgerochgrafikskavisas.Drfinnsocksknapparfrattjusterafrger,grafikochtext.Jagvilleidettaexempelanpassarubrikerna,sjagklickarpknappenText1.12 13. FrattndrarubrikerklickarjagfrstpFlertextformat1.Jagfrdenlnglistapmerellermindrekryptiskaalternativ.Skrollalngtneridennalistafratthittataggarnafrrubrikformat:h1,h2,h3etc.2.Markerah1frrubrikniv1ochklickasedanpndra3.IdialogrutanndrastilklickardupFormat1ochsedanpTeckensnitt.Idialogrutanfrteckensnittgrdusedandendringardunskarfrrubrikniv1,t.ex.ndrarstorlekentill16punkter,somimittexempel. 13 14. P UBLICERING Publicering4min55s Nrdurnjdmedwebbplatsensinnehllochutseendeterstrbaraattpublicera denpInternet.Kanskeskolanharenwebbplatsdukanftillgngtill.Duvljer underArkivalternativetPublicerawebbplats1.IdialogrutanEgenskaperfr fjrrwebbplats,somdudfrupp,finnstreflikar.UnderflikenFjrrwebbplatsska dufrstvljavilkentypavfjrrwebbserversomduskapubliceratill.Endel webbhotellharetttillggjustfrFrontPage,sominnebrattlitemeravancerade funktioner,somdiskussionssidor,underwebbplatseretc.kanutnyttjas.Omduvet attsrfalletvljerduattprickaiFrontPageellerSharePintServices.Harinte webbhotelletdetta,ellerduinteutnyttjardessafunktionernapdinwebbplats,kan duistlletvljadettredjealternativetFTP.IfltetFjrrwebbplatsensplats2skriver duindenfullstndigaadressentilldinwebbplats. UnderflikenPubliceringrekommenderarjagattduprickariEndastndradesidor1.Efterattdupubliceratwebbplatsenkanskeduvillgrajusteringar.Nrdusedantervljerattpublicera,publicerasdnmligenbarajustdesidordundrat,vilketfrstsgrmycketsnabbarejmfrtmedatthelawebbplatsenskapublicerasnyo.UnderndringarkanvenalternativetAvgrvadsomndratsgenomattjmfrakllochmlwebbplatserna2varabraattvlja.VljslutligenattbockaiLoggandringarunderpubliceringen3. 14