Permalänk
Inaktiv

Göra egen websida

Hej!
Jag hade tänkt göra en egen hemsida med HTML5!
Finns det någon bra guide för det PÅ SVENSKA!?
Jag har hört att man behöver en server för det! Måste man det?
Kan man ha det på dator utan att man måste ha datorn igång för att webbsidan ska vara på?
Kan man ha en egen adress (t.ex www.thecomputergeek.com och inte t.ex www.danielbkvist.wix.com/ddestroyer som jag har på min hemsida nu) fast man har det på datorn eller är det bättre med en server?

Rubrikstavning
Permalänk
Medlem

Vet ingen guide men,

1 Datorn websidan ligger på måste ju vara igång...

2 Ja du kan ha .com .org .se osv om du betalar för topdomänen ( .se )

3 server vet jag inte.

Visa signatur

I7 12700K, Asus RTX 3080 TI, Alienware AW3423DW och annat smått o gott.

Permalänk
Medlem
Skrivet av anon218624:

Hej!
Jag hade tänkt göra en egen hemsida med HTML5!
Finns det någon bra guide för det PÅ SVENSKA!?
Jag har hört att man behöver en server för det! Måste man det?
Kan man ha det på dator utan att man måste ha datorn igång för att webbsidan ska vara på?
Kan man ha en egen adress (t.ex www.thecomputergeek.com och inte t.ex www.danielbkvist.wix.com/ddestroyer som jag har på min hemsida nu) fast man har det på datorn eller är det bättre med en server?

Jag har inte sett någon bra svensk guide på HTML5, utan hållt mig till det engelska.
JA, du måste ha datorn igång för att websidan ska vara "på". Har inte kört egen server, men antar att det bara är en apache server man kör och tillåter HTML5 via den, men som sagt, har ingen koll.
Bäst är att köpa webhotell med tillhörande adress. Adresser köps även på webhotell, sedan pekas den till det IP & port som används.
T.ex din stationära dator.
Du verkar ny på det här, så skulle nog vara bäst att köpa ett webhotell så länge.

Visa signatur

Never say sorry. It's a sign of weakness

Permalänk
Medlem

Du ska tänka på att HTML5 bygger på tidigare HTML-versioner där man lagt till lite fler avancerade funktioner. Så mitt första tips är att du inte ska börja med att lära dig specifika HTML5-funktioner, utan lära dig generell HTML först. Dock kan du förstås gärna använda en HTML5 doctype på din webbsida.

Om du vill slippa undan gratis kan du sätta upp en egen webbserver på din dator (t.ex. Apache httpd), men datorn måste ju vara igång för att kunna ta emot besökare. En egen .com-adress kommer att kosta ca 10$ om året, billigast hittar du från namecheap.com. Denna .com-domän kan du koppla antingen till en webbserver som du hostar på din egen dator eller till ett webhotell om du valt att köpa ett sådant.

Själv lärde jag mig HTML och CSS genom att studera befintlig kod som olika WYSIWYG HTML-editorer gav ut. Så jag kan inte rekommdera dig någon specifik guide.

Permalänk
Medlem
Skrivet av anon218624:

Hej!

Jag hade tänkt göra en egen hemsida med HTML5!
Finns det någon bra guide för det PÅ SVENSKA!?
Jag har hört att man behöver en server för det! Måste man det?
Kan man ha det på dator utan att man måste ha datorn igång för att webbsidan ska vara på?
Kan man ha en egen adress (t.ex www.thecomputergeek.com och inte t.ex www.danielbkvist.wix.com/ddestroyer som jag har på min hemsida nu) fast man har det på datorn eller är det bättre med en server?

1. Det finns extremt mycket mer material och dokumentation på engelska. I princip allt som rör datorer/IT har mest & bäst dokumentation på engelska. Finns dock ett par sidor t.ex. webbdesignskolan. Sök lite på google så hittar du.

