So ,you want to become a design a website? HTML, PHP, Javascript, MySQL, CSS…. There’s too much code and it has cracked your brain? Too many codes for you to choose for but you don’t know which are essential for you?
Then, I will guide you on your way to become a great website designer….
First, let’s start with the basics. Website are basically made up from different web pages. The basics of all web pages are HTML (Hypertext Mark-up Language). Yes, HTML is the utmost important code that you will, must and have to learn! It’s the code that actually made this WWW (World Wide Web) up. You can say Internet exists today thanks to HTML. Without HTML, you wouldn’t be here reading this article and even touching your computer. So, the first code for you to learn is HTML. I will recommend you some online tutorials which I learned my HTML codes. Here are some HTML online tutorials which you can refer to:
- W3Schools
- Tizag.com
These are some highly recommended online HTML tutorials. Wish you good luck on your HTML.
Now, you’ve learned the basics. It’s now you move one step forward. In my opinion, the next code to will be CSS (Cascading Style Sheet).
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation (that is, the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.
CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the colors, fonts, and layout. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design). CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. While the author of a document typically links that document to a CSS stylesheet, readers can use a different stylesheet, perhaps one on their own computer, to override the one the author has specified.
CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.
Source: Wikipedia
As you have seen, CSS is commonly used to describe the presentation of web pages. Learning CSS can make your web page looks better with just declaring the style of the specified division. Learning CSS is the next thing you would really like to learn. You can learn your CSS codes at W3Schools. They provide a variety of samples for you and all the tutorials are simple and easy for you to understand. It is a recommended site for all.
Actually, after learning CSS, I would really like you to stop in coding temporarily. You can already make some resplendent web pages by just using HTML and CSS. Of course, HTML and CSS aren’t all you have to learn. You have more yet to learn. You just have to stop coding temporarily. Now, let’s see… What actually makes a website so interesting? The coding of a website? I wouldn’t say that a coding of a web page is so essential and that will make a website interesting… I will let you see some examples why some websites attract you while others not… Visit these sites:
- Dragon Interactive
- ClearLeft
Dragon Interactive would be nicer in my opinion. The stunning graphical effects have attracted you… Did it? I bet most of you want to make something like that… But, as you can see they are professionals… You would really have to take a course on website designing for those kind of sites… But anyway, back to the topic. Do you know what actually attracted you? I will tell you. It’s those nicely designed images. Without images, a website would be really dull. You will need a photo designing software to make something like those images in Dragon Interactive. Adobe Photoshop is one of the most common software available for advanced image designing or photo editing. As I have posted really long ago, you can visit the ‘Downloads’ section to download Adobe Photoshop CS4. It’s completely free. As I have said, Adobe Photoshop is an advanced image designing software. It would be a really complex software to use. You can try using Google to search for Photoshop’s tutorials.
And remember, Google is your friend. If you cannot understand something, Google it!
This is it, for part 1. I will continue the second part of this guide.
Continue Part 2.
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation (that is, the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.
CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the colors, fonts, and layout. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design). CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. While the author of a document typically links that document to a CSS stylesheet, readers can use a different stylesheet, perhaps one on their own computer, to override the one the author has specified.
CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.