Permalänk
Medlem

lära mig webbutveckling

Hejsan!
Jag skulle vilja lära mig att skapa hemsidor och undrar nu vilka programmeringsspråk man måste lära sig för att kunna skapa snygga, professionella hemsidor?
Vilka språk görs hemsidor i egentligen?
är det någon speciell ordning man bör lära sig de olika språken som man behöver kunna eller är det bara att välja någon?
Det enda jag kan är de absoluta grunderna i html vilket man ju inte alls kommer långt på.
Tack så mycket!

Permalänk

I början är väl HTML och CSS att rekommendera.

HTML är ju själva texten, bilder m.m och CSS är mallen för hur hemsidan ska se ut.

Permalänk
Inaktiv

Börja med HTML och CSS (Tycker du ska ta o titta på HTML5 och CSS3 direkt).
Sen är väl Javascript något du kan ta o titta på, eller om du känner för det PHP (och MySQL om du vill använda dig av databaser).
ASP.NET är Microsofts motsvarighet till PHP, men själv gillar jag PHP med.

När du lärt dig grunderna i det kan du ta o titta på AJAX, Objektorienterad PHP, PHP ramverk.. ja det finns mycket att lära sig

Tänk på att det är skillnad mellan Webbdesign (Det grafiska, oftast även HTML och CSS) och Webbutveckling ("Programmeringen", oftast back-end delen (PHP, MySQL, Rails etc)).

Permalänk
Medlem

tack för era svar!
det första jag tänker på är det grafiska och det är alltså endast html och css? vad är det för skillnad mellan dem och html5 och css3?
Jag tror att jag väntar med "programmeringen" tills jag har koll på det grafiska. Det grafiska är mycket enklare va?

Permalänk
Inaktiv

HTML5 och CSS3 är bara nyare versioner av HTML och CSS, kanske var lite dumt att blanda in det såhär tidigt.

Tycker inte du ska satsa på XHTML i alla fall, då det oftast blir "fel" om man inte riktigt vet vad man gör (tex. framför koden som HTML och inte XML+HTML). XHTML 2 blev även övergivet av W3C för att fokusera på HTML5 istället.

Jag rekommenderar att läsa på http://www.w3schools.com/html/default.asp

Permalänk
Medlem
Skrivet av Jag1:

tack för era svar!
det första jag tänker på är det grafiska och det är alltså endast html och css? vad är det för skillnad mellan dem och html5 och css3?
Jag tror att jag väntar med "programmeringen" tills jag har koll på det grafiska. Det grafiska är mycket enklare va?

HTML5 och CSS3 är den senaste utvecklingen av HTML och CSS. Det har inte fullt stöd i alla webbläsare än (främst IE ligger efter), men det är fullt bakåtkompatibelt med gamla varianter, så det finns absolut ingen anledning att inte åtminstone använda en HTML5-doctype och låta CSS3-funktionalitet degradera fint.

Jag rekommenderar att du börjar med HTML5 och CSS3 och ser till att du har koll på det innan du ger dig på ex. PHP. Det dynamiska (dvs. PHP och sådant) är egentligen en helt annan sak att syssla med; strikt talat är HTML/CSS inte programmering, medan PHP-biten är det.

Du kan nog komma igång hyfsat genom att läsa Webboken. Och jag rekommenderar dig att hålla dig borta från W3Schools och Webdesignskolan.

Permalänk
Medlem

Börjar kika på detta senare ikväll

lite nyfiken, varför bör jag undvika de sidorna?

tack för er hjälp!

Permalänk
Inaktiv

Webdesignskolan är ingen höjdare, är precis som You säger, beskriver hur du skrev webbsidor för 10 år sedan.
Kan inte riktigt säga att du ska hålla dig undan från W3Schools, tycker det är bra när man behöver slå upp något snabbt.
Webboken förklarar dock väldigt mycket så det är nog ett bättre alternativ om du verkligen vill sätta dig in i det.

Permalänk
Medlem
Skrivet av You:

HTML5 och CSS3 är den senaste utvecklingen av HTML och CSS. Det har inte fullt stöd i alla webbläsare än (främst IE ligger efter), men det är fullt bakåtkompatibelt med gamla varianter, så det finns absolut ingen anledning att inte åtminstone använda en HTML5-doctype och låta CSS3-funktionalitet degradera fint.

