CPSC 203: Creating a University of Calgary personal website using html tags

Problem solving using applications by James Tam

CPSC 203: (Partial) Assignment 5 (Creating A Webpage)

Due Wednesday April 12 at 5 PM

Creating a University of Calgary personal webpage using html tags

Sample themes for the page include a personal page, a page for your favourite organization or group (sports team, charity, hobby etc.) Generally you are pretty free in your choice of a website theme. However it should be something that is appropriate for a university assignment submission. (You should be able to apply a common-sense filter as to what is and isn't allowed but if you are unsure then feel free to ask!) To make sure that you comply with copyright laws the content that you imbed in your document should either be images and videos that you have made yourself (e.g., a picture or video that you took) or else material where the license agreement allows for public use by others. When in doubt it's safer to simply 'link' to an external website rather than directly post the material yourself on your university page. If you don't know the difference between embedding an image or video vs. external links then apply the following criteria. If the image or video resides in the 'public_html' folder (or a sub-folder) then you have to worry about copyright (because you are the one providing the content). If the image or video resides on another computers web server (e.g., www.youtube.com) then whoever posted the content on that other website must worry about copyright.

Make sure you still upload everything into D2L: even though your TA will be able to access your webpage through the web it's imperative that you upload your webpage and all the contents to D2L so your marker can tell that your work was completed before the due date. If you don't submit the content and just submit a web address then your submission will be heavily penalized or you will not be awarded any grades at all because it's essentially the same as a late submission.

The university provides some information about the current state of copyright issues for academic use: [Information link here]

The structure for an example webpage is shown in Figure 1.

Figure 1: The text is separated into a title, sections and section headings

Title and headings (0.3 GPA): The page should include a clear and obvious title (use font effects and/or a 'heading' tag to make it stand out strongly from the rest of the page). See top of Figure 1. Also look back at the 'contrast' design principle from the 'spreadsheet design' lecture.

Sections (0.8 GPA): The main body of the website should consist of at least two sections (0.4 GPA) each of which should have a section heading which stands out from the text (0.4 GPA) (see the 'Programming MS-Word' and 'Features' headings in Figure 1).

Text formatting via html tags (0.6 GPA): Use at least 3 of the following tags: bold, italics, strike-through, underline at least once (for each tag) in the page.

A list (0.4 GPA): either 'ordered' (numeric) or 'unordered' using a "list tag" in your webpage. The list should consist of at least 3 elements that are either bulleted or numbered as part of a single but complete list (i.e. don't mix and match list types and don't leave list elements without either bullets or numbers).

Break content into separate lines (0.2 GPA): The 'break' tag should be used at least twice (to separate lines as appropriate and not just for the sake of using the tag).

Embedded content (0.8 GPA): include at least one image or video that is locally hosted on the university web server (0.4 GPA if the image resides in the same folder as the 'index' document). To be awarded full credit your web page will organize all the content into its own separate folder that is contained within your 'public_html' folder (e.g. create a 'pics' folder that is a subfolder of the 'public_html' folder).

External link or links (0.2 GPA): Use a 'href' to link to an external website (or websites if multiple 'href' tags are used).

Contact 'you' link (0.3 GPA): Use a 'mailto' tag to allow visitors to send you an email. The destination address should be one of your own emails (don't spam someone else).

Your webpage can be viewed online (0.4 GPA): Include the web address of your University of Calgary hosted webpage in a separate Word document. In order to get credits for this feature it must be a real web address (i.e. begin with https://people.ucalgary.ca/). If the address starts with different text (e.g. \\sfesamba.ucalgary.ca, C:\temp\index.html) then it is almost certainly wrong (test the address on a computer outside of the 203 lab making sure that this computer does not contain your website content).

Put your contact information in the Word document with your web address (you don't have to put it in your html document and for privacy reasons it's recommended that you only put your personal information in the Word document): name, student identification number, tutorial number. Missing each piece of information will result in the loss of 0.1 grade points (0.3 max penalty).

Points to keep in mind:

Due time: All assignments are due at 5 PM on the due dates listed on the course web page. Late assignments or components of assignments will not be accepted for marking without approval for an extension beforehand. The latest versions of the files that you have submitted in D2L as of the due date is what will be marked.
Extensions may be granted for reasonable cases by the course instructor with the receipt of the appropriate documentation (e.g., a doctor's note). Typical examples of reasonable cases for an extension include: illness or a death in the family. Cases where extensions will not be granted include situations that are typical of student life: having multiple due dates, work commitments etc. Tutorial instructors (TA's) will not be able to provide extension on their own and must receive permission from the course instructor first. (Note: Forgetting to hand your assignment or a component of your assignment in does not constitute a sufficient reason for handing your assignment late).
Method of submission: You are to submit your assignment using D2L [help link]. Make sure that you [check the contents of your submitted files] (e.g., is the file okay or was it corrupted, is it the correct version etc.). It's your responsibility to do this! (Make sure that you submit your assignment with enough time before it comes due for you to do a check). Make sure you upload all the files associated with your webpage into D2L.
Collaboration: Assignments must reflect individual work, group work is not allowed in this class nor can you copy the work of others. To avoid problems students should not see each other's assignment solution.
Execution: documents and programs must work on the machines in the 203 computer lab. It's up to you to test and check that this is the case. Non-functional submissions will receive only partial credit (if any at all).

D2L configuration:

Multiple submissions are possible for each assignment: You can and should submit many times before the due date. D2L will simply overwrite previous submissions with newer ones.
Important! Multiple files can be submitted for each assignment. I am allowing you to submit multiple files for each assignment so you don't have to worry about archiving/compressing multiple files using a utility such as zip. However, this means that TAs will only mark the latest versions of each file submitted via D2L. Even if the version of a document that you want marked has been uploaded into D2L if it isn't the latest version then you will only get marks for the latest version. (It's unfair to have the TAs check versions or to remark assignments because marking is enough work as-is).
Again, it is important that like the other assignments that you upload all the files associated with your webpage to D2L.

Marking:

Assignments will be marked by your tutorial instructor (the "Teaching Assistant" or "TA"). When you have questions about marking this is the first person that you should be directing your questions towards. If you still have question after you have talked to your TA, then you can talk to your course (lecture) instructor.