Forum Mjukvara Programmering och digitalt skapande Tråd

Lära sig webbdesign!

1
Skriv svar
Permalänk
Medlem
●

Lära sig webbdesign!

Hej har nu länge brunnit efter att lära mig webbdesign men två år i rad har kursen jag önskar söka vid sidan av mitt program rykt från Universitetet där jag bor då det inte funnits plats för mig. Därför undrar jag (jag är beredd att betala ganska fint) något bra program man kan beställa hem/kurs på skiva som folk har att rekommendera? Har sökt på google en hel del och försökt läsa men inte hittat något. Alltså något program som iaf tar en in i nybörjarstadiet alternativt böcker som sedan tar en vidare? Tänker ge 100% på detta om jag väl får chansen.

Tackar redan nu för förslag som må komma.

Redigera
Citera flera Citera
Permalänk
99:e percentilen ★
●

http://www.w3schools.com/html/default.asp är inte så pedagogisk, men tillförlitlig och uppdaterad.

Visa signatur

Skrivet med hjälp av Better SweClockers

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Alling:

http://www.w3schools.com/html/default.asp är inte så pedagogisk, men tillförlitlig och uppdaterad.

Gå till inlägget

Tackar väldigt mycket! Med lite vilja ska jag nog komma över saknaden av pedagogik!

Redigera
Citera flera Citera
Permalänk
Medlem
●

webdesignskolan.com
Kostar typ 300 om året och är kalasbra! Använde det själv flitigt när jag ville lära mig och där finns allt.. Räkna sen med några hundralappar till om du inte ska köra server på din egen dator

Edit* Kostar 399/år nu, så de har ökat.. men vill du lära dig på riktigt är det värt tycker jag

Redigera
Citera flera Citera
Permalänk
99:e percentilen ★
●

Det är inte riktigt värt att betala för serverhosting i början. Grunderna lär man sig bäst med Notepad++ eller dylik texteditor, eller i värsta fall med Notepad. Om man sedan vill visa vad man har lärt sig är Webs en bra gratistjänst.

Jag behöver förmodligen inte säga detta, men använd en riktig webbläsare – antingen Chrome eller Firefox med tillägget Firebug – INTE Internet Explorer.

Visa signatur

Skrivet med hjälp av Better SweClockers

Redigera
Citera flera Citera
Permalänk
Medlem
●

Är det webbdesign du vill lära dig? Webbdesign är i min värld själva designen. Om det är html, css, javascript du vill lära dig är det webbutveckling / front-end.

Visa signatur

EPoX 8RDA+, XP2500+, 2x256Mb PC3200 (DualCh), Club3D 9800PRO, Seagate 7200.7 160Gb 8Mb Limited edition

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Bruum:

webdesignskolan.com
Kostar typ 300 om året och är kalasbra! Använde det själv flitigt när jag ville lära mig och där finns allt.. Räkna sen med några hundralappar till om du inte ska köra server på din egen dator

Edit* Kostar 399/år nu, så de har ökat.. men vill du lära dig på riktigt är det värt tycker jag

Gå till inlägget

Okej, ja har räknat på en budget på 5000 kronor för att lära mig så detta kanske kan vara bra att ha hand i hand med sidan som ovan la fram? Tackar för svar!

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Alling:

Det är inte riktigt värt att betala för serverhosting i början. Grunderna lär man sig bäst med Notepad++ eller dylik texteditor, eller i värsta fall med Notepad. Om man sedan vill visa vad man har lärt sig är Webs en bra gratistjänst.

Jag behöver förmodligen inte säga detta, men använd en riktig webbläsare – antingen Chrome eller Firefox med tillägget Firebug – INTE Internet Explorer.

Gå till inlägget

Okej jag har inget emot att betala dock så ska helt klart kolla igenom det. Tackar för svaret! Jag använder firefox, helt väckt är jag inte (typ)

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Nordis:

Är det webbdesign du vill lära dig? Webbdesign är i min värld själva designen. Om det är html, css, javascript du vill lära dig är det webbutveckling / front-end.

Gå till inlägget

Ah mitt fel, förstår att det kan vara lite allmänt uttryck, menar själva webbutvecklingen jag önskar lära mig!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Zoem:

