web design and coding
organising your html code
No matter what html code editor you use to create your website, it can always take some time to get going on the html code that make up the page.
Here are five quick tips to start building up a library or scrap-book of code snippets that can be used in most of your new projects.
- Save your code snippets in their own folder.
Number the files in the order in which you might want to use them. - Use a common header format to your documents.
Essentially, these should include DOCTYPE, charset, title, description, favicon and stylesheet statements. You could also add author, copyright, last updated, keywords, robots text and other items that you feel are important for your work. - Use common div headings in your work.
Have a file that includes your common id names such as <wrapper>, <header>, <navigation>, <maincontent>, <subcontent>, <footer> for divs that you can copy straight into the body of your html files. - Save common elements that you use in your web designs.
Make a copy of the common formats you use for your header <h1> title, navigation list elements, footer etc. - Make a blank template.
Put your common snippets together to make up a template that you fill with Lorem Ipsum. You could even set up and save a file structure with empty directories that you copy over to a new folder at the start of a web design project.