2. Ja, du behöver en webserver. (Mjukvaran på maskinen din hemsida ligger på som tar emot förfrågningar från klientens webbläsare och skickar hemsidan till klientens webbläsare) Exempel på webservrar är Apache & Microsoft IIS.

3. För att kunna nå webbsidan måste servern/datorn sidan ligger på vara igång och nåbar. (Kan du jobba i Excel om programmet inte är startat?)

4. Ja, absolut. Du kan registrera din egna domän hos en registrar. Domänen kan du därefter peka mot din webbserver eller webbhotell osv.

Visa signatur

Asus P8P67 Pro | Core i7 2600 | Sapphire Radeon R9 290 | A-DATA SSD 510

Permalänk
Medlem

Jag håller med Jetten. Lär dig HTML och CSS först. Mitt tips är att börja med xHTML (Strict HTML) och validera sidorna. För då kan du på ett sätt få komfimerat att du skrivit koden korrekt och dina sida kommer att se likadan ut i alla webbläsare.

Ja, datorn som webbservern och din hemsida (filer) ligger på måste vara uppkopplad hela tiden. Det finns gratis värdar att använda sig av. Men ofta är dessa riktigt begränsade och långsamma. Ladda ned Apache alt. Xampp (Ett paket med allt som behövs för webbutveckling (- notepad++)).

Som många andra redan nämnt så måste du köpa dig ett domännamn. Ligger runt 100kr/året men ibland kan man få riktigt bra priser på .se toppen. Köpte förra året en .se domän för 9kr.

