WEB代写 | Assessment 1 – HTML/CSS
Background & Motivation
This assessment focuses on you implementing a series of basic web pages that look and behave like images and descriptions we we provide.
A basic capability required of someone working with user-facing interfaces is to be able to produce a web page that looks and behaves like something that has been clearly specified (e.g. an image). A common workflow within a product team may consist of a designer producing a high fidelity mock-up, which a developer will then take and use HTML/CSS/JS to build the webpage for usage. In reality this process tends to be a bit more collaborative, and the high fidelity mockups provided are usually quite detailed and visually consist of many interact layers. However, for the sake of simplicity and fundamental knowledge we are providing flattened images with written requirements.
This assessment primarily focuses on demonstrating skills with HTML (“Hyper Text Markup Language”) and CSS (“Cascading Style Sheets”) covered in week 1 of the course. Most of the tasks centre around this.
The latter part of this assessment touches on some topics from weeks 2 and 3. Don’t be alarmed if you can’t do these tasks until the start of the third week – you should be able to complete the vast majority of the assessment before getting to this point.
When we refer to “viewport width” below, we’re referring to the size you can set your browser viewport at. You can learn more about how to do this here.
Task 1 – Static, fixed size page
Build a page that looks identical to task1/page.png . The viewport width you should work with is 1398 x 665 pixels. You are only allowed to use HTML and CSS for this task. No external libraries are permitted.
Please build your page in task1/index.html . You are welcome to create as many CSS files that you need in the task1 folder for index.html to import. When being marked, your tutor will start with index.html .
The asset(s) are provided in task1/assets .
Your font doesn’t have to match exactly. You can use font-family Arial or Helvetica for the page. Everything else like the font spacing does have to work.
Task 2 – Static, fixed size page
Build a page that looks identical to task2/page.png . The viewport width you should work with is 807 x 807 pixels. You are only allowed to use HTML and CSS for this task. No external libraries are permitted.
Please build your page in task2/index.html . You are welcome to create as many CSS files that you need in the task2 folder for index.html to import. When being marked, your tutor will start with index.html .
There are no assets provided.