FAQ 11: Att göra websidor

Förord

Detta FAQ är inte för alla; bara de få som är intresserade i att göra hemsidor.

För dem som redan kan göra hemsidor kommer mer avancerade tipsen först.

I nybörjardelen längre ner kommer de här detaljerna att beskrivas:
-Var och hur man lär sej html
-Var och hur man får plats att lägga sin hemsida på
-Tips och Tricks

Tips och resurser för avancerade webmasters

Sökmotorer

Här finns en beskrivning hur du länkar till en sökmotor:
http://www.davesite.com/webstation/html/chapP1.shtml

Webhotell

Du får en allmän lista av över 100 fria webhotell här:
http://www.freewebspace.net/

Enklaste sättet att lära sej html

Du kan lära dej html mycket snabbt på http://www.davesite.com. Prova Beginner's Tutorial (Nybörjar Guiden). Den lär dej allt du behöver med klara exempel och även låter dej öva med exempelsidor (den vill att du skriver nåt och visar sedan hur det ser ut som hemsida).

Jag gjorde min första hemsida ungefär 15 minuter efter att jag började med guiden. Det är mycket enkelt eftersom man ser sina misstag på en gång och kan lära sej från dem.

Öva med att göra hemsidor på din egen hårddisk

Alla vanliga webläsare kan läsa din hårddisk som om den var en websida. Så du kan göra en mapp c:/test/ för att öva html genom att göra websidor på din egen hårddisk. På det viset, du behöver ingen riktig website, och alla ändringar du gör på din "websida" syns på en gång.

Verktyg för att göra hemsidor

För att börja öva (när du är färdig med guiden), föreslår jag en enkel ordbehandlare som notepad eller wordpad. Detta är bästa sättet att lära sej; jag har sett många människor puplicera hemsidor med fantastiska program och ändå ställa enkla frågor om html eftersom de aldrig lärde sej html den hårda vägen.

Personligen använder jag en program kallad FlexEdit för att göra hemsidor. Den är en vanlig ordbehandlare vid sidan av, bara att den låter dej enkelt och snabbt öppna flera textfiler, med tabbar för att snabbt hoppa dem emellan. Den har även referenser till alla vanliga html koder så du kan antingen snabbt kolla hur man använder en kod eller låta FlexEdit göra en till dej.

När du sparar din html fil, kontrollera att ändelsen är antingen .htm eller .html. Om den är .txt, den kanske inte fungerar som den ska. Om du försöker spara filen som .htm men resultatet blir .htm.txt istället, blir det inte bra. detta betyder antagligen att du använder Win95 med vissa funktioner avstängda. För att låta Win95 spara som .htm istället, måste du ändra ett retsamt förval i Win95. Först gå till Utforskaren, välj sedan Visa och välj Alternativ. I fliken Visa kontrollera att rutan "Visa inte MS-DOS filtillägg för registrerade filtyper" är avmarkerad (med Internet Explorer 4.0 installerad, välj Visa - Mappalternativ - fliken Visa - avmarkera rutan "Dölj filtillägg för registrerade filtyper"). Detta är mycket viktigt.

Nu när du har en fil att redigera, kan du skriva vad du vill däri. Här finns ett exempel, följt av dess html källkod:

Exemplar

*****Börja Exempel*****

Detta är ett exempel.

Jag hoppas att du redan lärt dej grunderna från guiden och kan nu skriva meddelanden som detta.

Om inte, ta en tittkällkoden till detta här nedan:

*****Slut Exempel*****

*****Börja Exempel Källkod*****

<p> <center>Detta är ett exempel.</center>
Jag hoppas att du redan <font size = +2>lärt</font> dej <i>grunderna</i> från </b>guiden<b> och kan nu skriva meddelanden som <font color = green>detta</font>.
Om inte, ta en <font color = red>titt</font> på <u>källkoden</u> till detta här nedan:

*****Slut Exempel Källkod*****

Första exemplet visar hur meddelandet ser ut på en hemsida. Andra exemplet visar hur html källkoden ser ut på filen som du redigerar. Naturligtvis vet du det redan om du provade guiden. Notera att jag ibland använder [] som ersättning för <> som demonstrering (eftersom mindre än och större än markerar koder i html). De flesta webläsare låter dej titta på källkoden för varje websida du besöker. Med Netscape 4 eller nyare, gå till Visa och välj Sidkod för att läsa källkoden för den aktuella sidan. Med Internet Explorer, högerklicka på sidan och du kan välja att se på källkoden i en textfil. Med bägge webläsarna, du kan spara källkoden, leka med och ändra den, spara den på din dator, och titta på förändringarna. notera att om sidan har frames, du kanske vill titta på källkoden till framen istället. ;)

Du kan alltid göra en hel website på din hårddisk innan du skickar upp det till en server. Detta är oftast bästa alternativet för att om du gör misstag, kan du korrigera det mycket lättare om sidan finns på din hårddisk (och en tryck på Uppdatera -knappen visar ändringar direkt). Viktigt: För att ändringarna ska ske, måste du spara filen du arbetar på. Enbart ändring av filen utan att spara den ändrar ingenting. En annan viktig sak du ska känna till är att startsidan på nästan alla siter heter "index.html" Med andra ord, varje gång någon besöker siten www.place.com/~ziggy/, letar de egentligen efter www.place.com/~ziggy/index.html. Om din dator endast kan spara filer som "index.htm" (till exempel du använder windows 3.1), borde du efter uppladdning namnge filen "index.html"

