Best Practices
This page covers the simplest way to do different things on the Wiki, or why we use one method over another.
Collapsible table
Below you will find the code required to make a basic table with helpful descriptions informing you what the code on each line does:
{| class="mw-collapsible mw-collapsed" style = "text-align:left;"
The "{|" is required to start a table. The next two pieces of code in quotes make the table collapsible and left justify the text.
The "|}" closes the table
! Header of table. This is always visible.
|- The code in this line generates a new row. You can modify the text of the row by using html code.
|Text for the row generated by the previous row goes here.
|}
Alignment
There is a serious issue about inline math alignment with the current method. Vertically, the default is rather ugly and requires fine tuning. If you would prefer something to appear as
For an introductory course, we usually have so each rectangle has exactly the same base.
instead of
For an introductory course, we usually have so each rectangle has exactly the same base.
you must use change your <math>
markup to <math style="vertical-align: 0px">
. Note that pixel height will vary substantially for each math image formed. You can also use %
instead of px
, but the vertical alignment varies more from platform to platform, as well as with respect to zoom levels.
Foundations/Solutions
For every practice exam you will see a foundations collapsible table, solutions collapsible table, and final answer collapsible table.
The Foundations table is for mentioning background material required to understand the solution
The solution is a step by step solution to the problem
The final answer is just the final answer. The idea behind providing just the final answer is for students who just want to know
if they did everything correctly.
Please stick to this format as it will provide with useful information that we can use to improve the wiki.
Exam numbering
If the exam was provided by the department it is labeled with a number, eg. Department Sample Midterm 3. If it was a sample midterm given by a professor it is labeled with a letter, eg. Sample Midterm C.
CSS
We have defined several useful classes to make formatting easier. These include:
Appearance | Code | Notes |
biglink | <span class="biglink" style="color:darkblue;"> biglink </span>
|
Used in exam headings to indicate link style to solutions. |
Exam style | <span class="exam">Exam style</span>
|
Matches exam font to math font; 135% scaling and Times family. |
Combined | <span class="exam"><span class="biglink" style="color:darkblue;"> Combined </span><span class="exam">
|
Used for actual problem numbers as links in exams. |
boxed | <span class="boxed"> boxed </span>
|
Can be used as a color box to offset Theorems etc. |