Att skapa en egen webbsida - Amatörtråden

Permalänk
Inaktiv

Att skapa en egen webbsida - Amatörtråden

Hej Clockers!

Nu är det nämligen så att jag tänkte dra på mig ett nytt litet personligt projekt inför framtida behov och det är som rubriken lyder: Att skapa en egen webbsida. Jag har aldrig gjort det förut dock så har man testat göra lite hemsidor via färdiga hemsidor såsom freewebpage och andra sidor, där man bygger upp hemsidan genom färdiga mallar. Där blir hemsidan aldrig som man vill. Gränssnitten samt den grafiska designen blir väldigt tråkig.

Så... Min fråga till er: Hur går man tillväga? Se den här tråden som en guide till webbgalaxen.

Finns det program på svenska?

Vad ska man använda för program?

Vad ska man använda för koder?

Hur och var börjar man webbskapa?

Ni andra som sitter i samma sits som mig, ställ gärna era frågor här också, alltid trevligt med en stor gemensam tråd om sånt här.

Mvh

Permalänk
Medlem

Finns det program på svenska? - Ja massor! Ett kraffullt till windows och mac: http://www.adobe.com/se/products/dreamweaver.html?kw=semgener...

Vad ska man använda för program? Du kan bygga en hemsida i textedit om du nu vill det .

Vad ska man använda för koder? Vilka koder? Konstig fråga! Men språk innom webb som är standrad: html,Dhtml,php,java,css .net osv fins inga gränser!

Hur och var börjar man webbskapa? Det börjar med ditt intresse. Plugga, läs, lek och lär! Fins ingen genväg! Alternativt söka en kurs eller likande.
http://webdesignskolan.se/är gratis och vad jag kan minnas var dewn rätt okej!

Permalänk
Medlem

HTML5 och CSS3 är det du ska börja med om du vill skripta egna hemsidor. Skit i allt annat tills du kan dessa 2, det är allt du behöver, och det är dom 2 enklaste bitarna. Alla hemsidor på webben grundas med HTML och CSS, dom avgör innehåll, struktur och utseendet på sidan.

Det finns egentligen inget specifikt program för att skapa webbsidor. Allt handlar om att skriva enkel kod, vilket du kan göra direkt i notepad. Det program kan göra är att hjälpa dig skriva kod snabbare, ge förslag och exempel olika syntax när du skriver mm.

Några länkar du kan kolla på.

http://html.net/
http://www.youtube.com/watch?v=LqvFIuVlyP8&index=1&list=PL41l...

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Inaktiv
Skrivet av Jullepkp:

Finns det program på svenska? - Ja massor! Ett kraffullt till windows och mac: http://www.adobe.com/se/products/dreamweaver.html?kw=semgener...

Vad ska man använda för program? Du kan bygga en hemsida i textedit om du nu vill det .

Vad ska man använda för koder? Vilka koder? Konstig fråga! Men språk innom webb som är standrad: html,Dhtml,php,java,css .net osv fins inga gränser!

Hur och var börjar man webbskapa? Det börjar med ditt intresse. Plugga, läs, lek och lär! Fins ingen genväg! Alternativt söka en kurs eller likande.
http://webdesignskolan.se/är gratis och vad jag kan minnas var dewn rätt okej!

Det är som att börja i skolan på nytt. Man måste börja någonstans, något som är väldigt enkelt. Man vill också se att utifrån en liten text kan bli något annat i bild.

Som du ser så finns det en del språk inom webbprogrammering. Vad betyder alla "språken"? Vad har varje språk för funktion?

Skrivet av Florrpan:

HTML5 och CSS3 är det du ska börja med om du vill skripta egna hemsidor. Skit i allt annat tills du kan dessa 2, det är allt du behöver, och det är dom 2 enklaste bitarna. Alla hemsidor på webben grundas med HTML och CSS, dom avgör innehåll, struktur och utseendet på sidan.

Det finns egentligen inget specifikt program för att skapa webbsidor. Allt handlar om att skriva enkel kod, vilket du kan göra direkt i notepad. Det program kan göra är att hjälpa dig skriva kod snabbare, ge förslag och exempel olika syntax när du skriver mm.

Några länkar du kan kolla på.

