Permalänk
Medlem

Lära sig Html

Hej det finns säkert flera såna här trådar men jag hittade ingen när jag sökte runt på sidan, så nu skapar jag min egna tråd istället.

Jag behöver en Html guide som lär en från nybörjare till att kunna programmera html för att göra professionella hemsidor. Det spelar ingen roll hur lång tid det tar för att lära sig den eller hur mycket den skulle kosta.

Jag vill heller inte ha någon guide som bara lär en grunderna och inget annat eller tvärtom. Möjligen om man hittar två olika en som lär grunderna och en som lär en professionellt html. Vill också ha allt som lär en allt omkring html också typ css och java.

Och som sagt de gör inget om de skulle kosta för att kunna få bättre läromedel utan jag vill ha det bästa och enklaste att komma igång med!

Permalänk
Medlem

http://thenewboston.org/list.php?cat=40

http://html.net/

http://webdesignskolan.se/html/html_grunderna.php

För att göra bra hemsidor så behöver du lära dig HTML + CSS, annars kan du inte strukturera upp sidan.

Visa signatur

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

Permalänk
Medlem
Skrivet av FlorrpaN:

http://thenewboston.org/list.php?cat=40

http://html.net/

För att göra bra hemsidor så behöver du lära dig HTML + CSS, annars kan du inte strukturera upp sidan.

Okej vilket rekommenderar du att börja med då css eller html?

Permalänk
Medlem

Du måste kunna både och, css är ett språk för att styra utseendet på html objekten

Permalänk

*following

Visa signatur

Numera dålig koll på saker

Permalänk
Medlem

Kolla in http://www.w3schools.com/

Har det mesta som rör webbdesign

Permalänk
Medlem
Skrivet av Choip:

Kolla in http://www.w3schools.com/

Har det mesta som rör webbdesign

Nej, bara nej...

http://w3fools.com/

Varför man inte ska använda W3Schools, och även länkar till bättre källor.

Visa signatur

Intel Core i5 8600k @ 4.7 GHz - Gigabyte Aorus GTX 1080 TI - Asus PRIME Z370-A
- Corsair Vengeance LP 16 GB - EVGA Supernova G2 850W - NZXT H500i

Permalänk
Medlem

Dom här klippen tycker jag är bra för att få en grundförståelse hur HTML och CSS ska/bör separeras:
http://code.google.com/intl/sv-SE/edu/submissions/html-css-ja...

Om du inte har läst om html förut så tycker jag att det är viktigt att du lär dig ORDENTLIG html direkt - alltså sådan som följer dagens standarder och inte sådan html som skrevs för 10 år sedan.

Visa signatur

FD Torrent | Z690 Formula | i7 12700K | 32GB DDR5 | GTX 3080 Ti | STRIX 850W | PG279Q

Permalänk
Medlem
Skrivet av Fille625:

Nej, bara nej...

http://w3fools.com/

Varför man inte ska använda W3Schools, och även länkar till bättre källor.

Hade jag ingen aning om

Har mest använt de som referens för specifika grejer...

Kanske dags att byta vanorna

Permalänk
Medlem

Får väldigt bra sidor som jag försöker titta igenom så mycket som möjligt men en fråga bara, lär man sig html och css var för sig eller lär man sig båda samtidigt när man jobbar med det ena, hur funkar det?

Permalänk
Medlem

Skulle vilja tipsa om w3schools och webdesignskolan. Börja här http://webdesignskolan.se/html/html_grunderna.php

EDIT: Såg nu att du hade skrivit, för att svara på din fråga. Börja med HTML så kommer CSS att rulla på med tiden, det går vidare om du kollar på länken.

Visa signatur
Permalänk
Medlem
Skrivet av Drager:

Skulle vilja tipsa om w3schools och webdesignskolan. Börja här http://webdesignskolan.se/html/html_grunderna.php

EDIT: Såg nu att du hade skrivit, för att svara på din fråga. Börja med HTML så kommer CSS att rulla på med tiden, det går vidare om du kollar på länken.

Kolla några inlägg längre upp så ser du varför W3Schools inte är någon vidare bra idé

Visa signatur

