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 Friday December 9 at 4 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.

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. A better designed (higher grade) web page will organize all the content into its own separate folder that is contained within your '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: 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).

Submitting your work:

The assignment must be electronically submitted according to the assignment submission requirements using D2L.

D2L configuration for this course

You can (and really should) submit work as many times as you wish before the due date

Only your latest submission (what you submitted previously will be overwritten by your latest submission)

You can only submit one file per assignment. To submit multiple files then use 'zip' to contain all the documents in one document: [How to use zip in Windows 7]. Do not use other compression utilities otherwise your submission may not be marked. Since fully completed assignments will contain several files (i.e. the index.html document, image(s), video(s), the Word document with the address) make sure you put all the required files in the zip document that you submit otherwise you won't get credit for the feature.

You are not allowed to work in groups for this class. Copying the work of another student will be regarded as academic misconduct (cheating). For additional details about what is and is not okay for this class please refer to the [notes on misconduct for this course].

Points to keep in mind:

Due time: All assignments are due at 4 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. What 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 your submit your assignment with enough time before it comes due for you to do a check).
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 others assignment solution.
Execution: programs must be viewable with a modern and commonly used web browser (e.g. Internet Explorer, Firefox, Chrome, Safari). 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).