http://html.net/
http://www.youtube.com/watch?v=LqvFIuVlyP8&index=1&list=PL41l...

Okej, det är alltså HTML och CSS som är grundstenarna i en webbsida?

Vilka program är bra för att hjälpa mig på traven?

Ganska häftigt att det lilla programmet Notepad kan göra något så stort!

Permalänk

Bästa editorn är både gratis ju online! Skaffa ett konto på http://jsfiddle.net/
Bara att starta koda direkt där, du ser i realtid vad som händer.
HTML5, CSS och javascript

Använd sen andra siter för att lära dig syntaxer o.s.v. som bl.a. ovan personer länkat till eller t.ex.:
http://www.w3schools.com/

Permalänk
99:e percentilen
Skrivet av iColt3n:

Okej, det är alltså HTML och CSS som är grundstenarna i en webbsida?

Ja! Du kan skapa en fullständig webbsida med HTML och CSS. (Använd HTML5 redan från början och strunta i IE6–8 så får du ett mycket lättare liv.)

Sedan kan man, om man vill, lägga till JavaScript för dynamisk funktionalitet och/eller ett serversidespråk (PHP, ASP, Java, Perl osv) för serversidefunktionalitet. Utan ett serversidespråk kan du inte bygga en sida där användare kan bidra med eget innehåll.

Citat:

Vilka program är bra för att hjälpa mig på traven?

Ganska häftigt att det lilla programmet Notepad kan göra något så stort!

En bra texteditor och ett bildredigeringsprogram är allt som behövs. Sublime Text och Notepad++ är två bra program. För bildredigering funkar Photoshop, GIMP, Paint.NET osv bra.

Det finns ingen anledning att sitta i Notepad och skapa webbinnehåll; det tar bara mycket längre tid utan att medföra några fördelar.

Visa signatur

Skrivet med hjälp av Better SweClockers

Permalänk
Medlem

Glömde kanske nämna det men du behöver ha en stor portion tålamod med. Sidorna du kommer skapa i början komnmer aldrig bli flådiga som stora företag osv föresn långt senare i din kodplinkar resa:P

Permalänk
Inaktiv
Skrivet av Alling:

Ja! Du kan skapa en fullständig webbsida med HTML och CSS. (Använd HTML5 redan från början och strunta i IE6–8 så får du ett mycket lättare liv.)

Sedan kan man, om man vill, lägga till JavaScript för dynamisk funktionalitet och/eller ett serversidespråk (PHP, ASP, Java, Perl osv) för serversidefunktionalitet. Utan ett serversidespråk kan du inte bygga en sida där användare kan bidra med eget innehåll.

En bra texteditor och ett bildredigeringsprogram är allt som behövs. Sublime Text och Notepad++ är två bra program. För bildredigering funkar Photoshop, GIMP, Paint.NET osv bra.

Det finns ingen anledning att sitta i Notepad och skapa webbinnehåll; det tar bara mycket längre tid utan att medföra några fördelar.

Det låter som att det är en hel del att lära sig. HTML5 och CSS är det första jag ska börja med då. Klarar man sig med PHP endast? Eller behövs Java?

Sublime Text och Notepad++ har samma användningsområde va? Så det är antingen den ena eller den andra?

Skrivet av Jullepkp:

Glömde kanske nämna det men du behöver ha en stor portion tålamod med. Sidorna du kommer skapa i början komnmer aldrig bli flådiga som stora företag osv föresn långt senare i din kodplinkar resa:P

Haha, jo det har jag räknat ut. Jag kommer riva av mig hår och naglar innan jag är färdig med hemsidan.

Permalänk
Medlem

Squarespace kanske vore något att prova? 14 dagar gratis test:

http://www.squarespace.com/pricing/

Visa signatur

Riggen:ASRock X570M Pro4 - AMD Ryzen 7 3700X - Corsair 32GB DDR4 3200MHz - Corsair MP510 960Gb NVME - EVGA 1080ti SC2 - 3x Samsung 840 500GB - EVGA SuperNOVA G1+ 650W - Fractal Design Meshify C Mini Dark TG
NAS: FreeNAS @ HP Proliant MicroServer Gen 8 - Xeon E3-1230 V2 - 16Gb Kingston ECC RAM - Intel 530 120Gb - IBM m1015/LSI 9220-8i - 4x WD Red 3Tb

