Webforumz's RSS FeedRSS Webforumz RegistrationRegister Contact Webforumz StaffContact

The professional way to design a website?

This is a discussion on "The professional way to design a website?" within the Web Page Design section. This forum, and the thread "The professional way to design a website? are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Jun 28th, 2008, 07:37
New Member
Join Date: Jun 2008
Location: -
Age: 20
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
The professional way to design a website?

Hi, I am a student having basic experience and knowledge with dreamweaver, php, mysql, adobe photoshop, html, etc.

I am learning web designing from someone and i am paying that person quite a lot of money but i doubt if he is teaching me properly. This person wants me to use a lot of photoshop and images, and loads and loads of tables to design my website, basically, this is the website he designed: [edit]
and he is teaching me to do the same, i wish to design very professional looking websites: [edit]

this person also suggested that the way to create navigational menus and links are to copy paste them to each and every page of your website and keep updating, so my understanding is that if you design a 50th page, you have to update 49 pages... so someone please tell me what is the most common and efficient method used by front-end webdesigners to make navigation menus so that they come from the same source in every page, so you don't have to update 50 pages... is it SSI? or do you just use some php coding?

and i really wish to know what is the proper way of designing a website, if someone could point out and give an overview... e.g. designing a stylesheet, attaching, how would the css work? or am i supposed to make loads of tables?

i just wish to know how it all works... and how powerful is css?

I am trying to learn front-end webdesigning

Last edited by welshstew; Jul 1st, 2008 at 08:42. Reason: no links until 25 posts - all links use rel=nofollow
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2  
Old Jun 28th, 2008, 09:40
Reputable Member
Join Date: Sep 2007
Location: Tehran - Iran
Age: 29
Posts: 433
Blog Entries: 2
Thanks: 7
Thanked 7 Times in 7 Posts
Re: The professional way to design a website?

The way you describe here was a common way before, but now using of tables is not a wise choice in web designing. Today semantic web design is very important, which means using html tags where they really should be and you should pay attention to their meaning, for example you should use table for tabular data not for laying a web page ! Instead you should use DIVs and CSS to make a web site...
Also for navigation the way you mentioned is not good, If you use PHP you can use include method and make your navigation part a PHP file and then in your every file you can include this file and then if you want to edit your navigation then you can easily edit one file not 50 files !!!
If you want to learn web design you should learn CSS, its very powerful...
__________________
Designing For Communicating
Website : http://www.datisdesign.com
Weblog : http://blog.datisdesign.com

Last Blog Entry: Throughout IRAN (Dec 10th, 2007)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jun 28th, 2008, 16:00
Reputable Member
Join Date: Mar 2008
Location: Chester, UK
Age: 18
Posts: 465
Thanks: 2
Thanked 33 Times in 33 Posts
Re: The professional way to design a website?

Yeah in addition to above, tables are pretty bad for anything par tabular data.

The new age of the web is orientated around being easier, and the seperation of content and style.

Tables can be very restricting, and far more complex to work with than just css. True css allows you to update the entire aesthetics of a site with just one file (check out zen garden, designers can't touch the html, just the css, check out the designs people have come up with).

Tables also offer alot of code bloat, which search engines dislike and in the long will cost you far more in bandwidth.

For things like navigation, i would highly reccomend using just simple php includes, it makes updating far easier in the future. otherwise you could use some sort of macro command depending on your editing software. (i don't use dreamweaver so i couldn't comment on it).

The true skill i think, is knowing when to use tables and css correctly, Tables are still perfectly valid mark up, and still have some pro's that css has yet to offer.

Thres a good article on tables vs css here (i say good because it doesn't immediatly condem tables, and gives a fair overview on both, unlike alot of reviews).

CSS is important, be tables will always have a place (for the forseeable future anyway).
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Jun 30th, 2008, 22:11
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: The professional way to design a website?

Judging by his current site etc, I would find another source for learning, perhaps even teaching yourself. Learning the "wrong" way will do nothing but hinder your learning and any future career goals. If he is teaching you to build like his site is done he is teaching you incorrectly.

The basics would be XHTML Strict, CSS 2, and some Javascript or a Library such as jQuery etc. You will also need to be familiar with some content management systems or at very least the basic workings of a CMS etc and how things tie together.

Knowledge or at least understanding of languages such as PHP and databases such as MySQL are also very helpful in the web design world even for front end designers/developers.

As for learning really the best way is to ask questions, look at source code of things you like to figure out how they were done and DO NOT use a WYSIWYG editor. Basically just jump in and start hand coding from scratch, the W3C validators are your friend and will help you learn what not to do and how to correct common and uncommon errors.

As a front end developer you will have a lot of responsibilities including but not limited to comping/editing/slicing design comps, building a page/site/templates in a semantic, accessible, clean and orderly fashion, Making your web pages work with or without JavaScript, with or without flash, for text browsers, mobile devices, various platforms and browsers, printer firendly, work in screen readers etc...

Pretty much its your job to take everything including any back end stuff and make sure its output is clean, user friendly, and that it all works together. Fun eh? if you need anything we are here to help.
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)

Last edited by moojoo; Jun 30th, 2008 at 22:23.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT. The time now is 19:13.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8