Kort om World Wide Web (webben)



Relevanta dokument
FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

Arbetsmaterial HTML pass 1 - Grunder

KAPITEL 5 Användbara program. Tillbehör. WordPad. Paint

Olika slags datornätverk. Föreläsning 5 Internet ARPANET, Internet började med ARPANET

ATT GÖRA WEBBSIDOR. Frivillig labb

Internets historia Tillämpningar

Webbserver och HTML-sidor i E1000 KI

Frontpage 2002/XP (2)

SENIORER SENIORER. Grundläggande IT för. Windows 7. Grundläggande IT för. Windows 7. Eva Ansell Marianne Ahlgren. Eva Ansell Marianne Ahlgren

Hur man skapa en Wiki.

Gör en modern släktbok för CD eller webben

Grunder. Grafiktyper. Vektorgrafik

DATA CIRKEL VÅREN 2014

Laboration med Internet och HTML

Steg 5 Webbsidor One.com och OpenOffice Writer Mac OS X

Skärmbilden i Netscape Navigator

TextIT Hjälp. Om du vill ha all text uppläst trycker du på knappen spela

Laboration 0. Enhetsbokstaven anges med ett kolon efter och man läser ofta ut detta, exempelvis C:(sekolon).

12 Webb och kurshemsidor

Litteratur. Nätverk, Internet och World Wide Web. Olika typer av nätverk. Varför nätverk? Anne Diedrichs Medieteknik Södertörns högskola

Introduktion. Markera den gröna bocken. Skriv in URL:en Klicka på knappen Platser.

Introduktion. Skriv in användarnamn och lösenord

Att arbeta med. Müfit Kiper

Hermundstad Östlund Ansell. Grundläggande IT för SENIORER

AIF:arens guide till cyberrymden

Filbindningar. Mike McBride Översättare: Stefan Asserhäll

Kom igång med FrontPage 2003

Guide. Webbsidor i Studentportalen. Innehåll. Uppdaterad:

Guide för kunder med Nordea e-legitimation

Carl-Oscar Hermansson WEBB DESIGN

Tanka program KAPITEL 7. Shareware och freeware. Shareware. Freeware

3. Hämta och infoga bilder

Så får du maximal nytta av Evernote

Del 2 INTERNET I VARDAGEN. 14. Hämta program på Internet Sköta affärer på Internet Användbara sidor (för nytta och nöje)...

Manual för din hemsida

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen

SORSELE KOMMUN. Handbok OEW. 28 sept 2012 Mari-Anne Englund Barbro Olofsson. Sorsele kommun Version , rev (19)

Skapa mappar, spara och hämta dokument

Umgås på nätet KAPITEL 6. Chatta via webbläsaren

Användarhandledning. edwise Webbläsarinställningar

Att använda talsyntesen ClaroRead Pro

Vilken version av Dreamweaver använder du?

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php

Workshop PIM 2 - PowerPoint

Användarmanual för Hemsida

Språk för webben introduk4on 4ll HTML

EclipseCrossword GÖR DITT EGET KORSORD. Av: Anders Wihlgaard Sundsvalls kommun

Att använda talsyntesen ClaroRead Pro Version 6

Skriv före adressen och lämna bort www enligt modellen:

Manual Produktion av presentationssynkar med PowerPoint och Producer

Användarmanual för Content tool version 7.5

SGH-A400 WAP Browser Användarhandbok

WEBBUTVECKLING Kursplanering

Använda Internet. med hjälp av Internet Explorer. Nybörjarguide

Tfn Telephone. Kontr Checked. Skapa PDF-filer i Windows

Word Online Version 1.0 Skolkontoret

Internet En enkel introduktion

Väl installerat får du en ikon som du förhoppningsvis också hittar Så du klickar på den och startar upp programmet:

Snabbstartsguide. Visa eller växla mellan onlinekonton Klicka på ditt konto-id för att ändra inställningar eller växla mellan konton.

Ladda ner en talbok på biblioteket.stockholm.se

ONSCREENKEYS 5. Windows XP / Windows Vista / Windows 7 / Windows 8

Scio. en liten användarguide. Skriven av: Josefine Siewertz

Så får du Microsofts Office-paket gratis

