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

Transkript

1 Steg 5 Webbsidor One.com och OpenOffice Writer Mac OS X Nov 13 Liljedalsdata.se Liljedalsdata Steg 5 Mac Sida 1

2 Inledning Förkunskaper Steg 1, 2, 3 och 4. Innan du är mogen för att lägga ut en sida på nätet finns mycket att fundera över. Om de personer du vänder dig till vet var de ska hitta sidan och den bara är till för att lämna information eller samla in information är din uppgift inte särkilt svår. Om du däremot vänder dig till okända personer som du vill ska hitta din sida med hjälp av ett sökord och en sökmotor står du inför en betydligt svårare uppgift. Steg 6 behandlar det problemet medan denna kurs bara tar upp hur du ska producera din sida. För att kunna skaffa plats på ett webbhotell måste du ha en epostadress. I denna kurs motsvaras den av ullstina@telia.com. Denna adress finns på rad 1 i adresslistan sist i detta häfte. Anteckna din egen e-postadress på rad 2. Kursen utgår från att du skaffar dig en plats (en domän) på ett webbhotell och betalar för den tid du behöver för kursen eller lånar en plats som innehåller filer. Kostnaden hos one.com, som användes här, är 300:- som en engångskostnad plus 12:- per månad. Om du behöver platsen i framtiden måste du välja namn för din domän med omsorg. Om du funderar på att starta ett företag som heter cykelexperten kanske du väljer att kalla din domän cykelexperten.se eller som i denna kurs liljedalsdata.se. Det är inte säkert att du får det namn du har tänkt dig. Det kan finnas någon annan som valt namnet tidigare. När du fått ett domännamn kan du också få epostadresser med anknytning till namnet t.ex. info@cykelexperten.se. Den här kursen visar hur du kan ge information och hur du, under vissa förutsättningar, kan få in information från en användare. Kursen är också en bra grund om du har höga krav på din webbplats t.ex. om du ska starta en webbutik eller om du vill att information från en användare automatiskt ska sparas i ett register i din dator. Gör mappen Hårddisk\Användare\Lisa\Dokument\Webbsidor Den adress till en webbsida som man skriver i rutan överst när man kommit in i webbläsaren kallas URL-adress. I datorernas begynnelse kunde man inte skriva filnamn med t.ex. å, ä och ö. Liljedalsdata Steg 5 Mac Sida 2

3 Idag kan man för det mesta göra detta men det finns undantag. När du kommer till filnamn som ska sparas på ditt webbhotell kommer därför dessa att alltid vara skrivna utan å, ä och ö. Om du lånar en webbplats som innehåller filer måste du hålla ordning på vilka dessa är så att du inte ändrar dessa. Du måste också se till att ingen av dessa filer heter index.html. Om du kontrollerar en ändrad webbsida genom att ange URL-adressen och sidan inte är uppdaterad kan du testa med att trycka <Ctrl>+<F5> på tangentbordet. Du behöver gratisprogrammet Notepad för Mac. Gå in på appstore och installera programmet. I kursen förekommer lite HTML-programmering. Den hjälper dig förstå vad du gör men du behöver inte förstå vad programraderna betyder. Boka plats på ett webbhotell Starta Safari och gå in på one.com Beställ billigaste alternativet 12:- per månad (5 GB lagringsutrymme brukar räcka) och att du vill ha adressen/domänen motsvarande liljedalsdata.se. Liljedalsdata Steg 5 Mac Sida 3

4 Denna adress finns på rad 3 i adresslistan sist i häftet. Anteckna din egen domänadress på rad 4. Du får faktura, lösenord och andra uppgifter via din e-post. Du kan inte använda din plats innan du betalat fakturan. Vi antar nu att du fått klart med din plats och vi använder den nu för att fortsätta. Skapa en webbsida i Notepad och lagra på hårddisken Starta Notepad. Notepad är en s.k. texteditor som ger en text utan styrtecken och kan bl.a. användas för att skriva programkod. Skriv av programmet. Du måste inte förstå det som står i programmet. Klicka File/Save och spara nu detta i Hårddisk\Användare\Lisa\Dokument\Webbsidor som startsida. Det fullständiga namnet blir nu startsida.txt. Liljedalsdata Steg 5 Mac Sida 4

5 Kontrollera din hårddisk. Kopiera webbsidan till ditt webbhotell Starta Safari. Gå in på one.com Klicka på Kontrollpanelen och logga in med ditt domännamn (rad 4) och lösenord som du fått från One.com. Liljedalsdata Steg 5 Mac Sida 5

6 Om du nu kommit in till kontrollpanelen vet du att lösenordet fungerar. Klicka Web File manager. Klicka <Ladda upp filer>. Dubbelklicka på startsida.txt Liljedalsdata Steg 5 Mac Sida 6