Några sista ord om programmering av html. Davesite förklarar detta, men jag vill påminna dej om några viktiga koder. Jag föreslår att du inte sparar på [p] och [br] koder. Faktiskt nästan alla koder på den här sidan är p eller br koder. [p] startar ett stycke (i de flesta fall den helt enkelt lägger en tom rad mellan styckena). [br] är som enter -tangenten. Detta är viktigt eftersom webläsarna struntar i normala enter -tecken och extra mellanslagen (så du måste koda i html för att byta rad istället för att använda enter -tangenten). Detta är mycket viktigt. Med andra ord, om du trycker på mellanslag 20 gånger och sparar som .htm fil, endast ett mellanslag syns. Likaså, om du trycker enter 20 gånger, inga radbyten kommer att synas; webläsaren tolkar det som ett enkelt mellanslag.

Var och hur man får plats att lägga sin hemsida på

Geocities, Fortunecity, Xoom, och Tripod brukar vara bra ställen att få plats på. Jag hörde att några internet leverantörer som Earthlink, Bekkoame, och AOL tillhandahåller personliga utrymmen för sina medlemmar, men dessa borde endast användas som personliga sidor och övningsplatser.

För de mer avancerade användare, titta på listan av ungefär 100 servers som erbjuder fritt utrymme i avancerade sektionen.

För att skicka din hemsida till Geocities, till exempel, bör du använda FTP (du kan även använda http verktyget de har, men det är ineffektivt och klumpigt). Ett FTP program jag föreslår är CuteFTP; det är shareware som har det nödvändigaste (du kan hämta det från http://www.cuteftp.com). För att uppladda, koppla till servern ftp.geocities.com. Som användarnamn, skriv namnet på din abonnemang hos servern. Som lösenord, skriv lösenordet för samma abonnemang. Glöm inte ditt lösenord eller skriv upp det nånstans där du hittar. Notera att Geocities FTP är speciell och låter dej inte se filstrukturen av filerna som du skickat (när jag för första gången skrev denna FAQ, var detta fallet; Geocities har sedan dess ändrat sej och låter dej se det nu). Under uppladdning, speciellt om du skickar stora filer, du kanske vill stoppa annan filtrafik till och från din dator för att snabba upp processen.


Tips och tricks

1) Geocities tillåter inte undermappar.

2) De flesta websiter skiljer mellan små och stora bokstäver.
--med andra ord, till en website, "happosai.txt" är inte detsamma som "HAPPOSAI.TXT".
--Detta är värt att notera eftersom på din hårddisk, små eller stora bokstäver gör ingen skillnad.


--med andra ord, på din egen hårddisk, "happosai.txt" är detsamma som "HAPPOSAI.TXT".
--Glöm inte detta, eftersom många av "page not found" problemen beror på detta. ;)
--Av denna anledning rekommenderar jag att fastna för enbart den ena (företrädesvis små bokstäver).

3) Om du anlitar Geocities, gör endast allmänt accepterade sidor.
--Tvinga dem inte till besväret att stänga av din site för att du inte följde deras riktlinjer.
--en viktig detalj de kräver är att lägga deras länk-plakat (banner) på varje huvudsida.
--koden för detta plakat kan hittas på members FAQ på deras sida.
--Geocities kräver även att varje sida på din site hänger ihop (inga gömda sidor).

4) När du visar en bild på din sida, en bra ide är att specifiera bildens yttermått.
--Jag gör alltid det, och även om det inte är nödvändigt, det kortar nedladdningstiderna för din sida på många webläsare.
--till exempel, [img src = happosai.gif height = 40 width = 40] är bättre än att bara lägga [img src = happosai.gif]
--med Netscape speciellt, om du inte specifierar yttermåtten, Netscape visar inte resten av sidan förrän bilden är nedladdat och Netscape kan klargöra dess mått. Detta kan vara mycket irriterande och onödigt.
--notera att måtterna oftast uttrycks i antal pixlar, fast du kan även skriva dem i prosent
--om du skriver fel värden, bilden kan se sträckt ut eller bli avskalad, så nogrannhet är viktigt
--du hittar måtterna på flera olika sätt. Oftast snabbaste sättet är genom att öppna bilden med din webläsare (högerklicka och välj Visa bild) eller genom program som ACDSee.
--se även upp så du inte blandar höjd och bredd.

Om du vill göra en index -sida med länkar till 20 filer, en snabb väg att göra indexet är att använda ett program som Changename 5.0. Kör Changename och välj alla filer du vill länka till. Redigera sedan filnamnen som text, och klippa och klistra denna lista till en annan textfil. Nu borde det inte vara svårt att ändra denna textfil till en html fil som länkar till de 20 filerna.

Jag undviker användandet av långa filnamn så långt som möjligt. Detta framförallt med tanke på folk som använder Win 3.1, eftersom vid sparandet på hårddisken, långa filnamn förkortas till högst åtta tecken plus tre tecken för filtypen. Till exempel, "happosaisfaqs.html" kanske förkortas till "happosai.htm" på en dator med windows 3.1.

Val av rätta färger är mycket viktigt. Om du inte är mycket klurig, försök alltid välja ljus bakgrund. Om du väljer ljus bakgrund, är det bäst att använda svart text. Näst bästa kombinationen enligt studier är grön text på svart bakgrund (som en gammal dataterminal). Ibland vill du kanske använda fet stil för att underlätta läsandet, men utnyttja inte det om du inte tycker det är nödvändigt. På anslagstavlor, fel färgval har ofta orsakat minskat användande.

Var omtänksam och lägg inte förargelseväckande material på din site. Dessutom, om du anlitar en fri webvärd som geocities eller fortunecities som kräver att du följer deras riktlinjer, är detta mycket viktigt. I sådant fall, en allmän tumregel är att inte lägga ut material som retar fler än 5% av besökarna. Vänligen sätt inte upp bilder av skottskadade, var inte extremt stöddig, eller uttryck hat mot andra människor. Jag har sett sådana sidor och mer därtill, varenda en brytandes mot flera riktlinjer samtidigt.