What do I need to know? (to do Professional web design)

They have: 3 posts

Joined: Jun 2006

Short version: What do I need to know to be able to make the "real" good sites, the ones profesionals make, and is it possible to do it without going to schools or anything like that, just from reading online and trying it for yourself?.

Long version:
Ive allways wanted to learn website design. I run a website for a friend, and have many, many.... many failed attempts at other sites of my own. I dont know HTML (sort of... read on and ill explain), or really anything else important. One day a friend asked if I could make a website, and out of boredom I said sure, installed frontpage and started goofing around. That was about 4 years ago, it came out so nice that he eventually paid for a real host and ive kept it up ever since. Ive gotten pretty good in Fronpage. Ive tried learning HTML, I followed quite a few tutorials to the end and never learned anything that I couldnt do in Frontpage twice as fast, allthough there has been a few ocasions I had to go into the HTML of one of my pages and edit something by hand to get it working right, namely Flash stuff.

Other than the main site I could never really get "into" it like I want to. My stuff never comes out quite right, it allways looks.. well.. like an ameteur with frontpage made it. So, im hoping by learning the more complex stuff that maybe I can do better and enjoy it more. Would it be at all possible to learn most of or everything needed to learn to make decent websites without going to any schools, or buying crazily priced books, or anything other than good old fashioned scouring the internet? If so, What should I be attempting to learn? And if it isnt too much trouble, some small explinations of these things would be really helpful, what theyre used for etc.

Thank you for any help/advice

And yes I know my spelling and puncuation is very bad here, when making sites I pay a lot more attention to details, and run spell checkers etc Laughing out loud

Busy's picture

He has: 6,151 posts

Joined: May 2001

short version: loose frontpage and if you must use an editor use dreamweaver or something.

longer version: Frontpage is crap and as the old saying goes you can't polish a turd.
Ideally even if you use an editor you should learn at least the basics of (x)html and css so you understand what things are doing and why, makes editing and modifications quick and easy.
Frontpage will always give that cheap boxy look no matter what as it is very limited in it's ways.

You can learn web design without courses and books, find a couple of html sites to get the gist of it all, then find sites or bits of sites you like then look at the source code to see how it was done (don't copy), then using this new found information put it to use, make up sites about anything and explore different layouts and styles. Most designers/developers require a style, if you check out their portfolios you can see a trend between their sites you will gain one over time, just let it evolve and don't try copy someone else's, do what feels right.
Posting sites for review here for example gets a lot of feedback from all ranges of experiences, giving you guided suggestions from previous experience or just personal taste.
Sometimes when you develop sites you get to close, try to hard and it turns to poo, KISS (keep it simple stupid) is a good guide line to keep in mind and often the simplest way is the best.

Practice is the key, learn (x)html and css and once you understand it really your only limited by your imagination, that and the browser incompatibilities Wink

demonhale's picture

He has: 3,278 posts

Joined: May 2005

a good suggestion of busy, KISS, thats a good way to start... Now start reading on some x(html) and css, be inspired, follow the basics, this will help you have a good foundation in the future... Yes it can be learned without schooling, but if you need guidance then it really helps to learn in school even for just basic arts lesson, fine arts and CG(computer graphic) stuff.. but I suggest you do get a good book to read together with scouring the web for scraps of information to learn from... It gets all your basics covered which is pretty important.

Not onle will you learn to code well, you must learn about positioning and its impact, visual cueing, color theories etc... to make better websites... I suggest you get inspired, as busy said, visit sites you really like, look at their codes, observe keenly the graphic style without copying, youll learn to develop your own style soon enough... Visit sites like CSS beauty, or CSS zen garden... once you get inspired by their works, youll start learning in no time... and lastly if you must use a WYSIWYG editor, use dreamweaver, FP sucks!

They have: 3 posts

Joined: Jun 2006

Thanks for the tips, Ive only scimmed over your replies as I Dont have much time at this second, but first thing when I get home I plan to come back and reread, but just wanted to add.

I tried Dreamweaver, but FP seemed much quicker and easier, thinking back its been quite a while since I tried it though, ive learned alot since then and will definatly go back and try it again.

Also im not quite understanding the difference between knowing HTML and using a WYSIWYG. Like I said I followed quite a few totorials and it seemed like the much much longer way to do the things I can do in FP easily. Would anyone be able to explain an example or two of something that can be done in HTML and not FP? It just seems so much easier to be able to see what im doing as I do it.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Heres my opinion on this, I tried all sorts of WYSIWYG editors and dreamweaver outputs less bulk and more semantic doen FP... FP adds tags that could be done with a single line of CSS but declares a whole list of markup that is unecessary or uneeded... Most web designers design with a view in mind and tranlsate that vision to screen by just using codes.. Css has helped a lot in this respect... Other designers build graphic elements first so they can see what there doing using image or graphic programs, and later transform it manually by code and by hands. In my case I just imagine what a finished site will look like, draw it bay hand on a sletch pad, add graphic elements here and there by just imagining the code that will do it for me... Once I understand the basic framework and Ive coded it by hand, its not hard to edit or modify that design for whatever purpose I deem possible... And best of all, browser incompatibility is more or less eleminated since I know when I test which tag made it quirk and what to do about it... Hope you can get enlightenment...

They have: 24 posts

Joined: Sep 2006

I like the idea of KISS I just use notepad for my codeing unless I have something really complex that I have never done then I use DW so I can see what I am doing while I do it.

I need link exchangesA Myspace Layout

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

If you're just looking for "quicker and easier" then you're in the wrong business. Actually, that probably wouldn't get you far in any business. Good quality work isn't quick or easy. You can go ahead and try to sell cheap, bad quality websites but of course we're not going to try to recommend that.

Learning how to code proper HTML and CSS is essential in this business, especially now that web standards are becoming an accepted norm for high quality professionals. You don't need to use notepad to do hand coding - there are tons of other editors out there that will make your job eaiser. And, IMO, there's nothing wrong with using a hybride WYSIWYG/hand coding approach *if* you know what you're doing.

As for learning, Cameron moll has a timely blog post on this exact same topic:

http://www.cameronmoll.com/archives/001211.html

It might help if we could see what you've done so far. Then we can make more specific recommendations.

They have: 3 posts

Joined: Jun 2006

Sorry for the slow reply, had some RL troubles that kept me away. Thanks for all of the suggestions. Im definatly going to take them. I just installed Dreamweaver and am going to start trying it out now. My biggest problem right now is a lack of something to make a site about, Ive just been doing remakes of my current only succesful website (blvdknights.net) Which I run for a RL friends car club. The flash was done by someone else but the rest I did myself.

Again thanks for the suggestions this was a big help

They have: 140 posts

Joined: Apr 2006

I checked your website and it could be improved. The layout is a little too simple. Plus I am not too big of a fan for flash intro.

Busy's picture

He has: 6,151 posts

Joined: May 2001

wonkalow, websites topics can be anything while you practice, ideally a real topic helps (ask your friends and family if they want one done) but use your hobbies and interests for site topics, you dont have to put every site you make on the web, just build it, learn from it and do another. The more you do, the more you understand the better you'll get.
Oh and making mistakes means your learning Wink but don't ever count on never making any - we all do

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Looks like you need to learn some graphics! Find a good graphics program (Corel Paint Shop Pro is a good affordable option) and look around on the web for tutorials. Good graphics skills are essential Smiling

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.