Verktyg Visningsval
2012-04-18, 16:54   #1

bessla

Medlem

Plats: Göteborg

Registrerad: feb 2012

Hur ska jag plugga webbutveckling på bästa sätt?


Hejsan,

Sitter här med en bok som heter "HTML och CSS-boken" det är den sjunde upplagan som är skriven av Rolf Staflin. Den är perfekt och tycker den är skit bra, men nu så sitter jag med ett ganska stort problem. Jag vet inte hur jag ska lära mig det som står i boken, visst så kan jag skriva av det jag ser och sedan försöka komma ihåg det. Jag kan säkert komma på något eget sätt, men hur gjorde/gör ni?

Några enkla tips?
bessla är inte uppkopplad
2012-04-18, 16:57   #2

wasprocker

Medlem

Plats: kramfors

Registrerad: sep 2010

Läs ut hela boken till att börja med!
__________________
Case: Bitfenix prodigy M Cpu: amd fx 8320(4.7 ghz) Cpu kylare: Cooler master 212 EVO

Moderkort: Giogabyte 78LMT -M ATX

Gpu: Amd radeon 270X Ram: 8 gigabyte corsair 1600mhz Nätaggregat: Corsair 600W
wasprocker är inte uppkopplad
2012-04-18, 17:34   #3

Hong

Medlem

Plats: Stockholm

Registrerad: maj 2011

Kom på en egen design till en sida, sedan försöker du skapa den
__________________
BitFenix Colossus Black, ASUS P8Z68-V PRO, Intel i7 2600k @ 4.4 GHz, Kingston HyperX Grey 2x4 GB @ 1600 MHz, Zotac GTX 660 Ti, 2xCorsair Force 3 120 GB, WD Caviar Black 1 TB, Seagate Barracuda 3 TB
Hong är inte uppkopplad Folding
2012-04-18, 17:42   #4

plattangen

Medlem

Plats: Uppsala

Registrerad: aug 2005

Tänk dig en sida du vill göra och sedan använd det du har läst/läs på mer i boken när det behövs. Man lär sig genom att använda, det måste man göra några gånger och sakta men säkert så lär du dig det och tillslut så sitter det bara i huvudet vilket kodsnutt som passar var och varför.
plattangen är inte uppkopplad Folding
2012-04-18, 17:59   #5

Morpiha

Medlem

Morpihas avatar

Plats: Lund

Registrerad: nov 2008

Som folk redan har sagt så kom på en design och försök sen göra den.
Om du vill lära dig lite mer så kan du ju alltid kolla lite på w3schools.
__________________
Fractal Design XL | GeForce GTX 660 TI | ASRock P67 Extreme4 | Corsair 120GB SSD | Samsung 1tb hdd | Corsair 8GB | Intel i7 2600K 3.4GHz | Noctua NH-U9B SE2 | Fractal Design Newton R2, 1000W modulär |

"There's no such thing as real life. Only AFK."
Morpiha är inte uppkopplad
2012-04-18, 18:58   #6

bessla

Medlem

Plats: Göteborg

Registrerad: feb 2012

Ska försöka göra det, tack för svaren!
bessla är inte uppkopplad
2012-04-18, 19:47   #7

havsmonstret

Medlem

havsmonstrets avatar

Plats: Linköping

Registrerad: apr 2010