Permalänk
Medlem

Nu kom jag på mig själv.

Enklaste är faktiskt att lära dig via denna sida:
http://www.codecademy.com/

Interkativ kodningskurs med allt du behöver, det blir som att spela ett spel och lära sig på samma gång

Men värt att nämna så finns det andra sätt att bygga hemsidor utan att koda dom, t.ex med Wordpress och Joomla, som är ett CMS (Content Management System), dvs, ett operativsystem för din webbsida där du kan installera teman och funktioner.

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
99:e percentilen
Skrivet av iColt3n:

Det låter som att det är en hel del att lära sig. HTML5 och CSS är det första jag ska börja med då. Klarar man sig med PHP endast? Eller behövs Java?

Du behöver ett serversidespråk om du ska ha någon serversidefunktionalitet, vilket inkluderar include och motsvarande, GET/POST-formulär, inloggning, cookies, databashantering med mera.

Det räcker normalt med ett serversidespråk, så du väljer förslagsvis antingen PHP eller Java.

Citat:

Sublime Text och Notepad++ har samma användningsområde va? Så det är antingen den ena eller den andra?

Ja.

Visa signatur

Skrivet med hjälp av Better SweClockers

Permalänk
Inaktiv
Skrivet av Florrpan:

Nu kom jag på mig själv.

Enklaste är faktiskt att lära dig via denna sida:
http://www.codecademy.com/

Interkativ kodningskurs med allt du behöver, det blir som att spela ett spel och lära sig på samma gång

Men värt att nämna så finns det andra sätt att bygga hemsidor utan att koda dom, t.ex med Wordpress och Joomla, som är ett CMS (Content Management System), dvs, ett operativsystem för din webbsida där du kan installera teman och funktioner.

Den sidan såg riktigt najs ut, ska kika på den lite mer.

Är det som freewebs? Att allt är färdigt och man bara "klipper och klistrar"?

Skrivet av Alling:

Du behöver ett serversidespråk om du ska ha någon serversidefunktionalitet, vilket inkluderar include och motsvarande, GET/POST-formulär, inloggning, cookies, databashantering med mera.

Det räcker normalt med ett serversidespråk, så du väljer förslagsvis antingen PHP eller Java.

Om vi säger såhär, på den seriösa sidan jag ska ha framåt så vill ja ha:

Forum
Bildgalleri
Gästbok
Bokning
Information
Nyheter
Hitta hit
Länkar

Permalänk
Medlem
Skrivet av iColt3n:

Om vi säger såhär, på den seriösa sidan jag ska ha framåt så vill ja ha:

Forum
Bildgalleri
Gästbok
Bokning
Information
Nyheter
Hitta hit
Länkar

Kör på Drupal. Plugins finns för allt det där du vill ha. Sen anlitar du en designer som gör det hela snyggt.

Permalänk
Medlem

Om du inte har en sait att prova på så kan det vara bra att ha en server på din dator som du kan testa programmen på innan du lägger upp dom publikt.
Brukar själv köra med XAMPP som går att ladda hem kosnadsfritt(för windows).
Innehåller apache som är ganska vanligt på servrar. Innehåller program för att köra html, php och mysql + lite annat jox som inte behövs.
Mysql är databashanteraren och där kan du lagra det mesta kom bara ihåg att skapa backuper. Är standard SQL som används så den är ganska lika överallt.
Har haft lite problem med port 80 men gjorde en bat-fil med kommandot
net stop was /y
Sen den körts har det funkat ok.

Permalänk
Medlem

Jag har lekt runt lite förut så slänger in två länkar här som kan vara bra http://www.w3schools.com/ och program http://komodoide.com/komodo-edit/

Visa signatur

AMD Ryzen 7800X3D | Noctua NH-U12A | ASUS ROG CROSSHAIR X670E HERO | G.Skill Trident Z5 Neo
DDR5-6000 2x16GB | ROG Strix GeForce RTX 4090 24GB | Samsung 990 PRO 2x2TB | Corsair HX1000i | Fractal Design North | LG 38" 21:9 UltraGear

