Frontpage 2002/XP (2)

Transkript

1 Frontpage 2002/XP Frontpage 2002 eller Frontpage XP som det också kallas är ett hemsideprogram där du inte behöver kunna koda som annars är fallet om man gör en hemsida. Att snabbt, enkelt och snyggt kunna få ut en hemsida på Internet om sig själv eller sin verksamhet har blivit väldigt populärt. Det här programmet är ett exempel på ett nyss nämnda kvar. Frontpage är som Word för hemsidor, en ordbehandlare! På bilden bredvid ser du första sidan som man kommer till vid start av programmet. Vid första anblicken ser programmet ut som Word och det finns många likheter mellan programmen. T ex verktygsmenyn och övrigt upptill är ganska likt word men nertill är det annorlunda. Där finns de tre arbetslägena normal, html och förhandsgranskning. Klickar du på normal så är det arbetsytan, html visar koderna som bygger upp hemsidan och förhandsgranskningen visar hur det ser ut på Internet. Vyfältet (1) som du kan se på ena sidan är snabbgenvägar till de verktyg man använder när man gör en hel webbplats och inget vi behöver nu när vi ska gör några sidor bara. Utan vi tar och börjar med att skapa några sidor som vi sparar. Men först måste vi ha en plats i datorn att spara på som vi enkelt kan hitta till. Skapa en mapp i utforskaren (2) som du får fram genom att högerklicka på startikonen och välja utforska. Väl där skapar du en mapp under lokal disk (c:) som heter t ex hemsida eller vad du önskar men använd (1) inga -åäö eftersom det inte fungerar med svenska filnamn ute på webben. (2)

2 Vi börjar med lite bakgrundsfärg, tabeller, rubrik och bilder så blir det genast lite roligare att titta på. När du ska ha en bakgrundsfärg så högerklickar du med musen på den tomma sidan och väljer sidegenskaper. I dialogrutan som sedan visas väljer du fliken Bakgrund och där kan välja bl a färg för din sida. Räcker inte de färger som visas så kan du välja flera färger och få fram en palett av olika färger att välja mellan. När du sparar första tomma sidan så sparar du den som index vilket alltid är första start sidan när man gör hemsidor. När någon sedan ska surfa till din hemsida så blir det första sidan som syns. När du sparar så ser du till att den sparas i din mapp som du gjorde i utforskaren. Passa på och gör två nya sidor till som du sparar i samma mapp med valfritt namn. Nya sida skapar du i Frontpage via Arkiv - Nytt - Sida eller webbplats. Nu har du tre tomma sidor som vi ska fylla med lite innehåll. Sedan tar vi och bygger upp sidan med lite tabeller. Ett bra sätt att få ordning på det som ska visas på sidan. Via genvägen till tabeller som finns i verktygsmenyn ovanför sidan kan du direkt välja hur många celler och rader du vill ha till tabellen. Den här gången väljer jag tre rutor som är tre celler i tabellen, rubrik, bild och text.

3 Sedan skriver jag in en lämplig rubrik till index-sidan. Tänk bara på att endast vissa teckensnitt fungerar så att alla kan se den text du valt till sidan. Det är i regel de vanliga teckensnitten som fungerar t ex Times New Roman, Arial, Verdana, Windings och Comic Sans m fl. Skulle du välja ett teckensnitt som ej kan visas på användarens dator så visar den Standardteckensnitt istället. Är det en kort rubrik så kan du välja att centrera texten så att rubriken blir i mitten. Storlek och färg går att ändra ungefär som i Word så att rubriken blir lite mer iögonfallande. Dock finns det en smart funktion i programmet som kan vara värt att nämna. Infoga en bild på dig själv t ex och infoga den i cellen. Är bilden för stor? Klicka på bilden och använd bildverktygsfältet som kommer fram. Där finns en funktion som heter "Skapa en miniatyr automatiskt" då förminskas den stora bilden och det skapas en länk till en större bild som visas om du klickar på den lilla bilden. Testa på bilden här bredvid. Sedan kan du infoga en lämplig bild under rubriken i cell två. Tänk på att ha bilden i samma mapp som du sparat hemsidan i, är det många bilder kan du med fördel göra en mapp som heter bilder att förvara bilderna i. Du kan göra lite med bilderna i programmet Frontpage men oftast behövs det ett extra bildprogram för att bearbeta bilderna med så att de passar för webben, men det är en annan kurs.

4 Sedan kan du skriva lite passande text i den sista rutan på sidan. Du kan även hämta färdig text från något orbehandlingsprogram som t ex Word. Markera bara den text du vill ha och välj kopiera och gå sedan tillbaks till Frontpage och klicka i med musen där du vill ha texten och välj sedan klistra in så finns texten där. Vill du sedan ha bort tabellkanten så kan du högerklicka i tabellen och välja tabellegenskaper och där välja Kantlinje och på storlek väljer du 0 så försvinner kantlinjerna. När du sedan sparat alltihop så akn du förhandsgranska ditt arbete antingen direkt i programmet som jag beskrev tidigare eller på genvägen till förhandsgranskning i webbläsaren. Där visas ditt resultat hur det kommer att se ut ute på Internet. tillbaka Gör nu liknande med de andra sidorna så att du får tre olika sidor med varierande innehåll som vi kan arbeta vidare med. Vi ska nu göra länkar mellan de här sidorna så att de hittar till varandra. Skriver man en text som en webbadress jag gjort bredvid här så skapas automatiskt en länk till den webbadressen. Men jag kan också skriva en valfri text som jag gjort här bredvid "tillbaka" och länkat den till samma ställe. Prova länkarna så får du se. Den nya sidan öppnas i ett nytt fönster men som standard öppnas de i samma fönster. Markera den text du vill skapa en länk på och klicka på genvägen till att skapa länkar. När du klickar på genvägen till att skapa en länk så öppnas en dialogruta som du ser i rutan bredvid. Nu letar du precis som i utforskaren reda på dina sidor och länkar de till varandra. När du länkat ihop alla sidor så testar du att surfa mellan sidorna via dina länkar i förhandsgranskningen. Nu är du redo att föra över dina sidor ut på Internet så att alla andra kan se de. Det gör du via ett filtransportprogram, kallat ftp program, Cute ftp använder jag men det finns en massa andra bra program. Hur man för över filer till Internet via Cute ftp

5 kan du läsa om här. Lycka till! Torbjörn Åkerlund Saknas det något i den här kursen, är något fel eller har du kört fast? Kontakta mig torbjorn.akerlund@edu.avesta.se