I would like to learn how to design websites. Where do I start?

1 Answer

Answer :

In seven years things have changed and awful lot. Your best bet is to start with learning XHTML and CSS. Semantic HTML and the separation of markup and presentation are very important topics. You should be aware of the web standards project and why it exists, and why semantic HTML is so important. There are so many resources out there on this topic that I’ll leave finding them up to you. That covers the basics of design. Semantic HTML is a very important concept. Not only does it make CSS easier to write, but it’s immensely important if you ever get into development, be it client-side or server-side. JavaScript and the DOM are arguably the most important part of crafting a web interface, and both rely on cleanly structured HTML. Server-side development is another story. It has more in common with application programming than web design. PHP is the most commonly used language, and it runs on the web server to generate HTML pages dynamically. Other popular web programming languages are Perl, Python, and Ruby, altough those are generally used for more complicated tasks, and are more difficult to get into without a gerat foundation in computer programming.

Related questions

Description : How do i learn to create websites?

Last Answer : answer:Personally, I use Textmate and CSSEdit. I would suggest buying a book on HTML and CSS and using that. Really, any book should do. I find that when starting out it is better to learn from a book than a bunch of different online tutorials. http://macromates.com/ http://macrabbit.com/cssedit/

Description : Which is the Best Sources to learn Web Design ?

Last Answer : A lot of people who I’ve talked to that are recently learning about HTML and CSS tell me that W3 Schools has some good information. Of course, the W3 itself has the best info on HTML (check out the “Learn” section on the sidebar) and CSS.

Description : What is the best way to start learning web design?

Last Answer : Pay attention to websites you like and try to identify what’s so great about them. I know ask-public has a great website design.

Description : What are some websites exactly like webs.com?

Last Answer : Do you know that real hosting is super cheap? I pay five dollars a month. Most free sites will vanish soon or inject ads into your site. Really, just give up the cup of coffee for one day per month and get real hosting.

Description : Why do some websites automatically reload soon as they open?

Last Answer : I don’t see either of those sites reload when I use Firefox or Chrome.

Description : Know any websites that serve the same content successfully on big desktop monitors and on hand-held devices?

Last Answer : answer:None spring to mind, but I’m curious if others have encountered such sites. It’s an interesting concept, and you could probably make a mint if you build such a service! We’re an OSX/iOS household, if you need beta testers.

Description : What's the best way to redesign and test a website's CSS that you don't control?

Last Answer : Turn your own machine into a webserver. http://www.apachefriends.org/en/xampp.html

Description : Why do websites always want you to take a survey or give them feedback?

Last Answer : To get your email address.

Description : Why do websites constantly redesign their site?

Last Answer : answer:In response to some anonymous feedback? They do this with the website for the organisation I work for. Drives me doolally. Just get used to where everything is and Bam.. new site and things have ... have to guess they haven't got it right yet. Keeps web design people in work too I guess.

Description : What is it about certain websites that prevents you from using the Back button?

Last Answer : I expect that they want to hold you there long enough to be malicious.

Description : Web design (CSS) question: how can I make something like this?

Last Answer : Looks like it’s based on Cargo Collective’s Montessori template and using their tools. They’ve modified it some to use some more concepts from brutalism, but it looks like all the main functionality would be there if you wanted to do the same.

Description : What is the proper name for "notification bars" in web design?

Last Answer : answer:Are you talking about a comfirmation pop-up message? Generally, when you're doing your use cases for a site, you would document the happy path actions of the user first, and account ... flow. Create the use case from that, and write your error messages or confirmation messaging from that.

Description : Is there a one stop shop for all web design code?

Last Answer : The best one-stop shopping is Google. In otherwords ‘No’. A lot of that depends on what platform you are using? Java vs .NET vs. ... will yield different sets of tools and tricks on different sites.

Description : Should I pursue a career in web design?

Last Answer : I think that if you really feel like devoting your time to web designing then web designing is what you want. If it doesn't work out, there's always another day with new opportunities. I just looked at your ... , and you really have to want it to succeed. But i'm sure you'll do great, good luck!

Description : Any one interested in web design want to check out my site?