Intel Core i5 8600k @ 4.7 GHz - Gigabyte Aorus GTX 1080 TI - Asus PRIME Z370-A
- Corsair Vengeance LP 16 GB - EVGA Supernova G2 850W - NZXT H500i

Permalänk
Medlem
Skrivet av Zaltrip:

Okej vilket rekommenderar du att börja med då css eller html?

HTML som grund men gå gärna hyfsat snabbt in på CSS då de går hand i hand

Tänk att HTML strukturerar upp sidan, bygger "huset", CSS blir sen "inredning, färg och tavlor" haha Försöker bryta ner det för dig

När du känner att du bemästrar de språken skulle jag rekommendera PHP samt JavaScript (jQuery) för att få sidan mer dynamisk

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Permalänk
Medlem
Skrivet av flashen:

HTML som grund men gå gärna hyfsat snabbt in på CSS då de går hand i hand

När du känner att du bemästrar de språken skulle jag rekommendera PHP samt JavaScript (jQuery) för att få sidan mer dynamisk

Okej tack då vet jag!

Permalänk
Medlem

MGVguy: La till en extra liten beskrivning ovan också

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Permalänk
Medlem
Skrivet av flashen:

MGVguy: La till en extra liten beskrivning ovan också

Jättebra metafor! Tittar på Google's videor just nu och de verkar ge väldigt bra info hur man ska "bygga" ihop de olika delarna.

Permalänk
Medlem

Låter bra!

Sen finns det inga genvägar, det jag har lärt mig mest på är att koda egna projekt. Ett bra tips som ger mer motivation än att plugga i skolan, iaf för mig

Börja skriv kod och stöt på problem, det kommer du att göra

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Permalänk
Medlem

Skönt att man för 2 år sedan läste webbdesign i gymnasiet och använde W3schools som underlag för allt man gjorde...
Får väl "lära om" mig och hoppas på att inte allt var förgäves...

Lycka till med html och CSS läsandet!

Visa signatur

Rise and rise again and again. Like the Phoenix from the ashes. Until the Lambs become Lions and the Rule of Darkness
is no more.

Permalänk
Medlem

Enda sättet att lära sig är att knåpa med det på egen hand. Till exempel strukturera upp ett projekt. Själv lärde jag mig genom att gå en kurs på högskola. Man fick lära sig alla grunder via föreläsningar och inlämningsuppgifter. Som redan andra har sagt du måste lära dig först html+CSS dem hör ihop. Sedan när man kan dem fullt ut kan man börja studera annat. När du väl har lärt dig det hela. Ta en titt på html5+CSS3 så får du se att det skiljer sig väldigt lite. Det är bara nya attribut som har tillkommit som underlättar vissa funktioner.

http://webbdesigna.se/

Permalänk
Medlem
Skrivet av Hundeeen:

Skönt att man för 2 år sedan läste webbdesign i gymnasiet och använde W3schools som underlag för allt man gjorde...
Får väl "lära om" mig och hoppas på att inte allt var förgäves...

Lycka till med html och CSS läsandet!

Beror ju lite på vad man plockar från sidan. Många av de saker som finns på "w3fools" är små detaljer som inte är kritiska för kodandet. Om du läste webbdesign A så tror jag att du kommer ha nytta av det du lärde dig i någon mån i alla fall.

Permalänk
Medlem
Skrivet av Fille625:

Nej, bara nej...

http://w3fools.com/

Varför man inte ska använda W3Schools, och även länkar till bättre källor.

Sluta flame:a W3schools! Det är utmärkt för att lära sig grunder!
Om man ska säga nej till W3schools så ska man definitivt säga nej till Webbdesign skolan som vill att man ska lära sig webbdesign med Tables.

Använda W3schools.com om du ska lära!

Visa signatur

~. Citera så jag hittar tillbaka .~

Permalänk
Inaktiv
Skrivet av 19KeVVa93:

Sluta flame:a W3schools! Det är utmärkt för att lära sig grunder!
Om man ska säga nej till W3schools så ska man definitivt säga nej till Webbdesign skolan som vill att man ska lära sig webbdesign med Tables.

Använda W3schools.com om du ska lära!

