User:Wonghk3/Sandbox/WikiTextA4

CH-14: INFOBOX- CREATING
FOLLOW samples on tutorial page... Infobox - Creating

WHAT ARE INFOBOXES


 * Infoboxes contain quick references about people, locations, organizations, or administrative divisions.
 * A SPECIALIZED TABLE saved as a template, then embedded into the wikitext coding on a page.
 * The standard practice in Wiki is to place infoboxes near the top right side of the page.

ADVANTAGES OF INFOBOXES


 * ability to add/change DATA VALUES within them w/o having to edit the wikitext code
 * are coded to be edited only for the page on which they are embedded

CREATING AN INFOBOX WITH RENAMED PARAMETERS


 * Like a table, the INFOBOX CODING includes: open/close Table-tags, rows, and cells
 * the box is floated to the right side of the page using the attribute "float:right" in the Table-tag
 * first two rows use colspan="2" code to combine two columns in the table
 * parameters are added to accept user-input values by placing opening and closing curly brackets in the table: 
 * rename the parameters by ADDING a pipe after the parameter name, then ADDING an explanatory parameter name



SAVING THE INFOBOX template:Name of Society Infobox
 * Save the template using the word infobox in the title

CH-15: INFOBOX - PLACING
FOLLOW samples on tutorial page... Infobox - Placing

PLACING (EMBEDDING) AN INFOBOX; ADDING PARAMETER VALUES STEP 1: copy this infobox template into sandbox
 * Now that we've created (and presumably saved) an infobox, we need to place or embed that infobox onto a page.
 * I will demonstrate the steps using an infobox named  

STEP 2: add the parameters you used when you created the infobox between the curly brackets (I happened to look it up for this infobox)

STEP 3: add the values for each parameter, then 'show preview'


 * SEE RESULTS on right of page
 * Here's an EXAMPLE of infobox coding with values for Jackson County, Missouri


 * Here's an EXAMPLE of a Wiki Page (use to review coding): Abberley Parish, England

CH-16: IMAGE MAPS
FOLLOW instructions on tutorial page... Image Maps