Building/Designing a website. Need advice/ resources
#1
Registered User
Thread Starter
iTrader: (1)
Join Date: Feb 2009
Location: Bay Area/CPP
Posts: 1,428
Car Info: 2005 WRX - Stage 2 and EQ Tuned!
Building/Designing a website. Need advice/ resources
Hey i-Club,
I want to learn how to build websites, so I am going to set aside time to learning the ins and outs of web design.
I am sure that many of you are familiar with this subject, so I am asking for some opinions on books, online how to guides, forums, etc to get me going or any other knowledge that you think would help me along the way.
Also, don't hesitate to post links of sites you have built or worked on to provide some creative insight.
Thanks!
-Rob
I want to learn how to build websites, so I am going to set aside time to learning the ins and outs of web design.
I am sure that many of you are familiar with this subject, so I am asking for some opinions on books, online how to guides, forums, etc to get me going or any other knowledge that you think would help me along the way.
Also, don't hesitate to post links of sites you have built or worked on to provide some creative insight.
Thanks!
-Rob
#4
#5
VIP Member
iTrader: (23)
Join Date: Sep 2003
Location: Fremont
Posts: 4,968
Car Info: 1999 2.5RS / 2004 Forester X
This is a great book that I used for learning and reference for XHTML & CSS: http://www.headfirstlabs.com/books/hfhtml/ (I would almost say this book is a must have)
If you want to get into php do not get the php book from Head First Labs... terrible book with many mistakes and mis matching code examples. Even worse documentation about setting up a dev environment. For php I picked up this book here: http://www.murach.com/books/phps/index.htm and have been pleased with it so far.
You should first master XHTML Strict 1.0 & CSS 2.1 then if you feel up to it take a stab at HTML5 & CSS3. Though HTML5 relies a lot on JavaScript too so it will probably be a while till you get to that point.
Make sure you don't get into the bad habit of building a site with tables. Here's a good series of videos for how to build a valid XHTML tableless layout: http://www.youtube.com/watch?v=MpYC1fN2BHM
You definitely will want to learn Photoshop if you're getting into web design.
Also if you use Dreamweaver only use it as a text editor, don't rely on the design view because you'll never learn coding that way and it never renders correctly anyways. If you're on a mac I'd try a free solution like Text Wrangler: http://www.barebones.com/products/te.../download.html
Of course keep referring back to W3 since they make the standards for everything: http://www.w3.org/
http://www.smashingmagazine.com/ is always great.
Here's one site I designed last year: http://www.ubatraumatherapy.com/
I'll try to post back with the most recent one I've been developing for the past 4 months once it goes live.
Anyways that should be more than enough to get you started, go to it!
EDIT: Oh and lastly, if you use Firefox DEFINITELY install Web Developer Toolbar and FireBug.
Last edited by stg2lgcy00; 06-04-2011 at 02:22 PM.
#6
VIP Member
iTrader: (17)
Join Date: May 2005
Location: Sunnyvale, CA
Posts: 22,776
Car Info: '13 BRZ Limited / '02 WRX
If you're on a mac I'd try a free solution like Text Wrangler: http://www.barebones.com/products/te.../download.html
Thanks for all of the resources you've posted, as I know I've been building mine the bass-ackward way! (Layout in illustrator, text converted to paths, then sliced and imported into dreamweaver).
#7
Registered User
Thread Starter
iTrader: (1)
Join Date: Feb 2009
Location: Bay Area/CPP
Posts: 1,428
Car Info: 2005 WRX - Stage 2 and EQ Tuned!
I'm thinking about taking a Java course next quarter but it would be unrelated to my major and I am trying to graduate sooner than later.
I'll have to look into getting dreamewaver and I am on PC. I learn by examples and trial and error, so I'll check out the book and see how it works for my learning style.
Thanks for all the info. I appreciate it!
I'll have to look into getting dreamewaver and I am on PC. I learn by examples and trial and error, so I'll check out the book and see how it works for my learning style.
Thanks for all the info. I appreciate it!
#8
VIP Member
iTrader: (17)
Join Date: May 2005
Location: Sunnyvale, CA
Posts: 22,776
Car Info: '13 BRZ Limited / '02 WRX
I'm thinking about taking a Java course next quarter but it would be unrelated to my major and I am trying to graduate sooner than later.
I'll have to look into getting dreamewaver and I am on PC. I learn by examples and trial and error, so I'll check out the book and see how it works for my learning style.
Thanks for all the info. I appreciate it!
I'll have to look into getting dreamewaver and I am on PC. I learn by examples and trial and error, so I'll check out the book and see how it works for my learning style.
Thanks for all the info. I appreciate it!
#12
Registered User
Thread Starter
iTrader: (1)
Join Date: Feb 2009
Location: Bay Area/CPP
Posts: 1,428
Car Info: 2005 WRX - Stage 2 and EQ Tuned!
Adobe Master Collection for $599 (Retail - $2599)
Photoshop Extended
Illustrator CS5.5
Indesign CS5.5
Acrobat X Pro CS5.5
Flash Catalyst CS5.5
Flash Professional CS5.5
Flash Builder CS5.5
Dreamweaver CS5.5
Fireworks CS5.5
Contribute CS5.5
After Effects
Premiere Pro CS5.5
Audition CS5.5
Encore CS5.5
OnLocation CS5.5
Illustrator CS5.5
Indesign CS5.5
Acrobat X Pro CS5.5
Flash Catalyst CS5.5
Flash Professional CS5.5
Flash Builder CS5.5
Dreamweaver CS5.5
Fireworks CS5.5
Contribute CS5.5
After Effects
Premiere Pro CS5.5
Audition CS5.5
Encore CS5.5
OnLocation CS5.5
Acrobat X Pro CS5.5
Flash Catalyst CS5.5
Flash Professional CS5.5
Flash Builder CS5.5
Dreamweaver CS5.5
Fireworks CS5.5
Contribute CS5.5
Photoshop Extended
Illustrator CS5.5
Flash Catalyst CS5.5
Flash Professional CS5.5
Flash Builder CS5.5
Dreamweaver CS5.5
Fireworks CS5.5
Contribute CS5.5
Photoshop Extended
Illustrator CS5.5
#14
I used to do simple websites for SCI guilds n' stuff. LoL, nothing really fancy. Back in High school I did enjoy playing with Flash. But all the graphics and stuff you have to make on your own or import (if you make your own graphics, ur going to have one sexy *** site)