Säg nej till båda och använd uppdaterade resurser.
Till exempel http://sigurdhsson.org/webboken/v2/

W3Schools har det här som första exemplet på deras "Learn HTML" sida:

<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>

Den saknar både doctype, title och charset. Vilket dom inte går igenom på ett bra tag in i tutorialen, vilket resulterar i att det du lär dig inte ens validerar. Dessutom binder dom inte in CSS i tutorialen utan lär ut till exempel <font> elementet vilket är väldigt, VÄLDIGT utdaterad kunskap nuförtiden.

Permalänk
Medlem
Skrivet av anon150287:

Säg nej till båda och använd uppdaterade resurser.
Till exempel http://sigurdhsson.org/webboken/v2/

W3Schools har det här som första exemplet på deras "Learn HTML" sida:

<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>

Den saknar både doctype, title och charset. Vilket dom inte går igenom på ett bra tag in i tutorialen, vilket resulterar i att det du lär dig inte ens validerar. Dessutom binder dom inte in CSS i tutorialen utan lär ut till exempel <font> elementet vilket är väldigt, VÄLDIGT utdaterad kunskap nuförtiden.

En "hemsnickrad" webbdesign skola kan vilken janne som helst sy ihop men riktiga resurser som baseras på utvecklare det får mina röster.

Jag föredrar nog:
https://developer.mozilla.org
http://www.php.net
http://api.jquery.com

That´s my two cents.

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.

Permalänk
Medlem
Skrivet av BlueEyes:

En "hemsnickrad" webbdesign skola kan vilken janne som helst sy ihop men riktiga resurser som baseras på utvecklare det får mina röster.

Jag föredrar nog:
https://developer.mozilla.org
http://www.php.net
http://api.jquery.com

That´s my two cents.

Fast, det är ju mer dokumentation än pedagogik.

Permalänk
Entusiast

Min rekommendation är att skaffa en text-editor med auto-completion, tex min favorit Dreamweaver. När man sitter och ska lära sig är det väldigt hjälpsamt när den ger en förslag på vad man försöker skriva, särskilt i css. det är ibland också svårt att minnas vad de olika elementen heter, och då kan man bara sitta och schrolla genom listan tills man hittar rätt.

Många skulle säkert säga att detta är dumt för man skriver inte själv och lär sig inget. Men jo man lär sig jättemycket på att kunna skriva flytande tack vare alla förslag man får medan man skriver.

Det finns också en hel skara idioter som skriker om att man är totalt efterbliven om man använder dreamwever och att man borde kölhalas och sen brännas på bål om man gör det. Men det är dom som tror att Dreamwever bara består av designläget. Visst designläget är inte bra, och dom har delvis rätt om att man borde kölhalas om man använder det. Men det är inte det du ska använda. Och det enda som jag inte tycker fungerar i kodläget är default tabbarna, som är 4 mellanslag. Men ändrar du det till riktiga tabbar i inställningarna så är det löst.

Permalänk
Medlem
Skrivet av You:

Fast, det är ju mer dokumentation än pedagogik.

Visserligen, men jag sätter värde på min egen förmåga att ta till mig och lära mig på egen hand eller i böcker när andra alternativ inte verkar vara rätt väg att gå. Man blir aldrig full lärd. Finns alltid något nytt man kan lära sig.

Sedan har jag fastnat för Sublime Text 2 som editor. Har köpt en licens och hittills den vettigaste editor jag provat.
Men smaken är som baken.

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.

Permalänk
Inaktiv
Skrivet av BlueEyes:

Visserligen, men jag sätter värde på min egen förmåga att ta till mig och lära mig på egen hand eller i böcker när andra alternativ inte verkar vara rätt väg att gå. Man blir aldrig full lärd. Finns alltid något nytt man kan lära sig.

Sedan har jag fastnat för Sublime Text 2 som editor. Har köpt en licens och hittills den vettigaste editor jag provat.
Men smaken är som baken.

Ja, det är sant. Men om man är helt ny till webbutveckling så hjälper inte Mozillas dokumentation mycket (även om jag starkt gillar den själv).
Då är det bra med en grundläggande introduktion. Jag tycker Webboken är en bra grund eftersom den går igenom så mycket mer än bara HTML.