Web Site DesignDue date: 13-May-2017TaskYoumay have a person

Web Site DesignDue date: 13-May-2017TaskYoumay have a personal portfolio website for a number of reasons. Ifyou’re a freelancer, then you’d need one to showcase your work and allowpeople to contact you. For a student (or unemployed), the portfolio canbe used to show your work to prospective employers. If you’re part of astudio, then you might use one to blog about your design life, showpeople what you’re doing and build your online presence. Include all theskills you have achieved, the activities you are involved in, previousexperience, qualification and more about yourself.A personalportfolio website is all about promoting you. You are a brand, and yourname is a brand name. No one is going to know about your brand unlessyou get it out there; and if you’re a Web designer, developer, writer,gamer etc, then it’s essential that you have a good portfolio website.Then 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 document’s 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 elementsgrouping elements including a heading and a paragrapha text-level elementan inline imagea character entity reference or a character encoding numberordered or unordered listinclude an Internal Style Sheet which provides at least 2 type selectors and a universal selectorValidate 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 it’s 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.Thiswebsite must be unique (not part of a previous submission or existelsewhere on the Internet), and it must be hand coded. The use ofDreamweaver or other Web page creation software will not be accepted andwill result in zero marks being awarded to this assessment item.RationaleThis assessment covers the following learning objective:be able to apply basic knowledge of creation of web pages using HTML5 and CSS.Marking criteriaSub TasksMarkCreate index.htm and upload to server2Add features10CSS Formats5Document and Organise Code4Validation4 Total25 The following criteria will be used while assessing this assessment: HDDICRPSFLApply basic knowledge of creation of web pages using HTML5Demonstratesa high level of independent thinking with a well-organised web pageshowing logical sequencing and structure. In-depth, clear, correct andwell-structured HTML5 code that is easy to read. Evidence that knowledgeof web page creation applied and synthesised to create the final webpage.Demonstrates a good levelof independent thinking with a well-organised web page showing logicalsequencing and structure. Clear, correct and well-structures HTML5 codethat is easy to read. Evidence that knowledge of web pages creationapplied and synthesised to create the final web page, with minorformatting mistakes.Demonstratesapplication of basic knowledge of web page creation using HTML5; HTML5code is structured for easy reading. Evidence of formatting and spellingmistakes.Application oflearned knowledge and skills required to create web pages using HTML5;HTML5 code is only partially structured and requires further work to bepresentable.HTML5 code has not been structured correctly; therefore web page not displaying correctly.Apply basic knowledge of creation of web pages using CSSDemonstratesa high level of independent thinking with a well-organised web pageshowing logical sequencing and structure incorporating CSS. In-depth,clear, correct and well-structured CSS code that is easy to read; CSSstyle included with at least 2 type selectors and a universal selector.Evidence that knowledge of web page creation applied and synthesised tocreate the final web page.Demonstratesa good level of independent thinking with a well-organised web pageshowing logical sequencing and structure incorporating CSS. Clear,correct and well-structures CSS code that is easy to read; CSS styleincluded with at least 2 type selectors and a universal selector.Evidence that knowledge of web page creation applied and synthesised tocreate the final web page, with minor formatting mistakes.Demonstratesapplication of basic knowledge of web page creation incorporating CSS;CSS code is structured for easy reading, and CSS style included with atleast 2 type selectors and a universal selector. Evidence of formattingand spelling mistakesApplicationof learned knowledge and skills required to create web pages using CSS;CSS code is only partially structured and requires further work to bepresentable; CSS style included with at least 2 type selectors and auniversal selector. However formatting is incorrect.CSScode missing or has not been structured correctly and style is notformatted correctly, therefore web page not displaying correctly.