0
Blueprint for a Basic Website
<ul><li>For every website there are 2 blueprints or plans </li></ul><ul><li>1. The basic layout for the pages that visitor...
The Web Page Includes <ul><li>A header </li></ul><ul><li>Navigation </li></ul><ul><li>An area for text, images and data </...
Basic Page Layout
<ul><li>Page layout is not set in concrete however most people who use the Internet expect to find navigation either on th...
Behind the Scenes <ul><li>While visitors to a website see the page layout the web browsers see something quite different a...
Blueprint for a Basic Site <ul><li>HTML pages reside in the root folder along with the .htaccess file, the XML site map an...
Basic File Structure
Upcoming SlideShare
Loading in...5
×

Blueprint For A Basic Website

727

Published on

A very basic blueprint for a very basic website

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
727
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Blueprint For A Basic Website"

  1. 1. Blueprint for a Basic Website
  2. 2. <ul><li>For every website there are 2 blueprints or plans </li></ul><ul><li>1. The basic layout for the pages that visitors who come to the site will see </li></ul><ul><li>2.The directory layout that only the web browser and webmasters will see </li></ul>
  3. 3. The Web Page Includes <ul><li>A header </li></ul><ul><li>Navigation </li></ul><ul><li>An area for text, images and data </li></ul><ul><li>A footer that includes secondary navigation, copyright information etc. as you will see on the next slide </li></ul>
  4. 4. Basic Page Layout
  5. 5. <ul><li>Page layout is not set in concrete however most people who use the Internet expect to find navigation either on the left or just under the header </li></ul><ul><li>Web pages should be easy – especially pages for commercial and e-commerce sites so keep the layout simple and carry it across all pages </li></ul><ul><li>Design for a 12 year old and most people will be able to find their way around your website </li></ul>
  6. 6. Behind the Scenes <ul><li>While visitors to a website see the page layout the web browsers see something quite different and to have a standard blueprint here is very important </li></ul><ul><li>A standard layout means that any experienced webmaster can work on the site without wasting time trying to find where the site’s elements are located. </li></ul>
  7. 7. Blueprint for a Basic Site <ul><li>HTML pages reside in the root folder along with the .htaccess file, the XML site map and the robots.txt file </li></ul><ul><li>Images are placed in an image folder </li></ul><ul><li>Large javascript files are placed in their own folder </li></ul>
  8. 8. Basic File Structure
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×