Om att programmera en egen webbplats/hemsida

Det enklaste är att använda ett webbpubliceringssystem, exempelvis WordPress. Då behöver man bara utforma sidan, inte skriva kod.

Annars är grundspråket för webbsidor HTML (hypertext markup language), vilket man måste kunna hantera för att göra en webbsida (fast det finns editeringsprogram som mer eller mindre automatiskt ger HTML-kod, även Microsofts Officeprogram gör det).

För utformningen är det även bra att kunna göra stilmallar, CSS (cascading style sheets).

Därutöver kan man utöka funktionerna genom regelrätt programmering i JavaScript, VB-script, PHP eller ASP, koppla till databaser via SQL (structured query language) osv. Så det finns olika nivåer man kan ta sig till. Kostnaden är liten eller ingen för att göra webbsidorna, om man gör dem själv och lägger dem på en egen server. Att hyra in sig på webbhotell kan förstås kosta en del.

Börja med att se på W3Schools sidor och gör några övningar där.

Tack för svaret! Alltså måste jag först och främst lära mig HTML och CSS för att verkligen bli insatt i hemsidor gällande programmering. Räcker det med att bara kunna JavaScript för att utöka funktionerna eller är det nödvändigt att kunna de andra programmeringsspråken som du nämner? 

Det här projekt har jag tänkt mig som fritidssysselsättning när tid blir över och målet är att göra allt "själv". Förhoppningsvis är det något jag kommer fortsätta med under en lång tidsperiod, så det är ingen brådska med att bli klar och jag planerar inte för tillfället att investera i något om det inte är något nödvändigt.

Men, vad finns det för säkerhetsrisker med att ha en egen server på sin dator eller kan man ha något annat än en dator?  

Förresten, jobbar du som programmerare om man får fråga? I så fall, finns det böcker som är bra att läsa på? 

Börja med HTML - det räcker för att göra en webbsida. Komplettera med CSS för att få den utformning på sidan du vill ha. JavaScript är till stor del för att få sidan interaktiv, det körs av datorns webbläsare. PHP och ASP (Microsofts variant) körs på servern för att få exakt de funktioner man vill på mer avancerade webbplatser; du kan se på det senare.

Ställer du en webbplats och server till allmän åtkomst finns det förstås säkerhetsfrågor att tänka på. Framför allt gäller det att skydda filerna på servern mot hackning och kapning. En server är en dator, det kan vara en vanlig hemdator med sådan programvara (till exempel IIS, som kommer med Windows) eller en kraftfullare maskin, särskilt avsedd för att vara server.

Nej, jag jobbar inte som programmerare och vet inte vad som är bäst av det otal böcker som finns. Börja som sagt med W3Schools.

Sharapov skrev :

...
Men, vad finns det för säkerhetsrisker med att ha en egen server på sin dator eller kan man ha något annat än en dator?  

Om du bara tänker ha några egna sidor du redigerar för att du tycker det är roligt duger en server hemma bra. Du måste bara se till att den router som ger dig tillgång till Internet hemma släpper igenom förfrågningar till datorn med webserverprogrammet.

Om du däremot tänker ha något mer krävande på datorn: stora bildbibliotek, filmsnuttar, filer som kontaktas av hundratals användare samtidigt osv. fungerar inte ditt Internet hemma. Orsaken till det är att man normalt sett har mycket lägre "uppladdning" i bredbandet än "nedladdning" helt enkelt eftersom en vanlig surfare "laddar ner", hämtar från Internet, i mycket större omfattning än "laddar upp". Men en webserver används för uppladdning. En privat webserver storknar rätt fort och du får väntetider på flera minuter för filer du tycker är rätt små. 

Ingemar skrev :

Om du däremot tänker ha något mer krävande på datorn: stora bildbibliotek, filmsnuttar, filer som kontaktas av hundratals användare samtidigt osv. fungerar inte ditt Internet hemma. Orsaken till det är att man normalt sett har mycket lägre "uppladdning" i bredbandet än "nedladdning" helt enkelt eftersom en vanlig surfare "laddar ner", hämtar från Internet, i mycket större omfattning än "laddar upp". Men en webserver används för uppladdning. En privat webserver storknar rätt fort och du får väntetider på flera minuter för filer du tycker är rätt små. 

Bra att veta.

W3Schools verkar som en schysst plast att börja på.

Jag kommer säkert vid ett senare tillfälle hyra in mig i en webbserver för enkelhetens skull, men är det möjligt till en början att göra så hemsidan är total onåbar samtidigt som man programmerar och ser hur det blir. Jag tänker mig så att webbserver inte utsätts för angrepp. Säkerheten är något jag anser som viktig element och ska lära mig mer om det. 

Min första webbplast ska vara något (kanske blogg) enkelt, men målet är att kunna programmera liknande hemsidor som Pluggakuten. 

Ska sidan vara onåbar kan du gärna ha den på en vanlig dator, som en fil, typ minsida.htm. Då kan du skriva och redigera den i t.ex. programmet Anteckningar, om du är i Windows, eller motsvarande textredigerare, och se på den i webbläsaren.

Pluggakuten är en relativt avancerad webbplats - vill du se hur sidan ser ut i den koden som webbläsaren får, kan du välja "F12-verktyg" eller "Källa" i webbläsaren.

Har du Windows operativsystem kan du installera Wamp. Då har du automatisk installerat allt du behöver för en egen sida.
W =Windows
A=Apache webserver
M=MySQL databas
P=PHP programmeringsspråk för script på serversidan.