Last Answer : Hey to all looking. You should be able to add comments, it’s just not working for some reason. Tell me what you think of the UI though. I’ll look into the commenting problem.

Description : How to find web design tutorial on the web?

Last Answer : What? What are you trying to accomplish?

Description : I want to learn PHP, but I am pretty much computer illiterate. What steps do I take?

Last Answer : For HTML, you don't require any additional software. You can save it on your local computer just like any other file, and the website will be visible to you only. You don't need any special software to ... server, but many ISPs don't like you doing this and may forbid this in your terms of service.

Description : How much does it take to start a dating website? Similar functionality to today's dating web sites. Who can create this for me?

Last Answer : Too much to make it worth it. A dating site is only as good as the people you can find on it. Unless you’re going for a super specific niche that doesn’t already use another site this isn’t something you should do because it’s a good idea in your mind.

Description : Implementing CSS @font-face from start to finish?

Last Answer : The files you're looking for are the EOT and OTF/TTF (interchangeable here) files. The other src values are saying if they already have this font then sweet, just use that. IE ... software for converting OTF into EOT here: http://www.microsoft.com/typography/web/embedding/weft3/download.aspx

Description : How can i start my own website?

Last Answer : Take two sticks. Rub them together. Then hire a web site builder. It’s worth every penny.

Description : Is there a wordpress plugin that would allow me to put random quotes on my website (like ask-public has?)

Last Answer : answer:I don’t believe the ask-public quotes are random, in the sense they are auto generated. They are manually generated, but randomly displayed. Similar to what a wordpress random quote widget might provide.

Description : What resource or service would you like to be able to find online for free?

Last Answer : answer:A real certified IQ test, made by, like, Stephen Hawking or something. A website akin to Wikileaks for disgraced politicians, where we get to see exclusives on their latest illegalities and such A site ... people I think. Or maybe they have something like this already, that I don't know of.

Description : How to make a website like youtube?

Last Answer : Money. And, lots of it.

Description : How to make a website like youtube?

Last Answer : Money. And, lots of it.

Description : How can I build a webpage that people can comment on pictures and recomend the ones they like?

Last Answer : Open an account at Flickr or Photobucket

Description : How can I make a site like this ask-public.com web 2.0-looking site?

Last Answer : answer:Read these articles.. http://blog.ask-public.com/blog/category/howd-they-do-that/ If that looks totally foreign to you might want to set your sights a little lower. You could try to have a site ... or Perl, or Python. It wouldn't be insanely hard. Just really time consuming. (Get my drift?)

Description : Why does ask-public have Users login with their published user names?

Last Answer : answer:Honestly, there's probably no other reason than because that was the standard at the time. In 2006 (which is when the site launched), basically every website used a username to login. Even now, the vast ... such a ubiquitous login item? (I'm no web designer either, so I can't say for sure.)

Description : What do I need to do to adapt my Web site to mobile devices?

Last Answer : answer:(Link is broken. But it appears to be: mathed.org.) You could either try to use a mobile framework like bootstrap and do this yourself, or you could move all the content into a simple Wordpress site with a responsive theme/template.

Description : From where I can buy web hosting in cheap rate?

Last Answer : answer:Dreamhost.com and Bluehost.com get great reviews for Linux hosting. I needed inexpensive Windows hosting recently and I signed up for SmarterASP.net.

Description : Optimizing a Jquerymobile build for my needs?

Last Answer : answer:I'm sure you saw it, but just in case. Please note that the jQuery Mobile Download Builder is still in alpha, and as such should not be used on production websites. But, let's see if we ... build than you want that works, then weed out the unneeded sections one at a time. Until it breaks.

Description : WYSIWYG maker for making expandable blocks (show/ hide toggle blocks)?

Last Answer : Wow. I have no idea, but should identify WYSIWYG as What You See Is What You Get for those who couldn’t figure it out.

Description : To what degree are the problems with the Obamacare website due to sabotage?

Last Answer : Possibly, but a question for any IT folks out there is, wouldn’t the site have been thoroughly beta tested or am I being naive?

Description : How would I add a page-by-page language "switcher" on a website, and should I - details...?