IT-körkort för språklärare. Modul 3: Ljud, del 1

Allmänt om programvaror och filer i Windows.

Nej, Latitude ON Flash är för närvarande endast tillgängligt på följande Dell datorer: Dell Latitude E4200 Dell Latitude E4300

Användarhandledning. edwise Webbläsarinställningar

Nätet. Uppgiften. Nivå

På många sätt är webben, när det kommer till kritan, en samling länkar. Inom varje given plats, gör länkarna det möjligt att snabbt navigera från ett

Zimplit CMS Manual. Introduktion. Generell Information

Manual Söka ledig tjänst Landstinget i Östergötland. Senast reviderad

Lathund Blanketthotell Komma igång

Det finns tre sätt att ta sig till inloggningen för Mina sidor från vår hemsida (startsidan). 1) Genom direktlänk.

Moodle på Åsö för lärare

1. Hur öppnar jag Polisens blanketter / formulär, trycksaker och annat som är i PDF-format?

Skapa din egen MediaWiki

Vad är Internet? Innehåll: Inledning Vad är Internet? Om du kan Internetadressen Söka på Internet Länklistor Övningar Repetition

del 3 ARBETA MED PROGRAM

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

Windows 8.1, hur gör jag?

Manual för nedladdning och installation av Skolavtalets program på hemdatorer.

SDC Violweb Kom-igång-guide. En instruktion för användare version 2.5 (mars 2016)

Bordermail instruktionsmanual

Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet

Miljön i Windows Vista

Hja lp till Mina sidor

Skapa en pdf-fil med hög kvalitet, lämpad för tryckning Skapa pdf-filen i en PC med Windows Skapa pdf-filen i en Mac

Använda Office 365 på en Windows Phone

PREMIUM COMAI WEBBKALENDER

Anvisningar för att fylla i djur-och medlemsregister Det är mycket viktigt att du inte ändrar någonting i rubrikraden i mallen!

version: Sidan 1 av 5


Vad är ett dokument? Gör så här

Visma Proceedo. Att logga in - Manual. Version 1.3 /

» RSS - Bygg din egen RSS!

IT-körkort för språklärare. Modul 9: Rätta skrivuppgifter

tclogin.com Service Desk Tillgång till TeleComputing TCAnyWare

LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR

I den här övningen tränar du på att göra olika programfönster. Övningarna går att göra på egen hand.

Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi<er

Transkript:

KAPITEL 1 Grunder I det här kapitlet ska jag gå igenom allmänt om vad Internet är och vad som krävs för att skapa en hemsida. Plus lite annat smått och gott som är bra att känna till innan vi kör igång. Häng med! Kort om Internet Internet har sin början i ett nätverk som drogs igång av försvarsmakten i USA i slutet av 60-talet. Det föll så väl ut så att det spred sig mellan universitet och högskolor världen över som ett smart sätt att dela med sig av information. De sista pusselbitarna som satte bollen rejält i gungning föll på plats i början av 90-talet. Dels så blev Internet kommersiellt så att det blev tillgängligt för gemene man, dels så tog man fram det smarta navigeringssättet att ta sig fram genom att klicka på länkar. Kort om World Wide Web (webben) Internet består av olika delar kan man säga. Två av de viktigaste är e-post och World Wide Web (även kallat nätet eller webben). Även om Internet eller nätet består av mycket mer än bara World Wide Web så brukar man oftast mena webben när man säger nätet

18 Lättpocket om att göra en egen hemsida Bruket att använda sig av e-post för att kommunicera med andra människor har varit igång sedan slutet av 60-talet. World Wide Web kom långt mycket senare och kan sägas vara det nät som gör det möjligt att surfa mellan olika ställen på Internet. Ordet web betyder spindelnät och det fina med webben är just att det fungerar som ett spindelnät, där olika delar knyts samman. Sidorna på webben består av så kallad hypertext, vilket innebär att de innehåller klickbar text. Med andra ord det vi i dagligt tal kallar för länkar. Klickar man på en länk byter man plats i cyberrymden och hamnar på ett annat ställe, den plats som länken angav. Det är därför som World Wide Web är så fantastiskt enkelt att använda. Det räcker att kunna hantera en mus man helt enkelt klickar sig dit man vill.