7 Du kan tänka att du nu hamnat i webbhotellets utforskare Som du ser kan du döpa om, kopiera, radera och redigera filer. Ändra namn på startsida.txt till index.html. Logga ut från one.com och ange domänadressen som URL-adress. Rad 4 i adresslistan. När du eller någon användare anger URL-addressen till din domän visas alltså den fil på ditt webbhotell som heter index.html. Filen måste innehålla ett program skrivet i HTML. Skapa ett antal länkade sidor i Notepad Om du kommer att skriva programkod i framtiden kommer du ofta att kopiera rader men detta kommer du att lära dig automatiskt. Som regel kan du kopiera i en texteditor ungefär som i en ordbehandlare. Starta Notepad. Klicka New och skriv följande programkod. Liljedalsdata Steg 5 Mac Sida 7

8 Klicka File/Save och spara som startsidakladbutik i Hårddisk\Användare\Lisa\Dokument\Webbsidor. Det fullständiga namnet blir nu startsidakladbutik.txt. Klicka File/New Liljedalsdata Steg 5 Mac Sida 8

9 Skriv av programmet och spara i Hårddisk\Användare\Lisa\Dokument\Webbsidor som tshirt.html. Klicka File/New Liljedalsdata Steg 5 Mac Sida 9

10 Skriv av programmet. Klicka File/save och spara i Hårddisk\Användare\Lisa\Dokument\Webbsidor som keps.html. Klicka File/New Skriv av programmet. Klicka File/Saveoch spara i Hårddisk\Användare\Lisa\Dokument\Webbsidor som tennisskor.html. Kontrollera hårddisken Liljedalsdata Steg 5 Mac Sida 10

11 Kopiera webbsidorna till webbhotellet Logga in på one.com och gå till Web File manager. Radera dina gamla filer. Klicka <Ladda upp fil> och hämta in dina filer startsidakladbutik.txt, Tshirt.html, Keps.html och Tennisskor.html. Ändra namn på startsidakladbutik.txt till index.html. Testa din startsida genom att klickavisa. Logga ut från one.com och gå in på URL-adressen till din domän. Du ska nu kunna länka från startsidan till dina tre sidor Tshirt, Keps och Tennisskor. Du ska också kunna gå tillbaka till startsidan från var och en av sidorna. Avsluta Safari. Skapa en webbsida i OpenOffice Writer och lagra på hårddisken Liljedalsdata Steg 5 Mac Sida 11

12 Starta OpenOffice writer. Skriv Välkommen Klicka File/Save och spara dokumentet i Hårddisk\Användare\Lisa\Dokument\Webbsidor som startsida.odt Klicka File/Save as och spara dokumentet som startsida.html. Detta gör du genom att välja filtyp Document (OpenOffice Writer)(html) Liljedalsdata Steg 5 Mac Sida 12

13 Kopiera sidan till ditt webbhotell Starta Safari Gå in på One.com och logga in till Webb File Manager Radera alla filer. Klicka <Ladda upp fil> och ladda upp startsida.html. Ändra namn till index.html. Klicka Redigera Liljedalsdata Steg 5 Mac Sida 13

14 Här ser du den programkod som gör att sidan kan visas i en webbläsare. Programkoden skapades i OpenOffice när du valde webbsida. Kontrollera sidan här och logga ut och kontrollera genom att gå in på URLadressen. Du har nu konstaterat att webbhotellets utforskare fungerar ungefär som utforskaren på din egen dator. Du ser vilka filer som finns, du kan ta bort filer och ändra namn på filer. När du sparade startsidan som webbsida förvandlade OpenOffice dokumentet till programkod. Förutsättningen för att en sida ska vara läsbar för en webbläsare är att sidan är skriven i HTML. Om du har kunskaper i HTML kan du skriva en sida direkt i din dator och därefter transportera den till ett webbhotell. Ändra din webbsida Starta OpenOffice writer. Skriv: Välkommen till min hemsida. Spara dokumentet som startsida. Liljedalsdata Steg 5 Mac Sida 14

15 Din gamla startsida.odt ändras nu Klicka File/Save as och spara som webbsida Din gamla startsida.html ändras nu Logga inpå one.com. Radera alla filer. Ladda upp startsida.html. Ändra namn till index.html. Klicka Redigera och kontrollera hur programmet har ändrats. Kontrollera att sidan visar Välkommen till min hemsida både genom att klickavisa i Web File manager och med hjälp av URL-adressen. Bilder på en webbsida Starta OpenOffice writer. Gör följande dokument Liljedalsdata Steg 5 Mac Sida 15