Personligen tycker jag att webbutveckling (eller "programmering" i allmänhet) bygger mer på erfarenhet än ren kunskap. Att kunna rabbla upp alla HTML taggar och CSS attribut hjälper dig inte om du inte vet hur de fungerar tillsammans. Jag tycker du ska börja experimentera, kanske titta på några intressanta videos / läsa artiklar på internet (http://css-tricks.com/ har ganska många coola saker).

Sen som de andra säger, testa att komma fram med en egen design. Stöter du på problem är det bara att fråga här i forumet

Undvik W3Schools dock: http://w3fools.com/. Använd instället tex. Webboken om du behöver lära dig mer eller MDN om du behöver slå upp något.
havsmonstret är inte uppkopplad Folding
2012-04-18, 23:53   #8

Snacker

Medlem

Snackers avatar

Plats: Umeå

Registrerad: aug 2011

Kolla först lite kort på olika tutorials, så får du en bättre uppfattning om hur det fungerar. Kom sedan på en design (du kan göra den i Paint/GIMP/Photoshop om du vill) och försök göra så gott du kan. Vad gäller webbutveckling så handlar det dock mest om erfarenhet (som nån sa).



Skickades från m.sweclockers.com
__________________
Stationär: CM Storm Scout 2 | MSI Z77A-S03 | Intel i5 3570k | ASUS GeForce GTX 660Ti | 2x4 GB DDR3 1333 MHz | Samsung 120 GB SSD | Seagate 2TB HDD | be quiet! 630W PSU | W7 HP
Laptop: ASUS X72J Series | Intel i3-330M 2,13 GHz | 2x2GB DDR3 1333 MHz | Seagate 500 GB SATA2 5400rpm | ATI Mobility Radeon HD 5470 1 GB
Krignutrustning: Logitech G400 | Mionix Keid 20 | Microsoft Basic Keyboard 1.0A
Snacker är inte uppkopplad
2012-04-19, 10:05   #9

morphman86

Medlem

Plats: Göteborg

Registrerad: apr 2009

Det allra första du bör göra är att följa exemplen i boken du har. När du har skrivit färdigt en, testa att ändra vissa saker och se vad de gör!

Har du en CSS-fil med "border: 1px solid black;", pröva att ändra 1px till 5px och se vad som händer... Ligger denna rad i en pekare som säger "p {", pröva att byta p mot h1 och se vad som händer...
Ja, du förstår nog vad jag menar, byt ut saker och se vad som händer, om sidan bryts totalt, så vet du att du inte kan göra på det sättet
__________________
Stationär: Processor: Intel i5 3.2GHz, RAM: 4Gb, Grafikkort: ATI Radeon HD 5850, OS: Windows 7 Proffessional x64
Laptop: ASUS K53E, Processor: Intel i5 2450M, RAM: 4Gb, Grafik: Integrerad Intel GMA HD, OS: Win7 Home Premium x64 och Xubuntu 10
morphman86 är inte uppkopplad
2012-04-23, 11:07   #10

Kaffeh

Medlem

Kaffehs avatar

Plats: Göteborg

Registrerad: apr 2012

Ladda ner firebug till firefox och sitt och lattja med den. det var ungefär så jag lärde mig.. och sen koda ihop en egen sida.
Kaffeh är inte uppkopplad
2012-04-25, 11:53   #11

we_man1

Medlem

Plats: Stockholm

Registrerad: feb 2005

Jag är också nyfiken på webbutveckling och tycker det mesta här var väldigt bra info! Men jag undrar, när är det man använder program som t.ex. Dreamweaver? Såsom jag förstår kan det användas för att göra en hemsida visuellt? Men att ingen ens nämnt det här antar jag det inte är så? Annars har jag kollat på http://www.w3schools.com/ och installerat firebug vilket hjälper jätte mycket . Men är det bara så de flesta brukar skapa fina hemsidor? Sitta och skriva in denna "kod" och testa om och om igen hur det ser ut?

Mvh
__________________
Gaemer Addicted!
we_man1 är inte uppkopplad
2012-04-25, 16:43   #12

Doz3r

Medlem

Plats: Nacka

Registrerad: aug 2008

Citat:
Ursprungligen inskrivet av we_man1 Visa inlägg
Jag är också nyfiken på webbutveckling och tycker det mesta här var väldigt bra info! Men jag undrar, när är det man använder program som t.ex. Dreamweaver? Såsom jag förstår kan det användas för att göra en hemsida visuellt? Men att ingen ens nämnt det här antar jag det inte är så? Annars har jag kollat på http://www.w3schools.com/ och installerat firebug vilket hjälper jätte mycket . Men är det bara så de flesta brukar skapa fina hemsidor? Sitta och skriva in denna "kod" och testa om och om igen hur det ser ut?

Mvh
Ja, man kodar och ser vad som händer, dock när man vet vad man gör så kommer man kunna tänka sig själv hur det ungefär kommer se ut. Att skapa hemsidor "visuellt" är dock inget som jag gjort och kommer aldrig rekommendera då man nekar sig själv till att lära sig viktiga saker som sedan kommer behövas när man skall använda t.ex. JS, PHP osv.
Doz3r är inte uppkopplad Folding Överklockning
2012-04-25, 18:54   #13

ox4

Medlem

ox4s avatar

Plats: linköping

Registrerad: dec 2009

att bygga en hemsida är egentligen ganska enkelt eftersom HTML följer enkla regler, och det är inte så värst många taggar att hålla reda på.
det blir mer komplext när man vill göra saker som att bygga en sajt som SweC för då räcker inte HTML.

börja med att öppna notepad (jag rekommenderar notepad2 http://www.flos-freeware.ch/notepad2.html) och spara den blanka sidan som "index.html". Börja sedan med <html><head></head><body></body></html>.
skriv vad du vill mellan body-tag och vips - nånting syns när du öppnar filen i din browser.

kolla sen runt (t ex. "visa källan" för denna sidan eller vilken annan som helst) och du ser vad mer man kan trycka in i respektive del av hemsidekoden. med fördel kan man börja med <title>The Page</title> i <head>-delen...

lägg upp koden snyggt så du kan hålla reda på var saker kommer (med radbrytningar och tabbar) och börja lära dig nya taggar samt attributen till dessa (t ex 'color=' osv).

Snart fattar man varför CSS är bra och att det är ungefär lika lätt som HTML. Och sen vill man säkert hitta på nån kul liten funktion som gör sig bäst i javascript eller med hjälp av ett bibliotek som jQuery. Och när man väl kommit dit kan man göra en hel del balla grejer. PHP/SQL är ju betydligt knepigare, men med lite copy-paste och en serverplats (eller med egna datorn som server) kan man sen enkelt bygga användbara databaser eller enklare CMS (content management system).

betänk att detta är den roliga ful-approachen. ska hemsidan publiceras och användas finns det en del stilregler man ska ta hänsyn till, och man får en del hjälp av att få hemsidan validerad med nåt onlineverktyg (t ex. http://validator.w3.org/).

kör bara, och googla det som verkar förbluffande...det finns SJUUUUKT mycket information om detta på nätet.
__________________
"bluescreen"
HAF922;AsusP6TSE, i7-920@3989MHz, 18GbRAM@1532MHz, X25M/G2-80Gb, Intel520-240gb (+4hdd), NoctuaNHU12PSE, HD5870vaporX@900/1250, custom dammfilter. SennhPC360g4me. WACOMbambooA5. SaitekCyborgEVO.
ox4 är inte uppkopplad Folding Överklockning
Senaste nyheterna

Redaktionens senaste nyhetsrubriker

Sök jobb