Html/Css – The Movie Poster

Html/Css – The Movie Poster, very entry level of html/css.

Assignment 3: The Movie Poster
Late submissions will have a daily deduction of 20%.
Description:
On your own, select an interesting movie poster that contains a reasonable amount of
textual content (at least a few paragraphs, some headings, some quotes, or other
content). Once you have chosen your poster, recreate the poster using a combination
of HTML and CSS to recreate an identical HTML version of the poster.
Instructions:
Read the following instructions carefully:
1. Pick an interesting movie poster (with enough image resolution to make
out all the text).
2. Type out all the textual copy from the poster into a code editor.
3. Mark up each part of the resulting document with a variety of HTML
sectioning and phrasing elements.
4. Include a few useful hyperlinks to the official movie web site and/or some
reviews.
5. Include external CSS rules to visually control a variety of aspects of the
page text (colour, font-family, font-size, alignment, line-height, line-height,
etc.)
6. Validate the resulting HTML document (proceed to
http://validator.w3.org).
7. Upload the image of the selected movie poster (that you used for your
inspiration) and the URL to your HTML page (on a web server) to the
assignment.
Submitting Your Work:
First, validate your code here to ensure your code is error free:
http://validator.w3.org/
Second, upload your work to your live web server then submit your URL to
Blackboard. Zipped folders will not be accepted unless otherwise discussed with
me.
Evaluation:
Please refer to the chart below. You will be graded on how well you followed
the assignment instructions from both a technical and a creative perspective as
spelled out in the rubric. This assignment is weighted for 10% of your final grade.
Evaluation
0-1
2-3
Doctype
No valid Doctype
Doctype found
but with errors
HTML Validation
HTML was not
validated
Semantic
Elements
HTML Format
Comments
Semantic
elements were
not used correctly
The HTML was
messy and not
easy to read
No comments
found
Poster
Comparison
The assignment
did not recreate
the movie poster.
File Heirarchy
The application
files are
disorganized
CSS
There is little to no
CSS used or inline
CSS was used
Total
4-5
Mark
HTML validator
found more
than 5 errors
Some semantic
elements were
used correctly
Doctype found
with little to no
errors
HTML validator
found warnings
only
The semantic
elements were
used correctly
HTML had some
formatting
HTML was neat and
well formatted
/5
Some comments
were found
There were some
similarities
between the
assignment and
the poster.
There is some
organization to
the file structure
HTML is well
commented
/5
The assignment was
a good recreation
of the movie
poster.
/5
CSS is in a
seperate file, but
minimal styling
was appied
The files are neatly
nested in the
correct directories
CSS is well thought
out and the
website has a
polished
appearance
/5
/5
/5
/5
/5
/40