16 Skriv: Snart är sommaren här. Klicka Insert Picture from file och dubbelklicka på en bild. Om du vill använda denna bildd finns den på din skiva som foto1.jpg. Skriv: Vi har kanonpriser på båtfärger under vecka 14. Klicka File/Save och spara dokumentet som reklam i Hårddisk\Användare\Lisa\Dokument\Webbsidor. Klicka File Save as och välj filtyp webbsida. Kontrollera hårddisken. Som du ser har dokumentet sparats som ett vanligt dokument och som en htmlfil med text och en htmlfil med bild. Gå in på one.com och logga in till Web File Manager. Radera alla filer. Ladda upp reklam_html_m1f63b3a3.jpg och reklam.html. Ändra namn på reklam.html till index.html. Liljedalsdata Steg 5 Mac Sida 16

17 Kontrollera att sidan fungerar med Visa och när du loggar ut och anger URL-adressen. Använd bilden som länk Starta OpenOffice Writer. Skapa följande dokument: Bilden är tagen i nordvästra hörnet av Vänern Båten är en Havsfidra av1773 års modell Tillbaka till startsidan Spara dokumentet i Hårddisk\Användare\Lisa\Dokument\Webbsidor som besk.odt och som besk.html. Logga in till Webb File Manager på one.com. Klicka <Ladda upp fil> och hämta besk.html. Klicka Redigera. Liljedalsdata Steg 5 Mac Sida 17

18 Ändra programmet För att bilden ska fungera som länk lägger du in på rad 21 (raden innan bilden visas:<a href=besk.html> Du avslutar det kommandot med </a> sist på rad 22. Klicka Spara och stäng redigering Markera besk.html och klicka redigera. Liljedalsdata Steg 5 Mac Sida 18

19 Ändra programmet Liljedalsdata Steg 5 Mac Sida 19

20 Kontrollera din webbplats Du lägger in på rad 24. <a href= index.html > och på rad 26: </a> Klicka Spara och stäng redigering. Logga ut från One.com. Gå in på motsvarande liljedalsdata.se och kontrollera att din webbplats fungerar. Kontrollera att musmarkören blir en hand när du vandrar över bilden, att du kommer till beskrivningen när du klickar och att du kommer tillbaka till startsidan när du klickar Tillbaka till startsidan. Du kan alltså länka till andra sidor genom att antingen använda en textrad eller en bild. Skaffa en epostadress i anslutning till din domän Som nämnts tidigare kan du alltså skaffa en epostadress i anslutning till din domän t.ex. info@cykelexperten.se. Gå in på One.com. Logga in till kontrollpanelen. Klicka Mail administration. Liljedalsdata Steg 5 Mac Sida 20

21 Ange första delen av den epostadress du vill ha och hitta på lösenord för din epostadress. Logga ut. Anteckna e-postadressen och lösenord på rad 6 i adresslistan. Ange att du inte vill ha Catch all. Klicka Spara. Liljedalsdata Steg 5 Mac Sida 21

22 Komplettera inställningarna. Längst ned på skärmen kan du ange en signatur som kommer att skrivas ut under dina e-postmeddelande. Epostprogrammet som finns på One.com Du måste logga ut från kontrollpanelen och logga in till Webbmail för att komma till epostprogrammet. Observera att det är din e-postadress och lösenordet du registrerade när du fick adressen som ska användas (Rad 6). Liljedalsdata Steg 5 Mac Sida 22

23 Man brukar använda Inkorgen som utgångsläge. Här kan du se vilka e-postmeddelande som har kommit in och här kan du skriva och skicka e-postmeddelande. Klicka <Skriv e-post> och testa med att skicka e-post till dig själv. Som du ser kommer signaturen du angav tidigare som underskrift. Klicka <Skicka>. När mailet kommit klickar du på det för att se innehållet Liljedalsdata Steg 5 Mac Sida 23

24 Detta epostprogram är enkelt och bra. Om du vill ha epostprogram där e- posten kan sorteras och har bra grupphantering kan du t.ex. använda Thunderbird som användes i Steg 4. För att installera adressen i Thunderbird eller outlook kan du använda en guide som finns på supportavdelningen hos one.com. Hur användaren kan lämna information Att samla in information från olika användare är en viktig användning av internet. Om du t.ex. vill att turister ska kunna boka stuga via nätet kan du ordna detta på ett ganska enkelt sätt som vi nu ska testa. Starta Notepad. Skriv av programmet. Denna HTLM-kod gäller för e-postadress som du fått genom one.com. Liljedalsdata Steg 5 Mac Sida 24

25 Spara koden som stugbokning i Hårddisk\Användare\Lisa\Mina Dokument\Webbsidor. Starta One.com. Logga in på Kontrollpanelen/File Manager. Kopiera stugbokning.txt till din webbplats på vanligt sätt. Ändra namn från stugbokning.txt till index.html och klicka Ok.. Antag att du är turist och vill boka en stuga. Gå in på motsvarande liljedalsdata.se (Rad 4) och fyll i formuläret. Liljedalsdata Steg 5 Mac Sida 25

26 Gå in på one.com och logga in till epostprogrammet. Liljedalsdata Steg 5 Mac Sida 26