Monday, April 20, 2015

Create A Website Structure

Making a website structure.


At its most fundamental level, the structure of a website is comprised of only two elements: a "head" section and a "body" section. The former contains markup instructions (hidden from your audience) used to name the website, identify the website to search engines, and link to an external file that contains formatting instructions. The latter contains the visible content that you wish to convey to your audience. It's best to sketch out the layout of your website on a piece of paper. Label each block to identify its purpose, such as "banner," "nav," and "content." You'll translate these block labels into code using HTML's "DIV" tag. This strategy creates an effective structure for a single-page website. For a multi-page website, you'll add a mechanism called a "sitemap," which ties together individual Web pages within your website.


Instructions


Structure A Web Page


1. Start your text editor (such as "NotePad" on a PC or "TextEdit" on a Mac).


2. Add the opening tag of the HTML file.


3. Add the "head" code.


My Web Page


4. Add the "body" code.


...


...


...


5. Add the closing tag of the HTML file.


6. Name and save your file with an "html" file extension.


Structure a Website


7. Create a new HTML file for your sitemap


8. Add a descriptive paragraph for each Web page in your website.


9. Format each paragraph as a hyperlink.


My SiteMap


Web Page 1


Web Page 2


Web Page 3


10. Name and save your file with an "html" file extension.