Okej, ja har räknat på en budget på 5000 kronor för att lära mig så detta kanske kan vara bra att ha hand i hand med sidan som ovan la fram? Tackar för svar!

Gå till inlägget

Jag skulle inte ge en krona för innehållet på den sidan, snarare varna nybörjare då materialet på den är av låg kvalitet och ouppdaterat.

Det finns mycket bättre information att tillgå på nätet, helt gratis. Min rekommendation är att du istället lägger dina pengar på en bra bok för att fördjupa dig i exempelvis javascript, när du känner att du fått koll på grunderna.

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●

http://sisu.it.su.se/search/info/IB908C Distans via internet

Visa signatur

Stationär Dator : FD define r3|Corsair RM 750W|i7 4770K +NH-U9B SE2|Z87-DS3H|ASUS R9 290 4GB DirectCuII|A-data 1600 DDR3 8GB|2TB + 1TB + 1 TB + 120Gb SSD
Bärbar dator : Acer Aspire TimelineX 5820TG

BeErNwHiSkY:Beer and Whisky!

Redigera
Citera flera Citera
Permalänk
Medlem
●

Tips från en som håller på.

Steg 1: Det kommer sluka tid men det är roligt att se när hemsidan växer fram.

Steg 2: Lär dig HTML och CCS. Hur det samverkar inte in i detalj för det kommer när du senare lär dig mer. CSS3 kan otroligt mycket och html 5 är mycket stort det med.

Steg 3: Börja med att göra en basic hemsida och lär dig använda <div> taggen och då i html5 <article, aside, footer, header, hgroup, nav, section> börja med det.

Steg 1,2,3 tar ganska mycket tid. Men för mig som precis håller på med det du vill göra (alltså lära dig) tar det kanske en vecka om du verkar ger gärnet. Jag sitter nog 5-8h av min fritid.

Steg 4: Jag tycker att man måste bredda sin verktygslåda. Så jag går in på en hemsida jag tycker ser tillräckligt svår ut och gör en exakt likadan hemsida. Alltså jag kopierar inte koden rakt av ut skriver min egna kod i Notepad++. På detta sätt behöver du inte fibbla med bilder som också det är en helt annan lära. Du kan istället använda dig av google chrome -> högerclick och "granska komponent" och ta bilderna direkt från hemsidan (OBS! lägg inte upp sidan - hemsidan har Copyrights). Titta på den i din egna webbläsare (chrome). På det senaste har jag lyckats härma curse.com samt några från elegantthemes.com. Kan rekommendera elegantthemes då de ofta använder sig av öppen javascript.

På detta sätt lär du dig hur professionella löser olika problem och hur man kan designa en hemsida.

SÖK på Youtube. FÖLJ twittrar som har med webdesign att göra.

Lycka till!

Visa signatur

Fraktfritt, Inet | SBE Marin, segling runt Malta

Redigera
Citera flera Citera
Permalänk
Inaktiv
●

Snart kommer väl You och wreckar havoc
Varken http://www.w3schools.com/ eller http://webdesignskolan.com/ är något bra eller uppdaterade. Själv tycker jag http://sigurdhsson.org/webboken/v2/ är ett bra alternativ idag.

Tänkt på att lära dig HTML och CSS så som man använder den idag. Det vill säga, design (CSS) separerad från presentation (HTML) och layout uppbyggd antingen med DIV-taggar eller nyare HTML5-taggar. Finns många äldre sidor (Webdesignskolan har varit så, vet inte riktigt hur det ser ut idag) som säger att man ska använda Tabeller och inte pratar om CSS alls. Det ska du verkligen undvika.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av anon150287:

Snart kommer väl You och wreckar havoc

Gå till inlägget

Vi borde fixa ett roterande schema..

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●

Snygg hemsida var det på curse.se, Någon som vet hur dom fixade search baren där uppe till höger? Hur den glider ut när man klickar på den?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Mostwanted:

Snygg hemsida var det på curse.se, Någon som vet hur dom fixade search baren där uppe till höger? Hur den glider ut när man klickar på den?

Gå till inlägget

CSS 3-transitions

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●