Kapitel 1 Grunder 19 Ett exempel på Spiders hemsida (eller webbplats eller sajt). En ganska avancerad hemsida med text, bilder och länkar. Kort om hemsidor och HTML För att skapa en hemsida måste man använda ett speciellt språk som kallas HTML (vilket är en förkortning för HyperText Markup Language). HTML består av en massa styrkoder som man kombinerar på olika sätt för att bygga upp hemsidan. HTML-kommandon kallas en massa spännande saker och i den här boken kommer vi att växla mellan orden taggar och kommandon vilket alltså betyder samma sak. Koder, styrkoder samt märken är också vanliga ord.

20 Lättpocket om att göra en egen hemsida Kort om webbläsare När man har skapat en hemsida med hjälp av HTML måste man också kunna titta på den. Och för det krävs en webbläsare. Browser, surfbräda, www-läsare och bläddrare är andra vanliga namn på webbläsare. Jag kommer i huvudsak att använda ordet webbläsare i denna bok. Webbläsaren tolkar de olika koder som bygger upp sidan och presenterar alltihop på ett för användaren (förhoppningsvis) trevligt och lättförståeligt sätt. Det finns många webbläsare men den mest populära idag är Internet Explorer. Den finns i olika versioner och när detta skrivs är den senaste klara versionen av Internet Explorer 7.0. Internet Explorer hittar du på adressen: http://www.microsoft.com/windows/ie/default.msp Även om Internet Explorer är den mest använda webbläsaren så finns det många andra som är populära, t ex Opera som finns på adressen http://www.opera.com/ och FireFox som finns på adressen http://www.firefox.com/. Standarder Utvecklingen inom HTML har tidigare varit ganska hysterisk men har nu avtagit. Det är bra för då vet man vilka HTML-taggar som fungerar och på vilket sätt. Den senaste HTML-standarden är 4.01 och förmodligen kommer det inte att komma någon

Kapitel 1 Grunder 21 våldsam uppgradering av den inom en överskådlig framtid om ens någonsin. Istället kommer andra tekniker förmodligen att komplettera HTML framöver (vilket de gör redan idag, men i framtiden kommer det att bli mer och mer av den varan). Ett problem har hur som helst varit att många av de nya taggar som har tagits fram inte har fungerat fullt ut i alla webbläsare. Idag håller det problemet mer och mer på att försvinna, men det finns fortfarande taggar som man bör undvika. I den här boken håller vi oss i huvudsak till taggar som funkar i de flesta moderna webbläsare (även om vi måhända är ute och balanserar ibland). I de flesta moderna webbläsare fungerar nästan alla taggar. I äldre versioner så är det dock inte säkert att så är fallet. Vad händer då om man använder en kod som inte fungerar med alla webbläsare? Det beror på vad det är för kod man använder. En webbläsare ska ignorera koder den inte känner igen, men beroende på vilken kod det är får det mer eller mindre allvarliga konsekvenser. Hur som helst har du nu i alla fall fått förklaringen till varför du på många hemsidor ser text liknande: Denna sida gör sig bäst med Internet Explorer 7 eller senare. Vad behövs för en hemsida? För att du ska kunna skapa en hemsida och kunna lägga upp den på en webbplats, måste vissa kriterier vara uppfyllda. Vi tittar på dessa nedan.

22 Lättpocket om att göra en egen hemsida Program Du måste ha programvara. För att skapa hemsidorna går det bra med vilken texteditor som helst, t ex Anteckningar i Windows. En webbläsare som exempelvis Internet Explorer är hart när ett måste, för att du ska kunna se hur dina webbsidor ser ut. Du måste också ha ett program för att skicka upp dina sidor till din Internet-leverantör. Men mer om det senare. Konto hos en Internet-leverantör Du måste ha tillgång till Internet, via modem eller bredband. Det är här som Internet-leverantören kommer in. Du skaffar ett s k konto hos denna, och kan sedan ringa upp och få tillgång till Internet. Ordet konto kan låta förvirrande, men det innebär bara att du får dig tilldelat ett abonnemang hos en Internet-leverantör med anslutning, e-post och (förhoppningsvis) också utrymme för egna hemsidor. Webbplats När du skaffar ett konto hos en Internet-leverantör får du tillgång till Internet så att du kan ge dig ut och surfa. Du brukar också få tillgång till e-post och dessutom är det vanligt att du får utrymme för att skapa en egen webbplats. På den här platsen kan du alltså lägga upp dina hemsidor till allmän beskådan. Ett annat vanligt namn för webbplats är sajt (efter engelskans site). Oftast har man flera sidor på en sajt och sidorna kallas då för webbsidor.