Jag rekommenderar att du börjar med HTML5 och CSS3 och ser till att du har koll på det innan du ger dig på ex. PHP. Det dynamiska (dvs. PHP och sådant) är egentligen en helt annan sak att syssla med; strikt talat är HTML/CSS inte programmering, medan PHP-biten är det.

Du kan nog komma igång hyfsat genom att läsa Webboken. Och jag rekommenderar dig att hålla dig borta från W3Schools och Webdesignskolan.

Jag kan lite HTML och CSS (inte en aning om det är HTML5&CSS3 eller inte) och undrar hur jag ska göra för att ta steget till PHP? Vart kan jag läsa om det?

Webboken känns ju sådär. En sida som säljer en bok om webbdesign och ser ut så där, HTML med några enkla CSS-rader?
Vad är det för fel på webbdesignskolan? När vi fick lära oss HTML/CSS i skolan använde vi webbdesignskolan mycket, jag tycker det fungerade bra.

Edit: Det blev förklarat innan jag hann posta ens... Jaja, men som sagt så fick vi bara lära oss grunderna i HTML och CSS, vi behövde inget mer avancerat än webbdesignskolan!

Visa signatur

"Att installera AMD-drivrutiner är lite som en Svensson-variant av rysk roulette.." //Kazuo

Permalänk
Inaktiv
Skrivet av felxi:

Jag kan lite HTML och CSS (inte en aning om det är HTML5&CSS3 eller inte) och undrar hur jag ska göra för att ta steget till PHP? Vart kan jag läsa om det?

Webboken känns ju sådär. En sida som säljer en bok om webbdesign och ser ut så där, HTML med några enkla CSS-rader?
Vad är det för fel på webbdesignskolan? När vi fick lära oss HTML/CSS i skolan använde vi webbdesignskolan mycket, jag tycker det fungerade bra.

Bara en enkel sak som att dom börjar med

<body bgcolor=#FFFFFF>Det här är min första webbsida! </body>

på Webdesignskolan gör att man inte kan rekommendera den. Sen att dom stavar fel till webb är väl inte riktigt så tilltalande.

Permalänk
Medlem
Skrivet av Jag1:

Börjar kika på detta senare ikväll

lite nyfiken, varför bör jag undvika de sidorna?

tack för er hjälp!

Webdesignskolan är bara dålig och utdaterad. W3Schools är något bättre, kan fungera som referens, men generellt är den lite opedagogisk och ibland rent felaktig. Jag föredrar att andvända HTML-specifikationerna som referens, för övrigt. Mer om det i Webboken.

Skrivet av felxi:

Webboken känns ju sådär. En sida som säljer en bok om webbdesign och ser ut så där, HTML med några enkla CSS-rader?

Vilken webbok? Inte den jag länkar till och rekommenderar, väl?

Skrivet av felxi:

Vad är det för fel på webbdesignskolan? När vi fick lära oss HTML/CSS i skolan använde vi webbdesignskolan mycket, jag tycker det fungerade bra.

Vad är inte fel med den? Den är utdaterad, opedagogisk, rörig, lär ut saker webbutvecklare slutade använda i början av 00-talet och ger en dålig överblicksbild av området.

Permalänk
Medlem
Skrivet av You:

Inser nu att "boken" är texten på sidan, det är alltså inte en tryckt bok.

Skrivet av You:

Vad är inte fel med den? Den är utdaterad, opedagogisk, rörig, lär ut saker webbutvecklare slutade använda i början av 00-talet och ger en dålig överblicksbild av området.

Det är ju jättelätt om den är utdaterad eller inte när man inte lärt sig "modern" webbdesign?

Skrivet av havsmonstret:

Bara en enkel sak som att dom börjar med

<body bgcolor=#FFFFFF>Det här är min första webbsida! </body>

på Webdesignskolan gör att man inte kan rekommendera den. Sen att dom stavar fel till webb är väl inte riktigt så tilltalande.

Kan du förklara vad som är fel i den raden? Finns det bättre sätt att byta bakgrundsfärg i HTML?
Webbdesignskolan är inte felstavat, det är ett namn. "Meh, Apple har ju stavat fel på iPhone... Namn ska ju alltid börja med stor bokstav."

Visa signatur

"Att installera AMD-drivrutiner är lite som en Svensson-variant av rysk roulette.." //Kazuo

Permalänk
Inaktiv
Skrivet av felxi:

Det är ju jättelätt om den är utdaterad eller inte när man inte lärt sig "modern" webbdesign?

Varför ska man lära sig utdeterade saker? Det är det dummaste jag hört.