Först vill jag tacka och säga att jag verkligen uppskattar att folk tar sig tid att svara. Mycket information fick jag och därför blev det även lite rörigt så om jag får omformulera mig lite bara.

Jag är helt olärd och ska börja. Mitt första steg ska alltså vara att ? Utöver att fixa chrome.

Tex

Steg 1 - Gå in här och lär dig/plugga html
Steg 2- Köp en bok/lär dig javascript

Mer bara så jag ska förstå vart jag tar första steget, följande steg kan jag nog lista ut själv men just nu känns det som att stå framför en tsunami av information utan att han en aning vart man ska börja surfa på den.

etcetc

Redigera
Citera flera Citera
Permalänk
Inaktiv
●
Skrivet av Zoem:

Först vill jag tacka och säga att jag verkligen uppskattar att folk tar sig tid att svara. Mycket information fick jag och därför blev det även lite rörigt så om jag får omformulera mig lite bara.

Jag är helt olärd och ska börja. Mitt första steg ska alltså vara att ? Utöver att fixa chrome.

Tex

Steg 1 - Gå in här och lär dig/plugga html
Steg 2- Köp en bok/lär dig javascript

Mer bara så jag ska förstå vart jag tar första steget, följande steg kan jag nog lista ut själv men just nu känns det som att stå framför en tsunami av information utan att han en aning vart man ska börja surfa på den.

etcetc

Gå till inlägget

HTML samtidigt som CSS.
Sen utöver det är det inte tvunget JS som gäller, men det är ett logiskt steg. Efter det finns ju serverside språk såsom Ruby on Rails eller PHP.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Zoem:

Först vill jag tacka och säga att jag verkligen uppskattar att folk tar sig tid att svara. Mycket information fick jag och därför blev det även lite rörigt så om jag får omformulera mig lite bara.

Jag är helt olärd och ska börja. Mitt första steg ska alltså vara att ? Utöver att fixa chrome.

Tex

Steg 1 - Gå in här och lär dig/plugga html
Steg 2- Köp en bok/lär dig javascript

Mer bara så jag ska förstå vart jag tar första steget, följande steg kan jag nog lista ut själv men just nu känns det som att stå framför en tsunami av information utan att han en aning vart man ska börja surfa på den.

etcetc

Gå till inlägget

  1. Om du kör windows: Klicka här för att ladda ner notepad++. Installera. Notepad++ är en gedigen texteditor; allt du egentligen behöver för att göra en enkel webbsida.

  2. Engelskakunskaper är näst intill oumbärliga. Titta på den här videon (som är på engelska), den ger en enkel introduktion till HTML samtidigt som du får leka lite: http://www.youtube.com/watch?v=3bm0rXJLyTI

Senast redigerat
Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Zoem:

Först vill jag tacka och säga att jag verkligen uppskattar att folk tar sig tid att svara. Mycket information fick jag och därför blev det även lite rörigt så om jag får omformulera mig lite bara.

Jag är helt olärd och ska börja. Mitt första steg ska alltså vara att ? Utöver att fixa chrome.

Tex

Steg 1 - Gå in här och lär dig/plugga html
Steg 2- Köp en bok/lär dig javascript

Mer bara så jag ska förstå vart jag tar första steget, följande steg kan jag nog lista ut själv men just nu känns det som att stå framför en tsunami av information utan att han en aning vart man ska börja surfa på den.

etcetc

Gå till inlägget

sakta i backarna nu. Männsikor tar sig ju ann problem på olika sätt. Men en bra början är att läsa igenom http://sigurdhsson.org/webboken/v2/ som Havsmonstret sa. ta dig INTE ann javascript innan du har lärt dig att hantera html samt css. HTML och CSS är två relativt stora bibliotek med tanke på vad du kan göra med <taggarna> de kommer med. HTML och CSS är fundamentalt när det kommer till att bygga en hemsida. Jag har inte ens börjat pilla på javascipt än, i den mening att jag skriver helt ny kod själv. Jag moddar just nu bara färdigskriven kod.

Börja med HTML CSS, det är mitt tips. Allt annat skulle vara att börja i feö ändå inte får struktur i din kod.

Visa signatur