Last Answer : answer:I've not done it before, but it should be fairly easy if you have properly separated your content from your presentation. The nicer-looking way to do it would be to use an XMLHttpRequest in ... but it gives you the ability to do lots of things you can't do effectively in plain HTML.

Description : What would take priority on my website?

Last Answer : I think, for design, the portfolio is more important.

Description : How can I get a color scheme with lots of colors?

Last Answer : I doubt that you can get 20 colors that are going to look distinct enough from one another to be obviously different (especially if they are filling small areas) in the eyes of the average viewer. You may have to use texture differences as well.

Description : Could you give me feedback on a website?

Last Answer : answer:Rather than comment on the site's concept, I'll give you some minor things I noticed: - Some of the quotes have sources. Others don't. I would make the source a requirement. - I had a ... to my avatar. I'm assuming this means that I can follow myself. Anyway, those are some initial thoughts.

Description : Building a site in "Google Sites?"?

Last Answer : Ouch. I thought Google had abandoned this back in 2008. It actually does look abandoned. But you don't need me to come in here and tell you to use Wordpress because you've already told us not to. ... one of those times you either convince the client that it is a bad idea, or walk away. Sorry.

Description : What are the requirements for supporting millions of users on your website?

Last Answer : Supporting in what? Can you maybe add some detail?

Description : What is a flowchart?

Last Answer : Here is a complete tutorial on flow charts.

Description : Why can't I get favicon.ico to show up as my website tab and bookmark icon?

Last Answer : answer:Excuse me for only reading the last sentence of your detailed question, but they are the black and white things which, after you pressed them, will make that a variety of sounds will ... to the correct position on your computer like C/poison/images/website instead of C/poison/music/website?

Description : A free image hosting service that won't re-size or lower the quality of my images?

Last Answer : answer:Google's Picasaweb https://picasaweb.google.com/home As well as allowing full-scale uploads, it will do on-the-fly resizing for you. For example, I uploaded this photo once, but ... . Conversely, if you move things around on your drive, Picasa automatically and instantly reflects the changes.

Description : How would you form an if statement in a jQuery function, then call that function using a .click() handler?

Last Answer : Can you show us what your current code looks like? Perhaps you could paste it to http://jsfiddle.net/ or https://gist.github.com/ and give us a link? It’s easier answer if we’re referencing the same things.

Description : Are there alternatives to multi-line comment boxes in a contact form?

Last Answer : Wow is that the wrong way to go about solving your problem. The correct answer is not to restrict what a user wants to tell you, but to ensure that your site is secure. If you don't already have an ... you aren't using HTTPS, start using it. If you aren't encrypting the transmission of data, do so.

Description : What are the most common age groupings on sign-up forms?

Last Answer : answer:Under 16 16–18 18–21 21–35 35–50 50–75 Over 75 Although I have to admit I picked these numbers at random.

Description : Is there somewhere I can download the iPhone map location gif?

Last Answer : Even if you do find one you’ll get your ass sued right off you. Don’t try to copy other peoples materials.

Description : Whats a good prototyping tool for designing Web Layouts?

Last Answer : answer:Huh? Why not just produce photoshop templates? Proof in PDF. Ask ETPro… he knows more than I.

Description : Best Open Source Web Software for a small book club?

Last Answer : answer:It's not exactly lightweight, but Drupal can certainly handle all those things and much more. I usually recommend Drupal for things like this because it has a good combination of user-friendliness ... or Rails. Cue framework fanatics flaming for daring to compare their babies to a mere CMS.

Description : Can I build a store-locator page in Dreamweaver CS 5?

Last Answer : answer:Are you looking to take someones zip code and tell them where the closest store is? That is going to tricky to do well. Would using Google Maps to plot the store locations be enough? That is about 100 times easier.

Description : Can an Adsense ad unit move on a page?

Last Answer : Yes, but without specific details, I can’t give a more specific answer.

Description : What can I do to make my site better?

Last Answer : answer:This is just a look at the design and there are some points where you could improve: Your menus are really nice, the social networking integration is well done too. I like the layout of the ... , good layout etc. most of my points are just nit-picking and tweaks/ error debugging. Good luck!