Permalänk
Inaktiv
Skrivet av iXam:

Kör på Drupal. Plugins finns för allt det där du vill ha. Sen anlitar du en designer som gör det hela snyggt.

Får kanske bli så. Men det hade varit väldigt kul om man kunde ha fixat det på egen hand.

Skrivet av abki:

Om du inte har en sait att prova på så kan det vara bra att ha en server på din dator som du kan testa programmen på innan du lägger upp dom publikt.
Brukar själv köra med XAMPP som går att ladda hem kosnadsfritt(för windows).
Innehåller apache som är ganska vanligt på servrar. Innehåller program för att köra html, php och mysql + lite annat jox som inte behövs.
Mysql är databashanteraren och där kan du lagra det mesta kom bara ihåg att skapa backuper. Är standard SQL som används så den är ganska lika överallt.
Har haft lite problem med port 80 men gjorde en bat-fil med kommandot
net stop was /y
Sen den körts har det funkat ok.

Jag fattade typ ingenting. Men jag lär väl förstå när jag bli mer insatt.

Permalänk
Medlem

Att lära dig HTML och CSS kommer du göra rätt fort. Åtminstone tillräckligt för att producera helt OK sidor. När du gjort detta så kommer du kunna göra sidor som är statiska. Alltså de kommer innehålla texter och bilder som du redan bestämt på förhand ska finnas där. Du kommer kanske då känna att du även vill kunna låta användarna på sidan interagera med sidan. Du kanske vill att de ska kunna logga in och spara ner information om sig själva, ladda upp bilder, skriva kommentarer, eller något annat. Där står du inför ett vägskäl skulle jag säga.

Då kan du som någon ovan nämnt bestämma dig för att lära dig att jobba med databaser, skriva SQL o.s.v. Du måste också lära dig något typ av programspråk som kan "tala" med databaser. Detta kan alltså inte CSS och HTML göra. Att lära sig dessa delar kommer förmodligen kännas lite tufft och det kommer säkert ta ett tag innan du fått grepp om det.

Ett annat alternativ är att göra som någon annan ovan nämnt. Det är att gå över och börja använda ett CMS-verktyg som Wordpress eller Drupal. Du kommer ha grym användning av att ha lärt dig HTML och CSS här och du behöver inte bry dig om varken koden som pratar med databaser eller koden som själva databasen använder. Det finns plugins för i stort sett allt du kan tänkas behöva. Det är inte som att utveckla efter färdiga mallar om du inte vill. Ibland kan det dock vara skönt att utgå från en mall och därifrån utveckla vidare som man vill. Med Wordpress och andra CMS-verktyg så har du åtminstone möjligheten att styra över din design precis som du vill ha den.

Permalänk
Medlem
Skrivet av iColt3n:

Den sidan såg riktigt najs ut, ska kika på den lite mer.

Är det som freewebs? Att allt är färdigt och man bara "klipper och klistrar"?

Om vi säger såhär, på den seriösa sidan jag ska ha framåt så vill ja ha:

Forum
Bildgalleri
Gästbok
Bokning
Information
Nyheter
Hitta hit
Länkar

Wordpress och Joomla är inte "klippa och klistra", iaf inte visuellt. Du kan bestämma själv vart dina funktioner på sidan ska ligga osv, du kan installera det du behöver och det kommer fungera direkt, om inte lite konfiguration för att anpassa den till det du vill ha dom till.

Om du vill bygga en sida med forum och bokning så bör du redan nu fundera på om du vill lära dig koda allt detta själv. Mitt svar skulle vara Nej, det vill du ej, om du inte har väldigt mycket fritid och några månader till godo. Kör på ett färdigt system såsom Wordpress, lär dig det. Där kan du installera forum och bokningsfunktioner utan några större svårigheter.

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Inaktiv
Skrivet av Florrpan:

Wordpress och Joomla är inte "klippa och klistra", iaf inte visuellt. Du kan bestämma själv vart dina funktioner på sidan ska ligga osv, du kan installera det du behöver och det kommer fungera direkt, om inte lite konfiguration för att anpassa den till det du vill ha dom till.

