Colour Theme | Font Size Options | |
The checkpoint exercises can be found on the bottom of the navigation bar on the first four weeks of labs, or there are links to them on the schedule on the home page.
All of the course assignments and their descriptions can be found on URCourses. If you can't find an assignment on URCourses, the instructor may not have made it available yet.
Besides being found in different places, there are a couple notable differences between lab and course assignments:
There are a few other locations on campus for you to work on your assignment:
CL136 | Our main lab. It is available to you outside of booked times. |
Main Library | There are about 75 PC's there for all University students. There are also electrical outlets and study desks if you have a laptop. |
Luther Library | There is a library on the bottom floor of Luther that you can also use. |
Campion Library | There is a library on the second floor of Campion that you can also use. |
CL109 | If CL136 is busy, go to CL109. This lab is there for all University students. |
ED440 & ED440.1 | If CL136 is busy, go to ED440 or ED440.1. These labs are there for all University students. |
Riddell Centre | If CL136 is busy, there are computers available on the second floor next to the U.R.S.U. |
Each course instructor has different methods of communication they prefer, which they will let you know. However, they can usually be contacted through their email posted on their syllabus.
Many instructors turn off the course email on URCourses, so unless told otherwise, don't rely on this
The best way to contact the lab coordinator is through their email at help100@uregina.ca
Remember when you are contacting the instructors that you:
You may want to contact both the class instructor and lab coordinator if you are going to be absent just to be sure they both know. Specifically, you should:
You should contact the class instructor before the assignment deadline. If you wait until after the deadline, instructors may not be able to help you
Lab tests are performed in-lab during the scheduled lab time. They can be found on URCourses. The password will be given out when it is time to do the test.
If you can't make your designated lab time, contact help100@uregina.ca for a reschedule before the day of your test. Do not just try to sneak into another lab without permission or you may be disqualified from writing the test
Each lab test has a set of practice tests you can attempt to prepare for the real one. They can be found on the lab pages, in their respective seminar notes.
You may bring any notes you may have written and a pencil if you want to write during the test. You may also use the internet, but bear in mind you have limited time to complete the test. You may not use your cell phones or other communication devices
If you have not already done so, you need to use the find username and password feature to activate your URCourses account.
This page contains the information on how to set up your account or recover your lost password
Go to https://novapp.cc.uregina.ca/perl/chpass.pl to change your password
All grades are posted on URCourses. To see them:
When the assignment is due, the instructor will place a file submission box. Simply drag the file into the submission box to submit your assignment.
After you have dragged the file into the box and clicked submit, you can go back and click the link to your submission. This will open a copy of the file you submitted, which you can then check to make sure everything is in order
As long as it is before the assignment deadline, you can edit and resubmit your assignment as many times as you like
If you missed the deadline, you should contact the class instructor
While you may not get full credit for the late submission, every assignment must be attempted in order to receive a passing grade, so you need to at least provide something
Writing HTML is a simply a matter of following the process. To get started:
Despite the name, the <title> tag does not add a title to the body of the page itself, it changes the tab name.
To actually add a visible title to your website, you need to use the header tags h. The h tag comes in 6 sizes, where 1 is the largest and 6 is the smallest. So to add a large title to your page, you would use <h1>, while adding a subheading you might use <h3>. Please note that the number determines the size, not the order of the headings.
It's important to routinely check you work as you go, as it will be a lot harder to find an error you made an hour ago than one you just made.
If you are using Replit, you can check your index page by clicking "run." To view other pages that aren't the index page on Replit, follow these instructions from the lab notes.
If you are offline, simply make sure you've pressed the save button, then go into your file explorer and double click the file you wish to view,
which will open the file as a website.
Remember that if you are changing your stylesheet, you still need to be opening the HTML page the stylesheet is linked to in order to see the changes, not the stylesheet
The order of elements on your HTML page is simply determined by the order you entered them in. For example, if you want a table at the top of your page, you simply write the HTML code for the table above all of the other elements.
The only time this doesn't work is if you miss closing your tags. For example, if you miss the closing tag on your table, it may appear at the top or bottom of the page, depending on the browser, regardless of where you put the code.
If you are trying to check your work and your page isn't updating, either:
Browsers have a hard time recognizing most symbols, such as quotation marks, because of how characters are encoded. Long story short, you need to tell the browser that you are trying to use symbols
The annoying way would be to write the encoding each time you want to use them, such as &quot. However, its far easy to just add the line
<meta charset="UTF-8">
to your head tag. This will change how the characters are encoded and allow you to just use quotation marks directly
This occurs when you mismatched your html tags. Typically, you have opened two sets of lists at once, which makes a list within a list, and adds indentation. Make sure you only have one tag that opens the list at the top, and one tag that closes the list at the bottom.
This occurs when you are mismatching your HTML tags. Most commonly, this happens when you try to use the <ol> tag to start each line of your list, instead of <li>. Remember that there is one ol tag at the top and closed at the bottom when making an ordered list
Changing style elements must be done on the stylesheet, not the HTML page.
ol
{
list-style-type: lower-roman; // changes the symbol of the list
color: red; // changes the colour of the list items
}
There are a few reasons a table might not show up where you expect:
There are two ways to add borders to a table:
table, th, td
{
border: 2px solid black;
}
To change the background colour of the entire table, simply add a table rule with a colour property on your stylesheet, such as
table
If you want to change individual cells or rows, you will need to use selectors.
{
background-color: red;
}
This occurs when you have either an extra <td> tag or you missed the closing / on a td tag somewhere. To fix this, make sure that you have matched up all of your opening and closing td tags properly, that all of your td closing tags are properly formatted, and that you don't have any extra td tags floating around.
There are two tags for cells:
Remember that when you use rowspan, the spanning row will move down into the rows below it. This is a problem if there
is already something there, as the spanning row will simply shove everything out of place to make room.
In order to fix this, you need to make a new row below the spanning row for it to have space to move into without messing up
the existing rows beneath it.
Generally, it doesn't matter what the image is saved as, as long as you match the type exactly when you address it on your page. Please note that PDFs are not images and will not work.
The only time the image type matters is when you are trying to make an animation. Animated GIFs, and the frames being used to make them, must be saved as GIF types or else they will not work
There are a number of reasons this could happen:
Realistically, you can get images from anywhere on the internet. However, many images are copywritten, and just taking these images without permission is extremely problematic. Moreover, the marker seeing the same image on every assignment because it is the first result on on Google is not going to sit well.
The best places to get images are:
Detailed instructions on how to create an animated GIF is found on the lab pages here You would add an animated gif the same way you would add any other picture, such as <img src="gifname.gif">
To reduce the file size of your pictures, simply:
You link to an external website the same way you would link to a local one, except instead of a local name you use the web address of the page you want. Simply go to that website, copy the address, and paste it in the href attribute of your anchor tag.
This happens when you did not set the href attribute properly.
If your links aren't showing up, chances are you forgot to leave some text to click on before closing the anchor tag.
Make sure your anchor tag follows this format:
<a href="destination.html"> text to click on for link </a>
Don't forget to save and refresh the page
When this is happening, there is usually a problem with the destination page, not the link itself. To fix this:
When creating a link, anything that comes after the opening a tag becomes part of the link, including images. Making a link with a picture would look something like this:
<a href="destination.html"> <img src="imagename.png"> </a>
There are a number of common culprits for this problem
Cascading style sheets (CSS) are where you place the code to handle anything to do with the presentation of your page,
such as colours and fonts. They allow you to keep the style of your page separate from your content, which will
make updating one or the other easier. For example, if you did all the font colouring in your HTML tags, you would
need to do it on every page, compared to just once on a stylesheet page. It is important to remember that a CSS page
is NOT a website: you can't open it to look at it like you would an HTML page. Rather, you need to link
it to your HTML pages, and then open them to see how the stylesheet has affected it.
There are a number of reasons you should use an external stylesheet
To add your stylesheet to one of your HTML pages, you need to add the link tag at the top of the page. The link tag looks like this:
<link rel="stylesheet" type="text/css" href="stylesheetname.css">
The only thing you will need to change is the href attribute to actually match the name of the stylesheet you are trying to add, such as default.css
This attribute needs to match the name of the stylesheet exactly or it will not work. The stylesheet also needs to be in the same folder as the HTML pages.
You edit your stylesheet the same way you edit an HTML page: Open the file and edit the parts you want on the page.
See These lab notes for instructions on how to make changes to the stylesheet code itself
The whole point of using stylesheets is that they save on repetition: therefore you do not need to make a new one for every HTML page, you can simply link the same one to all of them.
However, you may want to make multiple stylesheets if you want to have stylistic differences across your pages
The assignment instructions clearly state that you are required to use an external stylesheet. Therefore, you will likely lose marks if you use a different method that we didn't teach you
A stylesheet property is a single line on your stylesheet that alters something. Some examples would be background-color, list-style-type, or borders.
For example:
p <----rule
{ <----- start of declaration block
color: red; <------stylesheet property #1
font-family: script; <------- stylesheet property #2
} <----------- end of declaration block
color would be the property name, and red would be the property value for property #1
Variable use of properties would mean having more than 1 property for your rules.
There are 147 named colours you can use, a list of which can be found here
However, you can use almost any colour you like by using hexadecimal codes. To do this:
body {
background-color: #FEEDED
}
To change the colour of your links, you use a rule for the anchor tag a. If there is not already one on the stylesheet, you can add one. It would look something like this:
a {
color: blue;
}
If you want to change the colour of some words, but not the entire paragraph, you will need to use the <span> tag or class and id selectors.
An example would be:
On the HTML page:
<p> the start of the paragraph <span class="classname"> the text that is changed </span> the rest of the paragraph </p>
On the stylesheet:
span.classname {
color: red;
}
The easiest way to center your table is from the stylesheet. While there are multiple ways you can do it, the easiest is
table{
margin:auto;
}
There are a few ways to center text. The easiest way is to use the <center>tag to surround what you want centered.
If you don't like the center justification, you can try using margins on the stylesheet instead. They would look something like:
p{
margin-left:25%;
margin-right:25%;
}
Adding this to your stylesheet will indent the first line of every paragraph:
p{
text-indent:50px;
}
Classes are a way of creating groups of a tag that behave differently, such as being different colours. Ids change a single individual element.
Overall, both are used to add variety to the elements of a page or to multiple pages without having to create multiple stylesheets.
Both classes and Ids work in a similar manner. There are two parts to using them: naming them on the stylesheet and telling the HTML page what parts of the page should use them.
body.classname{
background-color:pink;
}
Where .classname can be any name you like
#idname{
color:blue;
}
Where the idname can be any name you like Just rewording an idea doesn't make the idea yours. If you did any research or got the idea for your answer elsewhere, you are still expected to cite the original source.
You can use whatever formal citation method you prefer, just make sure you use the same one consistently.
You are not required to use refworks, but there are few citation makers that provide you the formatted HTML code asides from it.
If you can't find certain details such as the other, fill in as much as you can find, and put the author as "author unknown"
If you use an informal source in university, you should cite it using a footnote. However, since this is very difficult to do in HTML, it would be easier to look at the bottom of the page for any references listed and use them instead.
Absolutely not. This does not give any credit to the author at all and is not accepted as a formal citation in any academic setting.
You do not need to cite our example code, as it is intended to be used as a template for your work.
If you are getting your answers from information from the class powerpoints, you should cite the class textbook they are derived from, not the powerpoints themselves. You can see the class textbook in the class syllabus.
Make sure when you cite an image your are citing from the website the image actually belongs to, not the search result itself
You cite an image like you would cite a website: look for the author, date posted, and the other usual information. Often you won't find all the information, so make do with what you can. For example, an MLA image citation would look like:
Article or Web page Author's Last Name, First Name. "Image Title." Website Name, Day Month Year Published, URL.
You do not need to formally cite your own work, but please make sure you include that you provided your own images on the references page or else the marker will have no choice but to assume they weren't cited.
A free online version of Excel can be found at office.com
You may need to create an account to access it.
You can save your files for Excel onto a Microsoft Onedrive account to work with later.
While there are Excel alternatives, such as OpenOffice Calc, since there is a free online version you can use instead we would not recommend using any alternatives for consistency.
To make use of the fill function, click on the cell you want to start from, click on the green square in the corner of the cell, and drag it to the cells you want to fill to.
You can either hit ctrl + z to undo your last change or hit undo in the top menu. If you make a mistake and change the original numbers on the test spreadsheet, you may need to load the spreadsheet again and copy the values back onto it.
In order to do math or use a function on Excel, you must place an equal sign at the start. From there, you can use the operators + - * / or other functions to perform the calculation.
Excel has a built in feature called the function builder, which has a list of all the functions in Excel, what they do,
and what information you need to make them work. On the web version, it can be found in the top left corner of the insert tab.
On the app it can be found on the top left corner of the functions tab.
You could also search functions individually on the internet.
An absolute address in Excel is performed by placing a $ in front of the row letter, column number, or both when
you enter a formula. If you put it in front of the row, it will make it so any fill you do will not leave that row.
If you put it in front of the column number it will do the same for the column. If you do both, whenever that formula or function is filled
it will never change from referencing that cell.
You could also search functions individually on the internet.
You should use absolute addresses when you don't want the column, row, or cell to change. For example, you may have a tax percentage that you want to use for many formulas but don't want to write more than once.
No matches were found