Skrivet av felxi:

Kan du förklara vad som är fel i den raden? Finns det bättre sätt att byta bakgrundsfärg i HTML?

Tja, CSS i form av:

body { background-color: #fff; }

Man ska inte blanda ihop presentation (ska finnas i CSS), markup (HTML) och innehåll.

Skrivet av felxi:

Webbdesignskolan är inte felstavat, det är ett namn. "Meh, Apple har ju stavat fel på iPhone... Namn ska ju alltid börja med stor bokstav."

Angående felstavningen (Sidan heter Webdesignskolan, inte Webbdesignskolan som du skriver) är det Web på engelska och Webb på svenska. Att blanda svenska och engelska får det bara att låta dumt.

Permalänk
Medlem
Skrivet av anon150287:

Varför ska man lära sig utdeterade saker? Det är det dummaste jag hört.

Jag skrev att läraren gav oss tipset att kolla på Webdesignskolan, hur ska jag veta om det är gammalt som står eller inte?

Citat:

Tja, CSS i form av:

body { background-color: #fff; }

I HTML. Man måste väl ändå lära sig lite grunder i HTML innan man går på CSS?

Citat:

Man ska inte blanda ihop presentation (ska finnas i CSS), markup (HTML) och innehåll.

Vad menar du med detta?

Visa signatur

"Att installera AMD-drivrutiner är lite som en Svensson-variant av rysk roulette.." //Kazuo

Permalänk
Inaktiv
Skrivet av felxi:

Jag skrev att läraren gav oss tipset att kolla på Webdesignskolan, hur ska jag veta om det är gammalt som står eller inte?

Lät som du menade att det kvittade om det var utdaterat eller inte när man inte kunde något, kanske misförstod.

Skrivet av felxi:

I HTML. Man måste väl ändå lära sig lite grunder i HTML innan man går på CSS?

Finns ingen anledning att inte lära sig HTML och CSS samtidigt. Även om du lär dig endast HTML först kommer du aldrig ha användning för tex bgcolor="#FFFFFF" när du väl lärt dig CSS, så det är bortkastad vetskap.

Skrivet av felxi:

Vad menar du med detta?

Det är dålig praxis, ("bad practice") att blanda presentation (utseende, CSS) med markup (struktur, HTML).
http://en.wikipedia.org/wiki/Separation_of_presentation_and_c...

Permalänk
Medlem
Skrivet av felxi:

I HTML. Man måste väl ändå lära sig lite grunder i HTML innan man går på CSS?

Absolut inte. HTML används för att märka upp innehåll, de grunderna kan du lägga på en timme och innehåller absolut inte bgcolor. All stil ska ligga i externa CSS-mallar, och eftersom HTML och CSS är så tätt sammankopplade finns det ingen anledning att inte lära sig båda samtidigt. Det är snarare så att det finns all anledning att lära sig HTML och CSS samtidigt, för att bättre förstå hur de samverkar.

Som havsmonstret säger; även om du skulle lära dig bgcolor et al så är det fullständigt bortkastad kunskap, eftersom du ska använda CSS för att uppnå samma sak.

Permalänk
Medlem
Skrivet av anon150287:

Finns ingen anledning att inte lära sig HTML och CSS samtidigt. Även om du lär dig endast HTML först kommer du aldrig ha användning för tex bgcolor="#FFFFFF" när du väl lärt dig CSS, så det är bortkastad vetskap.

HTML är inte så enkelt att förstå helt om man aldrig hållit på med kodning/programmering förut. Samma sak är det när man ska förstå CSS också, jag själv tyckte att det var ganska svårt att förstå meningen med CSS innan "man kom in i det" och började förstå.
Att försöka lära sig båda de samtidigt känns lite väl mycket, hålla reda på två olika dokument som ska samarbeta för att bilda sidan, hålla koll på vad som ska skrivas i respektive dokument osv.
Man får väl börja med enkla rader kod som

<html> <head> <title>Min hemsida</title> </head> <body bgcolor=#FFFFFF>Det här är min första webbsida! <img src="bild.jpg"> <a href="http://www.sweclockers.com/">Sweclockers</a> </body> </html>

Sen lägga på typ tabeller, frameset osv. Sen lägga på CSS.
Man får ta det i små steg, så kommer man framåt lättare ("hur äter man en elefant").
Och ja, jag la till bgcolor-raden bara för att

<html> <head> <title>Felix</title> </head> <body bgcolor="#C0C0C0"> <h1>TEST1</h1> TEST2 <img src="http://www.sweclockers.com/images/forum/header_logo.gif"> <iframe width="425" height="349" src="http://www.youtube.com/embed/6II322HcnLU?rel=0" frameborder="0" allowfullscreen></iframe> </body> </html>

Ungefär så här såg mina första sidor ut. Hur ska jag lägga till CSS i den?

Sen ska jag tillägga att vi hade ju en lärare som kan webbdesign, det var inte så att vi satt och läste alla texter rakt av på webbdesignskolan. Den var bara som stöd när man inte fick det att fungera (och läraren var upptagen).

Visa signatur

"Att installera AMD-drivrutiner är lite som en Svensson-variant av rysk roulette.." //Kazuo

Permalänk
Medlem
Skrivet av felxi:

HTML är inte så enkelt att förstå helt om man aldrig hållit på med kodning/programmering förut.

Jag tror det beror helt på vilken approach man har. Har man inställningen att "HTML gör man webbsidor med", så är det klart svårt, eftersom det inte riktigt fungerar så. Har man inställningen "HTML kan beskriva mitt innehåll", då blir HTML plötsligt mycket enklare att förstå (och man får dessutom best practices med helt gratis). HTML är absolut inte den svåra biten här.

Skrivet av felxi:

Samma sak är det när man ska förstå CSS också, jag själv tyckte att det var ganska svårt att förstå meningen med CSS innan "man kom in i det" och började förstå.

Ja, om man redan lärt sig att man kan (hur fel det än må vara) lägga in stilen i sin HTML så kommer man inte förstå vad CSS är bra för. Sen är CSS svårare eftersom det innehåller koncept som boxmodellen, kopplingen till HTML (hur får jag den här biten att stilas av CSS) och ett något knepigare syntax, men jag tror att det hjälper snarare än stjälper att titta på båda samtidigt och på så sätt få helhetsbilden.

Skrivet av felxi:

[...] Sen lägga på typ tabeller, frameset osv. Sen lägga på CSS.

Varför ska man gå igenom hela den historia webbutvecklingen gått? Visst, att känna till utvecklingen kan vara bra, men att lära sig saker som man sedan måste glömma bort är bara kontraproduktivt.

Skrivet av felxi:

Sen ska jag tillägga att vi hade ju en lärare som kan webbdesign, det var inte så att vi satt och läste alla texter rakt av på webbdesignskolan.

Med erfarenhet av andra lärare som "kan" webbdesign kan jag säga att så oftast inte är fallet. Tyvärr.

Permalänk
Medlem
Skrivet av felxi:

HTML är inte så enkelt att förstå helt om man aldrig hållit på med kodning/programmering förut. Samma sak är det när man ska förstå CSS också, jag själv tyckte att det var ganska svårt att förstå meningen med CSS innan "man kom in i det" och började förstå.
Att försöka lära sig båda de samtidigt känns lite väl mycket, hålla reda på två olika dokument som ska samarbeta för att bilda sidan, hålla koll på vad som ska skrivas i respektive dokument osv. ...

Många som rycker i dig nu
Det är ganska svårt att förklara Varför man vill separera innehåll från design, eller vad man ens menar när man säger det..

En liknelse som kanske fungerar är en bok. Hemsidor har ganska mycket gemensamt med böcker; de har rubriker, inledningar, stycken, kanske en bild på nån sida, citat och så vidare. Man kan dela upp det hur mycket som helst egentligen (kapitel, artiklar i vissa fall).
Det intressanta med liknelsen ovan är att den är väldigt "luddig": ingenstans står beskrivet hur rubriken ska se ut, om den ska vara svart eller röd eller stå i ett sirligt typsnitt. Inte heller står det om bilden ska ligga till höger eller vänster om texten, om textstycken ska vara avdelade

med

dubbla radbrytningar eller
___indrag från kanten.

Det är precis detta som är separationen mellan HTML och CSS. HTML är till för att märka upp allt innehåll, specificera vad som är rubriker, stycketext och så vidare. CSS:ens uppgift är att sätta utseendet på det innehåll som HTML:en har märkt ut.

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem

Hej
Man kan visst följa webdesignskolan som det heter, HTML5 och CSS3 är samma som att säga HTML version 5 och CSS version 3, vilket innebär att man har lagt in nya funktioner som inte fanns innan, eftersom webdesignskolan berättar grunderna om HTML språket, hur man skriver och vad som betyder vad, vilket man måste kunna, sedan när du har lärt dig grunderna om hur det fungerar, kan du gå vidare och utforska HTML5 och CSS3, du kommer upptäcka att det bygger på samma som HTML , skillnaden är att man har ändrat och lagt till vissa attribut som inte finns i vanliga standard HTML, hoppas du förstår vad jag menar, CSS står för cascading style sheet, kan skrivas i separat dokument vilket ofta är att föredra, eller i själva HTML dokumentet, du kommer förstå sedan när du väl börja ge dig in i den här världen, där definierar du till exempel hur skall text se ut, vilket färg skall text ha, vilken storlek skall texten vara, vilken bakgrundsfärg med mera. När du väl behärskar dem här språken till fullo går du vidare och lär dig nästa språk som behövs, så att du kan gå vidare. Bästa tipset är att ha en idé om en hemsida, rita ner hur den skall se ut, börja läsa en bok eller kolla upp hemsidor om ämnet, sedan skaffar du Notepad++ eftersom den är bäst till det här ändamålet. Därefter börjar du sakta men försiktigt skriva ihop din kod, under tiden kommer du lära dig mer än att sitta med ett WYSIWYG program, när du håller på med kod är det också bra att undersöka om koden du skriver är rätt med hjälp av http://validator.w3.org/ och http://jigsaw.w3.org/css-validator/.

Permalänk
Medlem

HTML -> CSS -> HTML5 -> CSS3

Permalänk
Medlem
Skrivet av ColaBola:

HTML -> CSS -> HTML5 -> CSS3

Motivera. Varför ska man inte börja med HTML5 och CSS3 direkt? Skillnaderna är obetydliga.

Permalänk
Medlem
Skrivet av You:

Jag tror det beror helt på vilken approach man har. Har man inställningen att "HTML gör man webbsidor med", så är det klart svårt, eftersom det inte riktigt fungerar så. Har man inställningen "HTML kan beskriva mitt innehåll", då blir HTML plötsligt mycket enklare att förstå (och man får dessutom best practices med helt gratis). HTML är absolut inte den svåra biten här.

Håller nog med dig där, i alla fall till viss del.

Citat:

Ja, om man redan lärt sig att man kan (hur fel det än må vara) lägga in stilen i sin HTML så kommer man inte förstå vad CSS är bra för. Sen är CSS svårare eftersom det innehåller koncept som boxmodellen, kopplingen till HTML (hur får jag den här biten att stilas av CSS) och ett något knepigare syntax, men jag tror att det hjälper snarare än stjälper att titta på båda samtidigt och på så sätt få helhetsbilden.

CSS är ju inte till för att ersätta delar av HTML, utan det kompletterar HTML. Många av de saker man kan göra med CSS kan man inte göra i HTML och vice versa. Visst, vissa saker går att göra i båda, men försök att bygga en snygg webbsida utan CSS. Ganska svårt va? För att inte tala om när du kommer på att du ska bakgrundsfärgen på alla sidor och måste ändra raden <body bgcolor="#xxxxxx"> på 100+ sidor?
Ännu svårare att visa en webbsida med CSS, men inget HTML.
Kan dock ha fel i det här, men det är i alla fall hur jag ser på CSS. Som sagt, jag har inte jobbat med CSS någon längre tid. Vi byggde bara en ordentlig sida i CSS, kan långt ifrån allt!

Citat:

Varför ska man gå igenom hela den historia webbutvecklingen gått? Visst, att känna till utvecklingen kan vara bra, men att lära sig saker som man sedan måste glömma bort är bara kontraproduktivt.

Som jag sa tidigare så ersätter CSS för det mesta HTML. Vi lärde oss självklart inte ALLT inom HTML för att sen ersätta delar av det med CSS. Man lär sig saker som infoga text, bilder, länkar, och känner sig trygg på det innan man kör vidare med nästa sak.

Citat:

Med erfarenhet av andra lärare som "kan" webbdesign kan jag säga att så oftast inte är fallet. Tyvärr.

Han har byggt sidor professionellt, så han kan nog sin sak. Han kunde i alla fall tillräckligt för att lära oss grunderna i det. Vet dock att det finns andra lärare inom webbdesign på skolan som inte har en aning om vad de snackar om. Ser man tydligt på vad deras elever skapat kontra vad vi har skapat (för att vara lite högmodig då)

Skulle dock fortfarande ha svar på min fråga i mitt första inlägg i denna tråd, hur man tar steget till PHP. Hur förhåller sig PHP till HTML? Hur mycket bör man kunna innan man börjar med PHP? Kan skicka min senaste sida om du/ni vill veta vart jag ligger i HTML/CSS

Ber om ursäkt för gramatik- & stavsfel samt felaktig användning av "svåra ord" etc, börjar bli lite trött redan :/
Måste också be om ursäkt till TS för att vi postar sönder tråden med halvt OT-snack.

Visa signatur

"Att installera AMD-drivrutiner är lite som en Svensson-variant av rysk roulette.." //Kazuo

Permalänk
Medlem
Skrivet av Teknocide:

Många som rycker i dig nu
Det är ganska svårt att förklara Varför man vill separera innehåll från design, eller vad man ens menar när man säger det..

En liknelse som kanske fungerar är en bok. Hemsidor har ganska mycket gemensamt med böcker; de har rubriker, inledningar, stycken, kanske en bild på nån sida, citat och så vidare. Man kan dela upp det hur mycket som helst egentligen (kapitel, artiklar i vissa fall).
Det intressanta med liknelsen ovan är att den är väldigt "luddig": ingenstans står beskrivet hur rubriken ska se ut, om den ska vara svart eller röd eller stå i ett sirligt typsnitt. Inte heller står det om bilden ska ligga till höger eller vänster om texten, om textstycken ska vara avdelade

med

dubbla radbrytningar eller
___indrag från kanten.

Det är precis detta som är separationen mellan HTML och CSS. HTML är till för att märka upp allt innehåll, specificera vad som är rubriker, stycketext och så vidare. CSS:ens uppgift är att sätta utseendet på det innehåll som HTML:en har märkt ut.

Som jag sagt så kan jag redan en del (men långt ifrån allt) inom HTML och CSS, jag förstår vad de båda gör och hur man använder dem.
Det du vill ha sagt är att
HTML=Innehåll
CSS=Design
Uppfattade jag det rätt?

Ledsen för dubbelpost BTW, men jag ville inte röra till det med ännu flera citat i förra posten...

Visa signatur

"Att installera AMD-drivrutiner är lite som en Svensson-variant av rysk roulette.." //Kazuo

Permalänk
Medlem

HTML är grunden , HTML5 är nya attribut.
Lite samma sak med CSS och CSS3, kan du grunderna i båda så spelar noll roll vilken version, skillnaden ligger i vilka attribut som kan användas till vad och dess namn. Det riktigt nya med HTML5 och CSS3 är att man kan göra sidorna mer flashiga, om får uttrycka sig, sedan måste man vara medveten om att det hela är bara i sin början av utvecklingen av den nya "standarden".

Permalänk
Inaktiv

Det är inte riktigt så enkelt att HTML5 bara introducerar nya attribut och element till HTML standarden, det är mer än så.

Att du enkelt kan skriva din doctype såhär:

<!DOCTYPE html>

Förenklar något så fruktansvärt (är inte direkt kul att kunna välja mellan 6 olika 2 rader långa DOCTYPE ), ja det är HTML5 men den DOCTYPE valdes pga. att den triggar standard mode i alla webbläsare, även de som inte är helt uppdaterade för HTML5. Det finns ingen anledning att inte använda denna DOCTYPE, din sida kommer läsas som HTML5 i framtiden vare sig om du vill det eller ej. (http://friendlybit.com/html/html5-is-not-an-option/).

Förstår inte hur någon kan förespråka att lära sig mycket gammal "teknik" (om man kan beskriva det så) på Webdesignskolan när det finns mycket bättre alternativ, till exempel Webboken. Att sitta och "programmera" sin sida med <frameset> eller <table> som struktur 2011 och tycka att man är "nyutbildad" är verkligen inget man vill.

Nu tycker jag vi har spårat ut lite från vad trådskaparen skapade tråden för, så ett tips till OP är att köra med Webboken och på HTML5 och CSS direkt.

Permalänk
Medlem

Tycker att det är helt rätt det som sägs, att man skall gå på CSS och HTML genast istället för att bara lära sig HTML. Man kan till och med köra med inline styles till en början i fall det känns lättare (<body style="background-color: #FFF">). Att börja med tabeller (i designsyfte) och frames och annan utdaterad HTML är bara dumt.

Det är bara en sak jag undrar, varför är W3Schools så dåligt? Har själv lärt mig väldigt mycket därifrån, jag har aldrig märkt att de skulle ha dålig eller utdaterad information, och allting är bra upplagt.

Permalänk
Medlem
Skrivet av felxi:

Som jag sagt så kan jag redan en del (men långt ifrån allt) inom HTML och CSS, jag förstår vad de båda gör och hur man använder dem.
Det du vill ha sagt är att
HTML=Innehåll
CSS=Design
Uppfattade jag det rätt?

Ledsen för dubbelpost BTW, men jag ville inte röra till det med ännu flera citat i förra posten...

Ja precis. Jag var inte säker på att det var helt klart.

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem

Jag vill också tycka!

<importantcapslockmode>

Låtsas att html5 inte existerar just nu:

And. doctype så finns det bara en som bör användas till nya html-sidor, nämligen strict. Transitional var avsedd för gigantiska sidor som runt 1999 krävde många manstimmar för att konvertera, så man kunde göra det i olika steg och validera mot transitional så länge. Frameset är bara... bläh...

Doctypen ser ut såhär:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Den består ungefär av 5 delar:
1. <!DOCTYPE <- hej, jag är ett dokument som använder SGML som bakomliggande struktur för markering av dokumentets innehåll.
2. HTML <- Jag kallar min implementation av SGML för html.
3. Public <- Jag finns tillgänglig för alla.
4. -//W3C//DTD HTML 4.01//EN <- Ett unikt namn som ingen annan SGML-implementation i världen delar. (den här delen är i sin del uppdelad i 4 för förklaringen irrelevanta stycken)
5. http://www.w3.org/TR/html4/strict.dtd<- Här finns instruktionerna för SGML-implementationen så du kan validera dokumentet.

Tycker man doctypen är svår efter ett försök att förstå den så anser jag att man inte bör hålla på med någon form av html över huvud taget.

Anledningen till att många får för sig att använda transitional och frameset doctypes är för att vissa reklammedia kräver det. Dåligt av företagen kanske men vad ska man göra om man har en sida med vinstdrivande syfte?

Html5 activate!!!!
Html5 bygger inte på SGML och därför är <!doctype html> helt överflödig förutom för bakåtkompatibilitet. Den bör därför inte existera i senare versioner av html anser jag. Att "lära sig doctypen" genom att använda html5s doctype avsedd att fungera som ett skohorn så webbläsare visar sidan någorlunda okay känns lite felaktigt. Är det då inte bättre att ignorera doctypen över huvud taget? (ursäkta om jag är oinsatt exakt hur html5 fungerar)
Html5 deactivate!!!

Edit: Jag anser att html5 också bör bygga på SGML och är del av den skara idioter som tycker att html5 verkar vara skräp och bör mejas ner totalt och börjas om från början. Vad jag vill säga är att jag tycker html5 och senare versioner bör ha en riktig SGML-doktype i framtiden men om html5 blir recommended utan SGML som grund så finns det ingen anledning till det.

Lära sig html5 eller html4.01?
Jag anser att lära sig html4.01 ger en stadig grund som kommer hålla i några år framöver. Html5 är fortfarande i draft-stadiet och förändras kontinuerligt. Det är alltså svårt att faktiskt lära sig html5 då det inte riktigt existerar för professionell utveckling än.

Fördelen med att lära sig html4.01 strict är att du kan välja att gå över till html5 för att använda vissa element som fungerar samtidigt som du får så kallad graceful degradation till en fungerande och validerande html-sida (är det html 2 eller 3.2 man hamnar i genom <!doctype html>?).

Om du lär dig html5 enbart så måste du fortsätta att lära om hela språket under tiden det utvecklas. Det leder till att du måste engagera dig i att följa utvecklingen och konstant ändra varenda sida du skapas när html5 förändras.
Html4.01 däremot har funnits sedan 1999 och kommer inte förändras i framtiden men det kommer med största sannolikhet finnas bakåtkompatibilitet till 4.01 i framtida html-versioner ett par decenier till.

html och bgcolor...

bgcolor existerar inte över huvud taget i html 4.01 och kan därför inte användas. Det finns inget attribut som heter så i DTDn. 1999 försvann det och om man anser att man bör lära sig det först i år (2011) så klassar jag personen som säger det som inkompetent idiot oavsett hans utbildningsgrad eller erfarenhet inom webbutveckling.

1997 fanns attributet senast tillgängligt för nya hemsidor och det var lika fel då som nu även om det vid tiden antagligen ansågs som bra och hade ett bra syfte.

htmls ultimata syfte

Du ska inte försöka "göra hemsidor" med html i avseendet att skapa fina designer och allt vad det innebär. Htmls ultimata syfte är enbart att markera ett dokument innehåll i den tråkiga men nödvändiga stilen:

Det här är en rubrik
Det här är ett stycke text
Här kommer en sammanhängande lista
Det här är en punkt i listan
Det här är en annan punkt i listan
Slut på listan
Det här är en underrubrik
Det här är ett stycke text

Det finns inget rum för att "styla" dokumentet. Det används CSS till, du bör därför inte försöka använda gamla attribut förutom om du är intresserad av hur html såg ut innan html 4.01 men det anser jag att du har gått om tid till efter du har lärt dig html 4.01 strict.

</importantcapslockmode>

Intressant nog så är det många som skriker "webben utvecklas konstant, du måste följa med i utvecklingen för att kunna kalla dig professionell" samtidigt som de envisas med att skapa hemsidor i 1997-mode (html 4.01 transitional). Dessutom har html 4.01 funnits sen 1999 och inte förändrats sen dess, konstant uveckling.. okay!

Let the flamewars begin, nomnomnonm CAPSLOCKRRAAAAAAGE, love you allt, etc. <3!
//pscs3 out!

Visa signatur

Cat funeral! Cat funeral!
>>> 112383 <<<

Permalänk
Medlem
Skrivet av pscs3:

Html5 bygger inte på SGML och därför är <!doctype html> helt överflödig förutom för bakåtkompatibilitet. Den bör därför inte existera i senare versioner av html anser jag. Att "lära sig doctypen" genom att använda html5s doctype avsedd att fungera som ett skohorn så webbläsare visar sidan någorlunda okay känns lite felaktigt. Är det då inte bättre att ignorera doctypen över huvud taget? (ursäkta om jag är oinsatt exakt hur html5 fungerar)

Ja, precis. Den doctype som används i HTML5 fyller endast ett syfte: att aktivera standardläge i de webbläsare som doctype-sniffar. Men eftersom HTML5 i princip är lite reverse-engineerat från hur webbläsare faktiskt fungerar (och, såklart, hur de borde fungera) så är det en viktig bit. Man tar hänsyn till hur bra det fungerar i dagsläget. Webbläsare har inte tolkat HTML som SGML på hur länge som helst (har de någonsin gjort det?) och därmed är både DTD och doctype onödigt.

Skrivet av pscs3:

Fördelen med att lära sig html4.01 strict är att du kan välja att gå över till html5 för att använda vissa element som fungerar samtidigt som du får så kallad graceful degradation till en fungerande och validerande html-sida (är det html 2 eller 3.2 man hamnar i genom <!doctype html>?).

Med doctypen HTML5 använder hamnar man i samma läge som HTML4.01, om inte webbläsaren är kapabel att tolka HTML5, så klart. Det är så dagens webbläsare fungerar, och därför man valt just det doctype-fragmentet. Och bara för att man lär sig HTML5 betyder det inte att man inte kan HTML4.01; eftersom HTML5 bygger på och är bakåtkompatibelt med HTML4.01 (i de flesta avseenden) kommer man per automatik lära sig båda. HTML5 degraderar dessutom fint till HTML4.01 om stöd ej finnes.

HTML5 har i princip slutat utvecklas drastiskt just på HTML-biten. Det finns andra bitar (främst JS-APIerna) som utvecklas, men i grund och botten är HTML-delen klar.

Skrivet av pscs3:

Intressant nog så är det många som skriker "webben utvecklas konstant, du måste följa med i utvecklingen för att kunna kalla dig professionell" samtidigt som de envisas med att skapa hemsidor i 1997-mode (html 4.01 transitional). Dessutom har html 4.01 funnits sen 1999 och inte förändrats sen dess, konstant uveckling.. okay!

(Öh, T-forden har funnits sedan 1908 och inte utvecklats sedan 1927.) Att en standard inte ändras är att förvänta (det är ju en färdig standard, trots allt). Men att påstå att webben inte utvecklats för att HTML4.01 stått still sedan '99 är dumt; under de senaste tio åren har vi gått från tabellbaserade layouter till semantiska dokument, vi har sett DHTML och sedan även Ajax och nu JS-ramverk tas fram, vi har sett XHTML, mobila enheter, social media, Rails et al, webbapplikationer och mycket mer. Webben är allt annat än statisk.