web design tutorial

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
ayu
Forum Newbie
Posts: 2
Joined: Mon Mar 05, 2012 5:38 am

web design tutorial

Post by ayu »

Hi all,

I'm a newbie in web design. I want to make a design from scratch not download template.
Maybe for sample for this : http://carbonmade.com/
Anyone would give me an tutorial for that or have the tutorial?

Thank you
Ayu, :)
User avatar
social_experiment
DevNet Master
Posts: 2793
Joined: Sun Feb 15, 2009 11:08 am
Location: .za

Re: web design tutorial

Post by social_experiment »

The easiest option will be to use a search engine and look for 'web design tutorial'; designing a site you have to look at what is required, what specifications you have to meet. You can read a tutorial but there some things that only experience can teach. Download a template and view the source code to see what the layout is like, css, etc.
“Don’t worry if it doesn’t work right. If everything did, you’d be out of a job.” - Mosher’s Law of Software Engineering
User avatar
califdon
Jack of Zircons
Posts: 4484
Joined: Thu Nov 09, 2006 8:30 pm
Location: California, USA

Re: web design tutorial

Post by califdon »

ayu wrote:Hi all,

I'm a newbie in web design. I want to make a design from scratch not download template.
Maybe for sample for this : http://carbonmade.com/
Anyone would give me an tutorial for that or have the tutorial?

Thank you
Ayu, :)
As others have said, web design is a very complex set of skills. You will not learn it from one, or even several, tutorials. But they can get you started.

To learn how to design web pages from scratch, you need to learn the fundamental skills. My advice is for you to take several HTML tutorials. Learn as much as you can about HTML. At first, don't worry about the fine details of color, fonts, "open space", etc. Just learn ALL the HTML element tags and the structure of a web page. Then take several CSS tutorials. Learn everything you can about CSS. Create sample pages with lots of variations in CSS styling, until you can easily re-style a page just by changing the CSS styles. Then take several Javascript tutorials. Learn the document object model of a web page and how to write Javascript functions and use Javascript objects to interact with the user. Then take several AJAX tutorials. Learn how to request data asynchronously from a web server, and how to use that data to modify your web page. Then take several PHP tutorials. Learn what you can (and can't) do on the web server before sending the web page to the browser. Then take several (many!) MySQL and relational database tutorials. Learn how data is stored and retrieved.

When you have finished that, you will be ready to begin learning about user interaction, the aesthetics of visual design, fonts, colors, etc.

Don't expect to view a few tutorials, read a few books, or even take a few classes and suddenly become a web designer.
stevejohn012
Forum Newbie
Posts: 1
Joined: Fri Mar 30, 2012 5:14 am

Re: web design tutorial

Post by stevejohn012 »

I learn webdesign from w3school website. You may also try they are one of the best tutorial service provider.
Live24x7
Forum Contributor
Posts: 194
Joined: Sat Nov 19, 2011 9:32 am

Re: web design tutorial

Post by Live24x7 »

for all that califdon has recommended

from html to css to javascript to ajax to php to mysql
w3school website http://www.w3schools.com/ is where you get it all at one place.

all the best.
User avatar
califdon
Jack of Zircons
Posts: 4484
Joined: Thu Nov 09, 2006 8:30 pm
Location: California, USA

Re: web design tutorial

Post by califdon »

I find w3schools.com to be very helpful, too, especially to get a first-time look at a wide variety of skills. But there has been some criticism of the site for not being fully in conformity with standards in some cases. My advice is: take advantage of the easy access to a huge array of web tools, but realize that they may not be 100% accurate, so if you're getting into a particular issue deeply, you might want to look for a second opinion, just like with medical professionals!
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: web design tutorial

Post by Celauran »

madelinekim
Forum Newbie
Posts: 2
Joined: Fri Mar 15, 2013 7:06 am
Location: india

Re: web design tutorial

Post by madelinekim »

If you want to learn about web designing then online tutorials are the best option for you because online tutorial provides the flexibility to learn innovatively all the tools and features about designing software. As my point of view adobe dreamweaver is the perfect designing software for learning.
annaharris
Forum Commoner
Posts: 30
Joined: Mon Mar 25, 2013 6:52 am

Re: web design tutorial

Post by annaharris »

According to me, www.w3schools.com is the best choice for the best web tutorial.
Post Reply