Since most websites start with the same set of core file requirements and most layouts have at least the same starting HTML and CSS structure you can speed up your initial web design by having a core set of files ready to use.
For our core files we usually have the main directory structure set up:
- CSS folder
- Images Folders
- Javscript folder for jQuery plugins
- index.html file
The index.html file already contains the link to download the latest jQuery library and of course the link to the basic CSS file. The page structure has the div tags for the header, main content and footer and associated CSS rules set up in the style.css file ready to create the main web design layout.
The CSS structure includes:
- CSS reset – to remove all default presentation from HTML tags
- Coding to create a “sticky footer” on your web page
- CSS classes to style the website main navigation & footer navigation
- Basic form presentation
- CSS rules to to create buttons
Although you need to develop your own core files that work best for your style of web design, you can however
download a copy of our core files and are free to use these as a starting point or adapt them.