Gör en enkel hemsida på abc.se.


Vill du göra en liten hemsida som presenterar dig själv och hunden och lägga den på klubbens server? Här följer en kort anvisning. Text och bilder är anpassade efter Windows95/98/ME/XP.

Tanken har varit att på ett begripligt sätt visa hur filer och mappar skall ordnas dels för att man skall kunna kolla resultatet hemma och dels för att det skall fungera på abc.se.

  1. Skapa mappar på din hårddisk
  2. Gör sidan med "Anteckningar" (Notepad)
  3. Lägg till en bild på sidan
  4. Lägg till en sida om din hund
  5. Gör i ordning i public_html på servern

Skapa mappar på din hårddisk

För att kunna arbeta 'lokalt' med din sida är det praktiskt att skapa följande två mappar till att börja med. Härigenom kommer du att kunna starta din webbläsare genom att dubbelklicka på index.html i mappen hemsida.

Så här är det tänkt:
C:\
  \hemsida
          \bilder 

Gör sidan med "Anteckningar" (Notepad)

Öppna "Anteckningar". Om du inte har en ikon på skrivbordet så finns programmet under Start, Program, Tillbehör. Skriv in text enligt bilden nedan. Det räcker så länge. Krångla till det får du göra själv - en annan gång. Spara sedan texten som index.html i mappen hemsida.



Öppna nu utforskaren. Dubbelklicka på filen index.html i mappen hemsida. Förutsatt att du har en webbläsare installerad så startar den nu och sidan du nyss skapade visas.

Lägg till en bild på sidan

Nu skall du göra två saker. Kopiera först den bild som skall användas till mappen hemsida/bilder. I exemplet har den namnet mittfoto.jpg. Starta sedan "Anteckningar" och öppna filen index.html i mappen hemsida. Gör de tillägg som framgår av bilden nedan. Spara filen.



Lägg till en sida om din hund

I det här fallet är index.html startsida för dina hemsidor. Om du vill använda "frames" på dina sidor så definieras de på index.html och du får ge dina sidor med text och bilder andra namn. Vi använder inte frames i det här exemplet.

Vi vill ha en särskild sida om hunden och den skall länkas från index.html. Nu skapar du först en mapp för det. Lägg till mappen hunden på samma nivå som bilder. Kopiera sedan bilden hunden.gif till mappen bilder. Man kan naturligtvis skapa en egen mapp hundbilder under hunden men det gör vi inte nu. I stora strukturer, som klubbens hemsidor, där det förekommer bilder i stor omfattning kan det vara bra att samla bilderna under varje avsnitt. Nu ser det i princip ut så här:

C:\
  \hemsida
        \bilder
        \hunden 

Nu startar vi "Anteckningar" igen och skriver som det ser ut i bilden nedan. När det är klart sparar vi filen som hunden.html i mappen hunden.

Nu skall vi lägga till en länk i index.html till hunden.html. Vi startar "Anteckningar" och öppnar index.html och gör de tillägg som framgår av bilden nedan.



Gör i ordning i public_html på servern

Normalt sett har alla användare på abc.se en mapp public_html i sin användarmapp. Använd WS-FTP för att föra över filerna till din hemmamapp. Starta programmet och se till att vänster fält visar innehållet på c:\hemsida. Höger fält skall visa innehållet i din public_html (/home/m1234/public_html). Observera att högerfältet är Unix så där använder vi "slash" i stället för "slope". I bilden nedan är det tomt. Hur du ställer in WS-FTP framgår av annan text på klubbens sidor.

Markera nu filen index.html i vänster fält. Klicka sedan på "högerpilen" i mellanlisten så förs filen över till public_html.

Markera sedan mappen bilder. (Symbolen betyder "mapp"). Klicka på högerpilen. Du får upp en frågeruta.

Svara "Ja".

Gör på samma sätt med mappen "hunden".

När du gjort detta så ser det ut så här:

Klicka nu på "Close" för att avsluta sessionen.

Gå över till din webbläsare. Gå till www.abc.se/home/m1234. Där har du sidan. Är den inte vacker? Nähä, men du har i alla fall gjort den själv. Och när du väl har börjat koda HTML så fortsätt bara.

Här kan du se resultatet av övningen. Börja nu genast att göra din sida så att alla i klubben får veta vem du är.


Denna sida har sammanställts av <2776> Bengt Sandgren. Senast uppdaterad den 3 februari 2002.