There are a number of sites with free page design like http://www.oswd.org A visually good design requires serious practice and often art background. But you can use free designs by modifying them to your liking. For example, when you go to http://www.oswd.org do the following steps:
1. Find a good front page design applicable for your project.
2. Download it to your computer using the link in the upper-left side of the page that you found
3. Explore the files in the downloaded collection. Some have just an html file with all the css being embedded into it and also with an additional folder containing art. Some have an external CSS file and the link to it from the html page.
4. Explore the art, substitute the text for your text, and most importantly instead of the "#" symbols in the menu links put url addresses of your own pages. Of course, will be even nicer if you will maintain the top part of the page with logo and links on some of your pages for consistent look, but is not required for the task completion. Just modify the front page to match your business and connect at least a couple of your own pages to its menu. See how CSS relates to HTML elements. If you connect an external CSS file to any page of your and retain the names of HMTL elements that CSS refers to - those styles will be reused on your pages.
This is a good exercise in making your previous learning of HTML and CSS more reality connected.
No comments:
Post a Comment