Kapitel 1 Grunder 23 Om det är så att du mot förmodan inte har något utrymme för egna hemsidor hos din leverantör, finns det olika ställen på Internet där du kan lägga upp din hemsida gratis. Hemsida Sedan är du tvungen att ha en hemsida också. Och det är här du kommer in. Hemsidan måste du nämligen skapa. Med hjälp av något program. När du är klar lägger du sedan upp hemsidan på din webbplats och så är allting klart. Vad består hemsidan av? En hemsida består som tidigare nämnts av en massa text och bilder samt kanske också ljud och animeringar. När du skapar en vanlig sida bestående av endast text innebär detta också att du klarar dig med en enda fil (eller ett enda dokument om du föredrar den benämningen). Men när du börjar lägga in bilder, ljud och video, så innebär det också att varje bild eller ljudfil eller videosnutt eller vad det nu är också är en separat fil. Har du en hemsida med tre bilder och en ljudfil har du alltså fem filer totalt hemsidan plus de andra fyra filerna. Har du flera sidor innebär detta naturligtvis också flera filer, en fil per sida. Välja verktyg Som vi skrev tidigare används ett speciellt språk som kallas HTML för att skapa hemsidor. För att skapa HTML-kod finns det två olika sätt att gå till-

24 Lättpocket om att göra en egen hemsida väga på, antingen skriver du koden i någon texteditor eller så använder du en speciell HTML-editor. Texteditorer Att använda en texteditor eller ordbehandlare är det klassiska sättet. Du skriver då in texten och formaterar den med olika taggar samt lägger in olika länkar till bilder osv. Vi kommer i den här boken att använda oss av programmet Anteckningar som finns i alla versioner av Windows. Om du har ett favoritordbehandlingsprogram du vill använda som t ex Word, går även det alldeles utmärkt bara du gör på rätt sätt. De flesta ordbehandlare lägger nämligen till egna styrkoder när man sparar dokumentet på vanligt sätt. Därför är det viktigt att du sparar det du skriver som ren text, eller ASCII som det också kallas. Använder du t ex Word så innebär det att du väljer Arkiv, Spara som och sedan alternativet Endast text i listrutan Filformat.

Kapitel 1 Grunder 25 Spara filen som endast text om du använder Word. HTML-editorer Det finns också olika verktyg där man istället för att skriva in olika koder, designar hemsidan som man vill ha den. När man är nöjd klickar man på en knapp och vips så genereras all HTML-kod automagiskt, utan att man behöver skriva en endaste rad. Är det någon detalj man inte är nöjd med kan man alltid gå in och peta manuellt på just dessa ställen. Man har hur som helst fått mycket gratis. Det finns flera olika program för att skapa hemsidor att välja mellan. Filformat Oavsett vilket program du använder för att skapa dina hemsidor är det viktigt att de har rätt filtillägg (efternamn). Filtillägget måste sluta på htm eller html. Sparar du en fil med namnet test så får du alltså själv lägga till filtillägget.htm, så att det totala

26 Lättpocket om att göra en egen hemsida namnet blir test.htm. Det har ingen betydelse om du använder.htm eller.html som filändelse. Stora eller små tecken i filnamn När man arbetar i Windows så spelar det ingen roll om man använder stora eller små bokstäver i filnamnen, filerna betraktas på samma sätt ändå. På Internet är det dock i många fall operativsystemet Unix (eller Linux) som gäller. Och där är det en annan femma. För Unix är namnen Index.htm och index.htm två olika filer. Så det gäller att passa sig vid namngivningen av filer så man inte biter sig i tummen. Det bästa är att kontinuerligt använda sig av små bokstäver i filnamnen.