Who among you are new to the world of Website Development? Some amateur web designers are asking how to beautify their HTML Website into a stylish design. My answer is, after your HTML project, you need to build a CSS for your website to make a style. I can say that you can’t do this if you do not know what HTML/CSS is. Okay, here’s a summary description of HTML and CSS:
HyperText Markup Language (HTML)
• Markup Language
• The predominant markup language for web pages
• Building blocks of all basic websites
Cascading Style Sheets (CSS)
• Style sheet language
• Styles define how to display HTML elements
• Styles were added to HTML 4.0 to solve a problem
• External Style Sheets can save a lot of work
• External Style Sheets are stored in CSS files
I am here to give you a guide on how they work on your project. The first stage in this guide is how to do HTML and secondly will be CSS processing. After learning all these languages, I am sure you will enjoy the world of Website Development! Hey! I am also here to give you a basic guide on how to conceptualize your website project
QUESTION AND ANSWER
Question: What are the requirements before doing a website project?
HTML/CSS Coding = Dreamweaver/Notepad/Wordpad
Designing Materials = Photoshop/Fireworks
Preview and Testing = Browsers like, Internet Explorer or Mozilla Firefox.
When you work on notepad or wordpad, you need to save your work in .html file (eg. index.html)
Question: Where should I start?
Answer: You should read the HTML Introduction on how to start your own HTML website project. Without reading, there’s no learning. Do explore, experience, and experiment.
Question: I’ve learned HTML already, now, how can I make a style on it? How do I change the color of the blue links, fonts etc?
Answer: Now, it’s your turn to learn how to code Cascading Style Sheets (CSS). I am very sure; after you’ve learned this language you will enjoy your website project
Question: I am trying to code CSS, but nothing happens on my HTML file. What’s next step after learning both HTML and CSS?
Answer: You need to put your CSS code into HTML code. Here’s what I am talking about.
Since you have read the given links as your guide, I am going to present to you the different parts of a website page. We have actually 4 important parts of a website – the header, content, sidebar and footer. In most of the websites you visit, you will see these four major parts which are very important. Now, here is the different web wireframes that you may apply in creating your website project
Tips in doing a project:
“You will not learn everything if you are lazy in reading instructions.”
|1. Analyze first. “What category are you planning for? Is it all about personal website? Animal website? Music website? Education website? Or whatsoever…” And also, “What should I include on the site? Should it have an online shop? A login form? A contact form? And what so ever…”|
|2. Make a wireframe! You should take note of your website concept. I suggest that you put at the topmost left of your page what you want the viewers to see as your emphasis.|
|3. Choose a color theme. Maximum of three colors are enough. Make sure you choose the right color combination. Example: I’ve chosen music category and the colors which I think is good for this site is red, orange and yellow. Black background is good for this!|
|4. Think a style. When you choose music category as an example, think a style and concept that reflects to the music. It might have music notes, a band, a singer, a speaker, guitar etc.|
|5. Own copyright. Since you are a beginner, you can get some ideas by browsing different websites, and use the images as your raw materials for your website. If you think that you can build your own concept, it’s better for you to provide your own images/photos for your project so that you know that those are created by your own hands and has your own copyright|
Okay! This is the end of our lesson for this month. Hahaha! Yeah, I am posting every month. I’m sorry. But I am always online and checking your messages and comments. Just give me time to reply as soon as I am free. By the way, if you have already known this topic and you’re planning to build your blog, you can read my article about Designing a Blog. Oh yeah! Have a nice day folks