http://wampserver.aviatechno.net/

Så länge du inte öppnar routern hemma för kontakter utifrån Internet kan du göra vad du vill inom ditt vanliga nät utan att upptäckas av illvilliga hackers.

Sharapov & MagicJulia!

Börja med att skriva er första hemsida genom att öppna Notepad på datorn.

I Notepad skriver du:

Hej Sharapov & MagicJulia!

Klicka sedan på Arkiv->Spara, välj att spara på skrivbordet, välj filnamn som test.html

Avsluta Notepad.
Dubbelklicka på filen test.html

Du har gjort din första hemsida.

PeterÅ skrev :

Sharapov & MagicJulia!

Börja med att skriva er första hemsida genom att öppna Notepad på datorn.

I Notepad skriver du:

Hej Sharapov & MagicJulia!

Klicka sedan på Arkiv->Spara, välj att spara på skrivbordet, välj filnamn som test.html

Avsluta Notepad.
Dubbelklicka på filen test.html

Du har gjort din första hemsida.

Det har jag lärt mig, men när jag testa att besöka sidan genom en annan dator så kom inte sidan upp. Vad gör jag för fel undrar jag? 

Du gör inget fel. Innan man kan springa måste man lära sig att gå.

Det du försöker är avancerat. Strunta i det och koncentrera dig på att lära dig HTML och CSS. Det är det viktigaste. Resten kommer mer eller mindre automatiskt.

Nu blev jag lite grann nyfiken. Skulle du kunna förklara det kortfattad och begripligt? :) 

ok, förklara för mig vad det är du vill jag ska förklara ....

Varför jag inte kan se hemsidan via en annan enhet? 

Därför att det ska inte gå. Det handlar om säkerhet.

Är det vad du vill lära dig, säkerhet på internet?

Eller vill du lära dig skriva hemsidor? Jag anser att om du inte vet hur en hemsida är uppbyggd och fungerar kan du inte tillgodogöra dig de begrepp som internetsäkerhet omfattar.

Som jag tidigare sade: Du måste kunna gå innan du kan springa. Lär dig saker i dess rätta ordning, då faller bitarna på plats helt naturligt. Lita på mig, en pensionär med snart 40 års erfarenhet av datorer och IT.

Sharapov skrev :

Varför jag inte kan se hemsidan via en annan enhet? 

Den saknar header och html-kod.

Jag har tillverkat hemsidor med elever ner till år 4, i början av mellanstadiet. För, som sagt, du måste lära dig grunderna innan du kan göra mer avancerade saker. De allra enklaste kommandona har du här i den text jag haft som grund för mellanstadiet, även om texten kring headers är rätt föråldrad i dagsläget. Det är några år sedan sist.

http://grundskoleboken.se/wiki/Skapa_hemsida

Filen du inte kunde se i webbläsaren kan du se om du skriver så här och sparar som filnamn.htm:
<!DOCTYPE html>
<html>
<head>
<title>F&ouml;rsta f&ouml;rs&ouml;ket</title>
</head>
<body>
<p>Hej Sharapov &amp; MagicJulia!</p>
</body>
</html>

Tror ni svarar på fel fråga. För att se en (lokal) HTML-fil behövs ingen header.

Frågan var (tror jag) varför man inte kunde se filen som är lagrad på en dator från en annan dator?

Stämmer det Sharapov? Isåfall gäller det som jag skrev tidigare.

Visst kan man se filer på en annan dator om behörigheten är satt så, men det hänger ju på det. Annars stämmer det att header inte behövs - inte ens html-etiketter i en modern webbläsare (den sätter dit dem), vilket Peter väl avsåg att visa med exemplet "Hej Sharapov & MagicJulia!". Återigen:

1. Börja med HTML och W3Schools övningar

2. Komplettera med CSS

3. Se på hur webbsidor publiceras och testa med enkla webbsidor.

4. Släpp inte in allmänheten förrän du gått igenom kapacitets- och säkerhetsfrågor.

5. Jobba vidare med JavaScript och databasanknytning, om det finns behov/intresse av det.

PeterÅ skrev :

Tror ni svarar på fel fråga. För att se en (lokal) HTML-fil behövs ingen header.

Frågan var (tror jag) varför man inte kunde se filen som är lagrad på en dator från en annan dator?

Stämmer det Sharapov? Isåfall gäller det som jag skrev tidigare.

Det stämmer Peter. Det var det jag undra. 

Tack ska ni ha alla för era svar. Jag uppskattar det verkligen och är tacksam. Det känns tryggare och bekvämare att få råd och tips från någon trovärdig när man själv är väldigt osäker om hur det fungerar. 

Nu har jag mer koll om vad som krävs att kunna. Jag ska nu ta och lära mig grunderna! :) 
P.S. Jag håller tråden aktiv och återkommer med funderingar om jag har. 

Nu har jag mer koll om vad som krävs att kunna. Jag ska nu ta och lära mig grunderna! :) 
P.S. Jag håller tråden aktiv och återkommer med funderingar om jag har. 

Undvik att ställa 50 frågor i en och samma tråd (vi gillar inte megathreads på Pluggakuten). Skapa gärna nya trådar och dela upp frågorna så att andra kan ta del av dem på ett enkelt sätt längre fram. /moderator

För att undvika att bumpa en gammal tråd:

En kommentar av användaren MagicJulia har plockats bort då den innehöll en länk som ansågs vara av karaktären 'marknadsföring'. /moderator