Om du vill bygga en sida med forum och bokning så bör du redan nu fundera på om du vill lära dig koda allt detta själv. Mitt svar skulle vara Nej, det vill du ej, om du inte har väldigt mycket fritid och några månader till godo. Kör på ett färdigt system såsom Wordpress, lär dig det. Där kan du installera forum och bokningsfunktioner utan några större svårigheter.

Och på den oseriösa sidan (som kan bli seriös), tänkte jag bara ha som ett fotogalleri. Lite snyggare hemsida då.
Jag har nu tankat ner Notepad++, är det några fler program man behöver för att börja?

Permalänk
Medlem
Skrivet av iColt3n:

Och på den oseriösa sidan (som kan bli seriös), tänkte jag bara ha som ett fotogalleri. Lite snyggare hemsida då.
Jag har nu tankat ner Notepad++, är det några fler program man behöver för att börja?

Finns färdiga fotogallerier i wordpress också. Men om syftet är att lära sig så tycker jag du ska lära dig grunden, och inte ta genvägar
Nej, inget annat behövs än Notepad++. Jag själv använder Netbeans(gratis) för webbutveckling, lite mer avancerat verktyg med funktioner som t.ex Livesynkning till webbserven mm. Men kör Notepad++ först (har den kodhjälpning?), finns ingen idé att ta sig vatten över huvudet.

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Inaktiv
Skrivet av Florrpan:

Finns färdiga fotogallerier i wordpress också. Men om syftet är att lära sig så tycker jag du ska lära dig grunden, och inte ta genvägar
Nej, inget annat behövs än Notepad++. Jag själv använder Netbeans(gratis) för webbutveckling, lite mer avancerat verktyg med funktioner som t.ex Livesynkning till webbserven mm. Men kör Notepad++ först (har den kodhjälpning?), finns ingen idé att ta sig vatten över huvudet.

Jag har ingen aning om den har kodhjälpning, hur vet man det?

Permalänk
Medlem
Skrivet av iColt3n:

Jag har ingen aning om den har kodhjälpning, hur vet man det?

När du börjar skriva kod så ploppar det upp snabblistor på de mest relevanta taggarna till det du börjat skrivit. Ingen aning om det finns att installera till notepad++ då jag själv aldrig använt det. Men det är väldigt bra att ha som nybörjare, då lär man sig snabbt vad som finns.

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Inaktiv
Skrivet av Florrpan:

När du börjar skriva kod så ploppar det upp snabblistor på de mest relevanta taggarna till det du börjat skrivit. Ingen aning om det finns att installera till notepad++ då jag själv aldrig använt det. Men det är väldigt bra att ha som nybörjare, då lär man sig snabbt vad som finns.

När jag skriver till exempel "f" så kommer det upp några alternativ bland annat "feature".

Permalänk
Medlem
Skrivet av iColt3n:

När jag skriver till exempel "f" så kommer det upp några alternativ bland annat "feature".

Om du skriver "<i" då? kommer exempel på <img> upp då? (i HTML dokumentet)

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Inaktiv
Skrivet av Florrpan:

Om du skriver "<i" då? kommer exempel på <img> upp då? (i HTML dokumentet)

Då kommer internal och is upp.

Permalänk
Medlem
Skrivet av iColt3n:

Då kommer internal och is upp.

Kanske du måste ändra så att programmet vet att du kör HTML/CSS?

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Inaktiv
Skrivet av Florrpan:

Kanske du måste ändra så att programmet vet att du kör HTML/CSS?

Hur gör man det?

EDIT: Hittade. Kommer dock inte upp img, men icon kommer upp.

Permalänk
Medlem

Forum
Bildgalleri
Gästbok
Bokning
Information
Nyheter
Hitta hit
Länkar
.....
De mesta du vill ha på sidan kräver php och mySQL så där kan det vara värt att lägga några extra timmar på.

Permalänk
Medlem
Skrivet av Jullepkp:

De mesta du vill ha på sidan kräver php och mySQL så där kan det vara värt att lägga några extra timmar på.

Inget av det där *kräver* PHP eller MySQL.

Permalänk
Medlem

Inget av det där *kräver* PHP eller MySQL."
Jasså du..
kanske du kan förklara: hur fungerar ett forum eller bildgalleri ? Jo, svaret är överraskande nog.. PHP och mySQL!