Assignment A1: Applying concepts from B1: C1 & C2
This assignment must be completed individually, though consultations are encouraged.
Your task for this individual assignment is to create four pages of a very basic
website which
is completely free of style elements. The topic of your web site
should be coherent. It may be a personal website about you and
your family or it can be a professional website about your profession or something else.
The topic is entirely up to you. Each page in this website
should relate to the primary website topic, but should be a coherent
sub topic. For example, if it is a website about your
family then you might have a page dedicated to family vacations or to
family pets. Again, the subtopics are entirely up to you, but
they must be clearly related to to the overall website topic.
If
you have experience creating webpages , please create a new website or
a new area of your current website using these techniques. This can be
done using folders in your website. Ask for help with this if you need help.
In
future assignments we will learn to enrich this content of
this website in numerous ways. What is key for this
assignment is to
create content which is rich in coherent substance. Layout
and aethetics will come later.
Here are the assignment specifics:
- The website should have 4 or more separate pages which are each created in a text editor like Notepad++.
- There must be a main page and it must be named index.html.
The the other three or more web pages must be meaningfully and appropriately named
with no
spaces in the filenames.
- Each of your pages should use the XHTML 1.0 Strict doctype as described at http://www.w3schools.com/tags/tag_doctype.asp
Note that there are reasons to use transitional doctypes which we will
discuss, but for now, we will focus on writing great xhtml code.
- Content should be added to each page of your site so that each page
has both coherence and substance. This means each page should
have substancial text, not just a sentence or two.
-
We will learn about linking in the next set of reading, so
linking is NOT yet required. However, these pages MAY OPTIONALLY be
interlinked using relative links, BUT ONLY if you alreadyunderstand the
difference between absolute and relative links and how to create them
by hand.
- If
you do not yet know A LOT about website structure including absolute vs
relative links, speed issues related to image sizes, and image access
issues related to disabilities, I strongly recommend you do not yet add
images or embed videos because they will ultimately just cause grief.
This learning will come soon! You MAY add images if
you know what you are doing or have already read Chapter 6, but be
forwarded that credit on this assignment will be reduced if images are
added in ways which are not considered both well embedded and meeting a
variety of standards.
- The pages which you create must all validate at http://validator.w3.org/
- Also,
be sure that NONE of the submitted pages have any style elements
of any kind embedded in the html or in an external style sheet.
- Put all of these pages in a folder. Name this folder yourusername-website. For example, mine would be pearcej-website. Then rightclick on this folder and zip it.
- In the Moodle A1 submission area, submit the zipped folder, yourusername-website.