Reference no: EM133926196
Assessment: HTML website design
In this assessment, your task is to design and write a small website about a topic chosen from the following list:
The New Era of Artificial Intelligence. Are we finished?
The History of Robotics. Make them do the Job.
New UFO Revelations. They are all over the place.
Australian Landscapes.
Asian Landscapes.
European Landscapes.
American Landscapes.
Personal Don't Waste Your Money.
History of Philosophy. A Chat with Plato.
History of Mathematics. Let's Start from Egypt.
Arcade Games. Those Beautyful Old Games...
Learn to Make Incredible Photos.
Luxury Cars. We All Like Those Four-Wheeled Machines.
Black Holes. The Mystery.
The Dream of the Red Chamber. One of the Four Great Classical Novels in Chinese Literature.
A Short History of Humanity. Let's Get to Know Each other.
A Small Business Guide. You Can Make Your Own Startup.
How We Code. A Journey Through Code Languages.
Audio Fidelity. Making a Perfect Sound.
Why We Love Vintage?
Design Specification 1: Topic - The topic used for developing the website needs to be picked from the list found on Canvas. Failing to do so will attract no marks for the entire assignment.
Design Specification 2: Pages (part 1) - The website must include the pages listed below and should be named as follows:
One page will be named "Main.html". This is the main page of the website.
One page will be named "Contact.html". This page will allow the viewer of the website to contact its owner. In this page include your name and student ID.
One page will be named "References.html". In this page you are to reference all the outsourced material you used to complete your website. You need to include a minimum of 5 references. This includes - but it is not limited to - code sources, templates, books and e-books, use of artificial intelligence, and the like. Use Harvard 2021 referencing style: UC Referencing guide - Harvard (UC, 2023)
Design Specification 2: Pages (part 2) - The website must include the pages listed below and should be named as follows:
One page will be named "MetaPage.html". In this page you need to cross-reference the elements asked in the marking rubric (based on these design specifications) and the corresponding html/CSS page name and code line. This page must also include screenshots of the HTML/CSS validations via inserting them as images or hyperlinks.
The remaining pages labelled as "your choice" (Your choice 1, 2, 3, 4, 5 and 6) are free for designing purposes. These pages can have a different name. Get expert-level assistance in any subject with our assignment help services.
Design Specificaiton 3: Images - The website must include images in all the ten pages mentioned in DS2 (i.e. MetaPage and remaining nine pages). This includes using images for backgrounds, hyperlinks, icons, and embedded images in header and footer sections. Images need to also include changes in attributes such as align, alt, border, and width.
Design Specification 4: Hyperlinks - The website must include hyperlinks to external websites, and hyperlinks to an email address.
Design Specification 5: Contact Form - Include a functional contact form.
Design Specification 6: Lists - The specification design also requires the implementation of three different types of lists, based on what was shown during the lectures.
Design Specification 7: Symbols - The implementation of symbols using the UTF 8 coding system must be considered throughout the whole website.
Design Specification 8: Writing elements - Writing elements to be implemented: line break, block quote, phrase
Any additional element included but not listed here may also attract marks.
Design Specification 9: Structural elements - Structural elements to be implemented: the div element, the header element, the nav element, the main element, the footer element. The distribution of these elements must be based on the wireframe provided in DS14.
Design Specification 10: CSS styling - All three different types of CSS styling must be included throughout the website: Inline, Embedded, external
Design Specification 11: CSS properties
At least five of the following CSS properties are to be implemented:
Background colour, Text colour, Font family, Font size, Font style, Font weight, Line height, Margins, Text align, Text decoration, Text indent, Text shadow, Text width
Design Specification 12: Colour values - All colour values implemented in CSS must be coded in hexadecimal.
Design Specification 13: Selectors - The website design must include the class selector and the ID selector. These two selectors need to be included in an external CSS file.
Design Specification 14: Layout
The webpages must follow the wireframes depicted in Figure 1.
Wireframe (a) is for your main page.
Wireframe (b) is for the rest of your pages but Contact and Reference.
For the last page, you are to design your own wireframe.
Design Specification 15: Tables
At least three different types of tables need to be included in your website and should include at least five of the following properties across the tables: Align, Bgcolor, Border, Cellpadding, Summary, Title, Width, Spanning rows and columns
Design Specification 16: Validation
HTML and CSS pages must be validated using the corresponding external tools: Markup validation service (W3C, 2023), CSS validation service (W3C, 2023)
Design Specification 17: Structure
Structure your website using the maps shown in Figure 2. Remember to implement your map via a menu inserted within the <nav> section of your pages (see DS14: Layout for further details).
Design Specification 18: Application using JavaScript - Implement an application using JavaScript (for instance, pop-up window, jump menus, and alert messages).