Om du redan har en hemsida, kan du inte bara byta ut filerna och rikta om din domän till den adressen (http://www.danielbkvist.wix.com/ddestroyer)? Eller du kanske inte kommer åt dem filerna?

Visa signatur

~. Citera så jag hittar tillbaka .~

Permalänk
Inaktiv
Skrivet av Nysaan:

Jag har inte sett någon bra svensk guide på HTML5, utan hållt mig till det engelska.
JA, du måste ha datorn igång för att websidan ska vara "på". Har inte kört egen server, men antar att det bara är en apache server man kör och tillåter HTML5 via den, men som sagt, har ingen koll.
Bäst är att köpa webhotell med tillhörande adress. Adresser köps även på webhotell, sedan pekas den till det IP & port som används.
T.ex din stationära dator.
Du verkar ny på det här, så skulle nog vara bäst att köpa ett webhotell så länge.

Var köper man ett webhotell då?

Permalänk
Inaktiv
Permalänk
Medlem
Skrivet av anon218624:

Var köper man ett webhotell då?

http://one.com
http://loopia.se
http://fsdata.se

bland annat. One.com kör jag och jag är nöjd med dom.

Visa signatur

Never say sorry. It's a sign of weakness

Permalänk
Skrivet av anon218624:

http://www.glesys.se/ har jag haft bra erfarenhet av, de andra lite halvbra (men inte jättemycket).

Om det inte är för utbildningssyfte, rekommenderar jag att du använder ett system/verktyg för att bygga en hemsida.

Visa signatur

markushedlund.com

Workstation: Define R4, KFA2 GTX 670, FSP Aurum 400W, AMD Phenom2 X6 1055T, Asus M4A89GTD PRO/USB3, Corsair 8 GB 1666 MHz, Samsung 830 128GB, Intel X25-M G2 80GB, Scythe Mugen 2
Server: PicoPSU, Intel Atom 330, 4 GB ram, Intel SSD 40 GB + olika diskar

Permalänk
Medlem

Eftersom det inte är nämnt tidigare så slår jag ett slag för Raspberry PI som potentiell webserver. I alla fall till en början innan belastningen överstiger vad den kan hantera.

http://www.wikihow.com/Make-a-Raspberry-Pi-Web-Server

http://www.daveconroy.com/how-to-turn-your-raspberry-pi-into-...

etc...
Och skulle det visa sig att du inte längre behöver en webbsida eller byter upp dig så har du åtminståne en Raspberry PI att leka med efteråt.
Raspberry PI drar ju inte lika mycket ström som en traditionell server hemma. Dessutom går det ju att köra den på solceller utan större extra kostnad om man så önskar.

Visa signatur

Chassi: Svart, PSU: 230 volt, Moderkort: Stort, CPU: Med fläkt, Minne: Tappat, GPU: Klarar MsPaint jättebra, Hårddiskar: Stor och liten, Mus: Med rullhjul, Tangentbord: Svenskt, Skärm: Platt

Permalänk
Medlem

Roligt att du intresserat dig för webbutveckling! Här följer lite tips:
1. Lär dig grunderna inom HTML och CSS innan du rör dig vidare.

2. Om du har tänkt att hosta en egen webbserver, tänk då på att säkerheten är av stor vikt. Läs på ordentligt innan du sätter upp en egen webbserver och gör den publik. Alternativet är ju XAMPP (då slipper du allt krångel med att sätta upp en egen webbsever).

3. Köp inte ett domän och webhotell det första du gör; viktigaste är att du lär dig grunderna inom webbdesign först. Dessutom kan du utveckla din webbplats från hemmet till en början och köpa domän och webhotell därefter.

4. Ta inga genvägar - då missar du möjligheter att lära dig. Stöter du på problem som du inte vet hur du skall lösa - fråga! Men kopiera aldrig kod i rakt av ii blindo nnan du förstår hur det hela är uppbyggt.

5. Hitta en trevlig texteditor, det kanske kan verka oviktigt till en början. Men sitter du och knackar kod varje dag i en månads tid kan det vara otroligt skönt med en bra editor. Själv rekommenderar jag Sublime Text 2 - men valet är självklart högst personligt.

6. Ha roligt!

Lycka till med ditt webbutvecklande, och kom ihåg; det finns inga dumma frågor!

Visa signatur

Citera för svar!

Stationär: Fractal Design Define R6 | Asus Z370-P | Intel i7 8700k @ 3.7 Ghz | Corsair Vengeance LPX 32GB CL15 @ 3000 Mhz | Asus STRIX GTX960 4GB | Fractal Design Celsius S24 | 5 TB HDD | 250GB SSD (Samsung 850 EVO), 128GB SSD (Crucial M4) | Corsair HX 850W | W10
Bärbar: Sony Vaio Pro 13.3" | i7-4500U | 8GB RAM | 256GB SSD | Ubuntu

Permalänk
Inaktiv
Skrivet av TheCadde:

Eftersom det inte är nämnt tidigare så slår jag ett slag för Raspberry PI som potentiell webserver. I alla fall till en början innan belastningen överstiger vad den kan hantera.

http://www.wikihow.com/Make-a-Raspberry-Pi-Web-Server

http://www.daveconroy.com/how-to-turn-your-raspberry-pi-into-...

etc...
Och skulle det visa sig att du inte längre behöver en webbsida eller byter upp dig så har du åtminståne en Raspberry PI att leka med efteråt.
Raspberry PI drar ju inte lika mycket ström som en traditionell server hemma. Dessutom går det ju att köra den på solceller utan större extra kostnad om man så önskar.

Jag har kollat lite efter Raspbery PI och det verkar finnas många modeller! Vilken ska jag ha till en webserver?

Permalänk
Inaktiv

Jag tror jag ska köpa en sådan! Hur ger man webbsidan en adress sedan då? Är det svårt att få det att funka? Hur för man över websidan till den sedan?

Permalänk
Inaktiv

Är det här Raspberry PI-Paketet bra?
http://www.netonnet.se/art/dator/komponenter/moderkort/integr...
Jag måste köpa till en HDMI-kabel va?

Permalänk
Medlem

Om du inte har en blekaste aning om hur detta fungerar kan jag inte rekommendera att du köper en Raspberry PI, sätter upp den, lägger in passande mjukvara för att sedan konfigurera den och routern.

Självklart om du är sugen på en utmaning kan du ju alltid göra det. Du kommer åtminstone väldigt billigt undan.

Annars skulle jag nog rekommendera något webbhotell. One.com verkar trevligt.

Visa signatur

Ryzen 5600X | MSI Tomahawk | GTX 3070

Permalänk
Inaktiv

Enklast är att använda ett webbhotell.

Permalänk
Medlem
Skrivet av anon218624:

Är det här Raspberry PI-Paketet bra?
http://www.netonnet.se/art/dator/komponenter/moderkort/integr...
Jag måste köpa till en HDMI-kabel va?

Om du vill lära dig webbdesign/webbutveckling i första hand rekommenderar jag dig inte att köpa och sätta upp en egen webbserver. Det är tidskrävande och kräver en hel del kunskap om du vill få det verkligt säkert (vilket jag antar att du vill eftersom att webbplatsen skall vara publik för allmän beskådan på nätet).

Vet inte om det framgått, speciellt inte eftersom du inte sagt vad/varför du skall koda en webbsida, men du behöver inget webbhotell eller domän under tiden du lär dig koda. Det kan du fundera på att köpa först efter det att du har bekantat dig med HTML, CSS eventuellt Javascript och PHP. Ingen idé att sitta och betala någon hundralapp i månaden för webhotell eller de 550:- som det Raspery Pi-paket du kollade på kommer kosta dig. Allt detta kan du göra lokalt på din egen dator via exempelvis XAMPP (något som du inte heller det behöver bry dig om sålänge som du lär dig HTML, CSS eller Javascript (först när du lär dig PHP är XAMPP en bra lösning för lokal webbutveckling).

Så återigen, lägg din största tid på att lära dig koda. Serverdrift är en helt annan femma och ett helt annat projekt som mest troligen kräver mer tid än vad du tror. Dessutom är det rekommenderat att du konfigurerar webbservern på ett korrekt sätt, du vet omöjligen vilka inställningar du skall ha för att anpassa webbservern till de webbplatser du hostar om du har bristfällig kunskap om webbutveckling i sig.

OM du nu måste ha webbplatsen uppe på direkten så se till att hyra ett webhotell. Där står de för drift och konfigurering av servrar, alltså kan du lägga all din tid på webbplatsen i sig och inte på att ändra massvis med konfig-filer, lägga tid på kryptering av kommunikation etc. Gör det enkelt för dig så blir det roligare, ta inte på dig ett stort berg med uppgifter från början utan börja i liten skala - då rinner det inte ut i sanden (tro mig, jag vet hur det brukar gå när man tar på sig förstora uppgifter).

Visa signatur

Citera för svar!

Stationär: Fractal Design Define R6 | Asus Z370-P | Intel i7 8700k @ 3.7 Ghz | Corsair Vengeance LPX 32GB CL15 @ 3000 Mhz | Asus STRIX GTX960 4GB | Fractal Design Celsius S24 | 5 TB HDD | 250GB SSD (Samsung 850 EVO), 128GB SSD (Crucial M4) | Corsair HX 850W | W10
Bärbar: Sony Vaio Pro 13.3" | i7-4500U | 8GB RAM | 256GB SSD | Ubuntu

Permalänk
Medlem
Skrivet av anon218624:

Jag har kollat lite efter Raspbery PI och det verkar finnas många modeller! Vilken ska jag ha till en webserver?

Skrivet av anon218624:

Jag tror jag ska köpa en sådan! Hur ger man webbsidan en adress sedan då? Är det svårt att få det att funka? Hur för man över websidan till den sedan?

Skrivet av anon218624:

Är det här Raspberry PI-Paketet bra?
http://www.netonnet.se/art/dator/komponenter/moderkort/integr...
Jag måste köpa till en HDMI-kabel va?

Köp ett färdigt paket med server etc. från ett webbhotell... blir nog enklare i längden.

Visa signatur

| EVGA Z170 FTW | i7 6700k | ASUS RTX 3070 | 16GB DDR4 3200MHz | Cooler Master V850 | Samsung 840 Evo 250GB + 2x WD Black 500GB + Seagate 2TB SSHD + Samsung 970 Evo M.2 500GB |

Permalänk
Medlem

Jag vill be om ursäkt för att det blev så poppis hos TS med Raspberry Pi.
Självklart måste ju TS förstå vad det innebär att sätta upp en egen webbserver innan han börjar, och självklart är det ju att föredra att han redan kan HTML/CSS och allt annat han önskar innan han spenderar pengar på en webserver.

Mitt tips innan du skall publicera din sida är att jobba på den lokalt då det går både snabbare och är billigare.
Om du behöver en backend samtidigt vill jag, trots svårigheten med att installera en sådan, föreslå att du installerar den på samma dator som du utvecklar på. Det blir billigast så under tiden som du sitter och utvecklar.
Men självklart är det helt upp till dig vad du väljer att göra och jag säger bara hur jag skulle gjort det.

Om du behöver nå ut på internet med din sida så gör det att använda dynamiska DNSer som t.ex dyndns.org, dom är helt gratis och erbjuder en liten applikation som du kan köra på datorn som automatiskt uppdaterar din IP till en dyndns redirect server.
Så din webbadress kan t.ex vara "dunderkalle.no-ip.org" och det enda som kan vara "jobbigt" är just att behöva skriva "no-ip" i addressen.
MEN, du kan sedan i sin tur skaffa en riktig domän som "dunderkalle.se" (antagligen upptagen dock) och säga till den att rikta sig mot dunderkalle.no-ip.org som i sin tur riktar sig mot din dynamiska IP address.

Men, som med allt annat som kostar en månadsavgift så är ändå ett webhotell det enklaste alternativet.

Visa signatur

Chassi: Svart, PSU: 230 volt, Moderkort: Stort, CPU: Med fläkt, Minne: Tappat, GPU: Klarar MsPaint jättebra, Hårddiskar: Stor och liten, Mus: Med rullhjul, Tangentbord: Svenskt, Skärm: Platt

Permalänk
Inaktiv

Jag använder "CoffeCup Free HTML Editor" och det funkar ganska bra!
Jag försöker lägga in en bild men det funkar inte!
Här är koden:

<!DOCTYPE html>
<html>
<body>

<h1>WELCOME</h1>
<p>Hello! I'm DDestroyer. I play World of Tanks, War thunder and World of Warplanes</p>
<p>I have a Youtube chanell to! Visit it here: <link https://www.youtube.com/channel/UCrLMIF2smp1ldcdhbfT0uBA?feat...

<img shot_001.jpg/img height="300"/img width="300">

(Det är bara ett test för att testa de olika funktionerna!)
Det funkar heller inte att lägga till en länk!
Hur ska jag göra?

Permalänk
Medlem
Skrivet av anon218624:

Jag använder "CoffeCup Free HTML Editor" och det funkar ganska bra!
Jag försöker lägga in en bild men det funkar inte!
Här är koden:

<!DOCTYPE html>
<html>
<body>

<h1>WELCOME</h1>
<p>Hello! I'm DDestroyer. I play World of Tanks, War thunder and World of Warplanes</p>
<p>I have a Youtube chanell to! Visit it here: <link https://www.youtube.com/channel/UCrLMIF2smp1ldcdhbfT0uBA?feat...

<img shot_001.jpg/img height="300"/img width="300">

(Det är bara ett test för att testa de olika funktionerna!)
Det funkar heller inte att lägga till en länk!
Hur ska jag göra?

Korrekt syntax för img taggen: <img src="smiley.gif" alt="Smiley face" height="42" width="42">
Korrekt syntax för länkar: <a rel="nofollow" href="index.pdf">...</a>

Visa signatur

R5 2600 | RTX 2060 Super | SSD | 16 GB RAM | Gigabyte DS3H| 750 WATT

Permalänk
Inaktiv
Skrivet av FX9:

Korrekt syntax för img taggen: <img src="smiley.gif" alt="Smiley face" height="42" width="42">
Korrekt syntax för länkar: <a rel="nofollow" href="index.pdf">...</a>

Men länken funkade sedan utan att jag skrev sådär!

Permalänk
Inaktiv

Jag har försökt lägga till en google sökruta (bara ett test) och det funkar men måste man ha en knapp också så man kan söka? Hur lägger man till den?

Permalänk
Medlem
Skrivet av anon218624:

Jag har försökt lägga till en google sökruta (bara ett test) och det funkar men måste man ha en knapp också så man kan söka? Hur lägger man till den?

Du behöver få in lite basic HTML/CSS kunskap. Leta reda på nån bra guide på nätet.

Visa signatur

R5 2600 | RTX 2060 Super | SSD | 16 GB RAM | Gigabyte DS3H| 750 WATT

Permalänk
Medlem
Skrivet av anon218624:

Jag har försökt lägga till en google sökruta (bara ett test) och det funkar men måste man ha en knapp också så man kan söka? Hur lägger man till den?

Antar att du har gjort den vanliga lösningen med ett formulär, enbart html?
Alltså "get" som metod till Googles sök-url samt ett textfält med ett PASSANDE namn..
Förutsatt att det du har skrivit är rätt måste du lägga till ett ytterligare "input"-element för en knapp.
Du kommer inte lära dig om jag bara skriver exakt vad du ska skriva, men om det bara är knapp du saknar:

http://www.w3schools.com/html/html_forms.asp

Kolla in "input" av typen "submit".

Som FX9 skrev behöver du skaffa dig lite grundläggande kunskaper inom HTML och CSS. Grundstrukturen av ett formulär borde du lära dig själv, från vilken sida som. Själv lärde jag mig mycket från w3schools + eget experimenterande.

Visa signatur

Ryzen 5600X | MSI Tomahawk | GTX 3070

Permalänk
Inaktiv

Vad är CSS bra till? Räcker det inte med html?

Skickades från m.sweclockers.com

Permalänk
Skrivet av anon218624:

Vad är CSS bra till? Räcker det inte med html?

Skickades från m.sweclockers.com

HTML är till för att strukturera innehållet (rubrik, paragraf, bild, navigation etc). Med CSS styr du utseendet.

Visa signatur

markushedlund.com

Workstation: Define R4, KFA2 GTX 670, FSP Aurum 400W, AMD Phenom2 X6 1055T, Asus M4A89GTD PRO/USB3, Corsair 8 GB 1666 MHz, Samsung 830 128GB, Intel X25-M G2 80GB, Scythe Mugen 2
Server: PicoPSU, Intel Atom 330, 4 GB ram, Intel SSD 40 GB + olika diskar

Permalänk
Avstängd
Skrivet av thecomputergeek:

Vad är CSS bra till? Räcker det inte med html?

Skickades från m.sweclockers.com

Med html markerar du bara ut saker med. Sen måste du ha css för att få en bättre design. Dålig förklaring men kommer inte på något bättre nu.

Såg att znarkus-o han före.

Permalänk
Medlem
Skrivet av anon218624:

Vad är CSS bra till? Räcker det inte med html?

Skickades från m.sweclockers.com

Du sköter i stort sett all de grafiska/design via CSS, istället för att skriva samma sak i varje fil, kan du bara hävnisa till CSS filen, så har du "reglerna" uppsatta där för diverse saker.

Känns lite som troll-tråd detta dock..

Visa signatur

HTPC - Bygglogg; http://www.sweclockers.com/album/?id=2902
HTPC - Galleri; http://www.sweclockers.com/galleri/6562-htpc-galleribilder
42U - Bygglogg; http://www.sweclockers.com/galleri/7862-42u-rackskap-i-hemmet
i7 8700K, Antec kühler 620, Asus ROG Strix Z370-I Gaming, Corsair Vengeance RGB DDR4-2666 2x16GB RAM, ASUS GTX 1070