Fraktfritt, Inet | SBE Marin, segling runt Malta

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Alling:

http://www.w3schools.com/html/default.asp är inte så pedagogisk, men tillförlitlig och uppdaterad.

Gå till inlägget

Njae, som havsmonstret säger är den varken tillförlitlig eller uppdaterad. Webdesignskolan är pretty much the same.

Skrivet av anon150287:

Snart kommer väl You och wreckar havoc

Gå till inlägget

Det är nästan så att man inte hinner med

Visa signatur

Blogg. Webboken. Pinboard, Last.fm, Facebook, Kongregate. W3fools.
Validera din HTML, men skryt inte om att du gör det.
Använd HTML5 och kom ihåg semantiken!

Redigera
Citera flera Citera
Permalänk
99:e percentilen ★
●

Jag tycker helt klart du ska börja med bara HTML. Lär dig göra rubriker, stycken, listor etc innan du ens testar att styla med CSS.

Det här är en starttagg: <p> Den markerar att "Här börjar ett stycke."
Det här är en sluttagg: </p> Den markerar slutet på ett stycke.
Starttaggen, sluttaggen och allt som står mellan dem bildar ett element. Element kan läggas inuti varandra som ett träd.
Det här är ett element: <p>Lite text i ett stycke</p>

Du kan ta nedanstående kod och klistra in i Notepad eller (helst) Notepad++ och spara som index.html. Öppna filen i webbläsaren. Testa dig sedan fram så att du lär dig hur element och taggar fungerar. Varje gång du har ändrat något i index.html måste du uppdatera sidan i webbläsaren för att se ändringarna.

(Allt som står mellan <!-- och --> är kommentarer och syns inte i webbläsaren.)

<!DOCTYPE html>
<html>
<head><!--Informationen i head-elementet syns inte i själva sidan-->
	<title>Min sida</title>
	<meta charset="utf-8"><!--Så att åäö etc funkar-->
</head><!--Slut på head-elementet-->
<body><!--Body-elementet utgör själva sidan och kan innehålla text, bilder, knappar osv-->
	<h1>En rubrik på nivå 1</h1>

	<h2>En rubrik på nivå 2</h2>
	<p>Ett stycke med text.</p>
	<p>Ett till stycke.</p>

	<h2>En till rubrik på nivå 2</h2>
	<ul><!--En oordnad lista-->
		<li>En punkt i listan</li>
		<li>En annan punkt</li>
		<li>Babian</li>
	</ul>
</body><!--Slut på body-elementet-->
</html>
Visa signatur

Skrivet med hjälp av Better SweClockers

Redigera
Citera flera Citera
Permalänk
Medlem
●

Har inte läst igenom alla svar men kolla in http://www.lynda.com/ riktigt bra imo. Grymt pedagogiska från nivå 1 och vidare!

Edit: Dock på engelska

Visa signatur

Chassi: Silverstone FT02 Moderkort: MSI X79A-GD65 8D CPU: i7-3930K CPU kylare: Corsair Hydro H80 RAM: Corsair Vengeance 4x4GB GPU: Gigabyte G1 GTX 980 SSD: ADATA Premier Pro SP900 256GB HDD: WD Green 3TB PSU: Corsair AX 1200W 80+ Gold

Redigera
Citera flera Citera
Permalänk
Medlem
●

Se till att du kan HTML och CSS jäkligt bra innan du hoppar på något annat Du behöver INTE lägga några pengar på detta utan enbart tid!!! Som någon sa tidigare så är det jäkligt bra och roligt att försöka kopiera sidor rakt av. När du känner dig redo tar du nästa steg.
Javascript är bra att köra vidare på. Köp en bok på blocket eller gå till närmsta bibliotek.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag skulle tipsa om att tänka på att css > HTML så långt som möjligt. När jag "lärde mig" detta så grötade jag ner mig i enbart HTML vilket resulterade i uselt programmerade sidor som ingen kunde administrera ordentligt. Bättre att lära sig direkt att allt går att göra i css. Vilket i sig är en bra anledning att lägga dreamweaver på hyllan (fulkodens fader imo, åtminstone tills man verkligen vet vad man gör, men vad ska man då med dw till?)

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara