COMP 307 Assignment 2 web page solution

Description

Introduction
In this assignment you will create a web page (consisting of an HTML file and a collection of CSS,
JavaScript, image files) that introduces yourself to the rest of the class. This will allow you to get
to know your classmates, so you can find collaborators more easily for the upcoming group
project. After the assignment deadline, I will assemble everyone’s webpage into a single
package and distribute it to everyone in the class.
Meta tags
Start by reading the Appendix below to learn about the 3 topics you can choose from for your
final project.
You must add 3 meta tags inside the head element to indicate three pieces of information
about yourself.
Project topic preference
Add one of the following tags to indicate your project preference:



Please do not pick the project topic that you think is the least amount of work. Pick a topic that
interests you. I will later provide additional project requirements, and I will do my best to
ensure all 3 topics involve the same amount of work.
You can change your mind about the project topic later, once you form a group with other
classmates. What you indicate here is not considered a commitment to a project topic. It is just
a preference.
Front-end, backend preference
The front-end involves coding HTML, CSS, and JavaScript, which all run in the browser. The
back-end involves writing server-side code using the Django framework to generate dynamic
resources.
Add one of the following tags to indicate whether you prefer to work more on the front-end or
more on the back-end.



Morning person or night person
Indicate whether you are a morning person (likes to get up early), or a night owl (likes to work
late at night).
Add one of the following tags


Webpage format
Your web page needs to have the following content.
Profile
In the top section of your webpage, include:
• Your name
• A profile picture. If you don’t wish to put a picture of yourself, feel free to use any
picture as your profile picture
• A short description about yourself (i.e. career aspirations etc.)
• Your preferred method of contact so other classmates can contact you
Project Idea
Just below the profile section, indicate the project topic you prefer to work on, and write a
concrete project description under this topic. For each project topic, you have some freedom to
make some decisions about the project specifications, as indicated in the Appendix. Take this
opportunity to brainstorm a bit and propose some ideas for your project. Also take this
opportunity to discuss any technology or technical approach you think would be useful for
achieving your proposed project idea, to the extent that you can. Note that for the project, the
backend must be implemented using the Django framework, but for the frontend, you are free
to use any library or framework.
An important goal of this section is to help you find other classmates who have similar ideas or
interests for the course project. So please be as thoughtful as you can here and try to be
concrete. Once you form your group, your project topic, as well as your project specification
may change. This is a brainstorming activity. You are not making any commitments here.
Extra content
Below the project idea section, feel free to include any additional content that you want your
classmates to see.
Additional requirements
Your webpage must make use the following tags, in addition to the meta tag as mentioned
above. Feel free to use them where ever you think would be appropriate on your web page.
•