My Portfolio Site

Task

You may have a personal portfolio website for a number of reasons. If youre a freelancer, then youd need one to showcase your work and allow people to contact you. For a student (or unemployed), the portfolio can be used to show your work to prospective employers. If youre part of a studio, then you might use one to blog about your design life, show people what youre doing and build your online presence. Include all the skills you have achieved, the activities you are involved in, previous experience, qualification and more about yourself.

A personal portfolio website is all about promoting you. You are a brand, and your name is a brand name. No one is going to know about your brand unless you get it out there; and if youre a Web designer, developer, writer, gamer etc, then its essential that you have a good portfolio website.

Complete the following:

• Create a new HTML5 file named index.htm and save it in a folder with your Data Files.
• Add the appropriate doctype for HTML5 to the beginning of the file.
• Add a comment to the document head describing the documents content and containing your name and the date.
• Add an appropriate page title to the document head.
• Set the character set of the file to UTF-8.
• Include at least one example of each of the following:
  • structural elements such as the header, footer, section and aside elements
  • grouping elements including a heading and a paragraph
  • a text-level element
  • an inline image
  • a character entity reference or a character encoding number
  • ordered or unordered list
  • include an Internal Style Sheet which provides at least 2 type selectors and a universal selector
• Validate the web page(s) you have created using https://validator.w3.org (there should be no errors for HTML5)
• Structure your HTML5 code so that its easy for others to read and understand.
• Save your changes to the file, and then open it in your Web browser to verify that is readable.

This website must be unique (not part of a previous submission or exist elsewhere on the Internet), and it must be hand coded. The use of Dreamweaver or other Web page creation software will not be accepted and will result in zero marks being awarded to this assessment item.

Rationale

This assessment covers the following learning objective:

• be able to apply basic knowledge of creation of web pages using HTML5 and CSS.