User:Wonghk3/Sandbox/WikiTextA4

CH-17: SIDEBARS
FOLLOW samples on tutorial page... Sidebars

SIDEBARS vs INFOBOXES
 * FOLLOW Wiki University documentation + NOTE: Sidebars are SPECIALIZED TABLES saved as TEMPLATES
 * copy the sample coding onto my sandbox, show preview
 * NOTE: table tag, row tag, cell tags and a simple list are combined to make a sidebar
 * HOW TO SAVE: save as a template making sure the word "sidebar" is in the title (don't do this without prior approval!)
 * HOW TO EDIT: do an edit source on THIS PAGE, go to the bottom, look for Sidebar template, then click edit
 * EMBEDDING the SIDEBAR: do an edit source on THIS PAGE and note placement of the sidebar template at TOP
 * copy and paste the sidebar template onto my sandbox, show preview
 * do not do exercises

CH-18: NAVBOXES
FOLLOW samples on tutorial page... Navboxes

A NAVBOX is a TABLE and TEMPLATE
 * FOLLOW Wiki University documentation of a TYPICAL NAVBOX + NOTE: Navboxes are SPECIALIZED TABLES saved as TEMPLATES
 * copy the sample coding onto my sandbox, show preview
 * NOTE: it is a table with table tag, row tags, and cell tags ---> go through each line
 * HOW TO SAVE: save as a template making sure the word "navbox" is in the title (don't do this without prior approval!)
 * EMBEDDING the NAVBOX: performed by an Administrator; you will not see in the coding because it is "protected"
 * If do exercise, do not save as a template; just save it in your sandbox

CH-19: POSITION - RELATIVE
FOLLOW samples on tutorial page... Position-Relative


 * the position of text, images, templates, etc. are automatically placed on a page by the browser in the order loaded/coded; e.g. text first then image
 * we can position the items differently than how the browser wants to place it; e.g. INDEPENDENT OF or IN RELATION TO other objects on the page
 * we use position attributes:


 * RELATIVE POSITION = browser default; places objects in relation to where your browser placed it (IN RELATION TO)
 * ABSOLUTE POSITION = places objects in relation to the entire page and COVERS UP whatever value is in that spot (INDEPENDENT OF)

SAMPLE CODE for a box:

CH-20: POSITION - ABSOLUTE
FOLLOW samples on tutorial page... Position-Absolute

DEFINITION of a TEMPLATE