Difference between revisions of "Web page conventions (MGDP2060)"
Karl Jones (Talk | contribs) (→Naming conventions) |
Karl Jones (Talk | contribs) |
||
| (4 intermediate revisions by one other user not shown) | |||
| Line 3: | Line 3: | ||
== File organization == | == File organization == | ||
| − | All of your web page files go in a folder known as the [[local root folder]] (or similar names). | + | All of your web page files (the HTML documents, CSS documents, image files, etc.) go in a folder known as the [[local root folder]] (or various similar names). |
* '''Local''' because it's on your local computer (as opposed to '''Remote''' -- the web server) | * '''Local''' because it's on your local computer (as opposed to '''Remote''' -- the web server) | ||
* '''Root''' because it contains your [[Home page]], along with sub-folders | * '''Root''' because it contains your [[Home page]], along with sub-folders | ||
| − | == | + | == File naming conventions == |
| − | * | + | * Always spell file and folder names as specified in exercises |
| − | + | * Where not specified, your choice of file and folder names -- but see file naming restrictions below | |
== File naming restrictions == | == File naming restrictions == | ||
| Line 27: | Line 27: | ||
* Numbers | * Numbers | ||
| − | * Hyphen | + | * Hyphen <code>-</code> |
* Underscore <code>_</code> | * Underscore <code>_</code> | ||
Note that the neither the hyphen nor the underscore is a "dash". There is no "dash" key on a standard keyboard. | Note that the neither the hyphen nor the underscore is a "dash". There is no "dash" key on a standard keyboard. | ||
| + | |||
| + | == Web page styles == | ||
| + | |||
| + | All of your web pages must: | ||
| + | |||
| + | * Use [[responsive web design]] | ||
| + | * Use [[Bootstrap (framework)|Bootstrap]] or some other CSS framework | ||
| + | * Be legible | ||
| + | |||
| + | Use consistent styles and layout across your site. | ||
| + | |||
| + | Be creative -- express yourself -- design and decorate to suit your own taste | ||
| + | |||
| + | == Web page title == | ||
| + | |||
| + | Each web page should have a unique title, consisting of two elements and a separator: | ||
| + | |||
| + | <code>Your Name - Page Subject</code> | ||
| + | |||
| + | Or, if you prefer: | ||
| + | |||
| + | <code>Page Subject - Your Name</code> | ||
| + | |||
| + | Popular separators include <code>-</code> and <code>|</code> | ||
| + | |||
| + | See [[Title (HTML)]]. | ||
| + | |||
| + | == Standard page content == | ||
| + | |||
| + | Standard page content: | ||
| + | |||
| + | * Your name | ||
| + | * Title of exercise | ||
| + | * Link from exercise to Home page | ||
| + | |||
| + | == Site navigation == | ||
| + | |||
| + | On your Home page, make links to all of your exercises. | ||
| + | |||
| + | On your individual exercise pages, make a link back to your Home page. | ||
| + | |||
| + | Some exercises will consist of two or more web pages; it may be convenient to make links between these pages. | ||
| + | |||
| + | There is no need to make page-to-page links between all of the pages. | ||
| + | |||
| + | [[Category:Web Design and Development III (MGDP2060)]] | ||
Latest revision as of 05:00, 25 April 2016
Student web pages should follow these conventions:
Contents
File organization
All of your web page files (the HTML documents, CSS documents, image files, etc.) go in a folder known as the local root folder (or various similar names).
- Local because it's on your local computer (as opposed to Remote -- the web server)
- Root because it contains your Home page, along with sub-folders
File naming conventions
- Always spell file and folder names as specified in exercises
- Where not specified, your choice of file and folder names -- but see file naming restrictions below
File naming restrictions
Names of files and folders:
- Must begin with a letter
- Must be letters which have keys on a standard keyboard
- Must not contain space characters
- Must not contain any of the following characters (unless you can justify why you need it):
~ @ # $ % ^ & * ( ) { } [ ] | \ / ? < > , : ;
Acceptable (other than first character in name):
- Numbers
- Hyphen
- - Underscore
_
Note that the neither the hyphen nor the underscore is a "dash". There is no "dash" key on a standard keyboard.
Web page styles
All of your web pages must:
- Use responsive web design
- Use Bootstrap or some other CSS framework
- Be legible
Use consistent styles and layout across your site.
Be creative -- express yourself -- design and decorate to suit your own taste
Web page title
Each web page should have a unique title, consisting of two elements and a separator:
Your Name - Page Subject
Or, if you prefer:
Page Subject - Your Name
Popular separators include - and |
See Title (HTML).
Standard page content
Standard page content:
- Your name
- Title of exercise
- Link from exercise to Home page
On your Home page, make links to all of your exercises.
On your individual exercise pages, make a link back to your Home page.
Some exercises will consist of two or more web pages; it may be convenient to make links between these pages.
There is no need to make page-to-page links between all of the pages.
