Reference no: EM132532659

CSE1IIT Inside Information Technology - La Trobe University

Assessment Objective
To demonstrate your knowledge and understanding of web development and website design.

Your Task

Web assignments like this sound easy enough but please don't underestimate the time required to complete this assignment. Start it as soon as possible.
Another thing to note about this assignment is how much code is reusable. Some files are very similar.
For this assignment most of the marks will be on the style and layout of the website. That is, how it looks and feels. And, the quality of the code.
It is highly recommended looking at what other successful online shops look like such as Amazon and eBay. What things do they display on the page? What colours do they use? How big is the text?

Task 1 - The Navigation bar
The first thing you should do is get a basic navigation bar working so that you can at least browse the website.
The navigation bar is just like what we did in lab 09.
The navigation bar MUST contain links to the following pages:
1. Homepage. (you may also name this file index.html if you like)
2. About.html
3. Future Plan.html
Please note that all the files on this website use the mystyle.css file. So, any styles you put in mystyle.css will apply to all the pages.

Task 2 - Making the site look professional.
What you should do is to start coding your webpages, you can start with index.html.

Then decide on a layout structure, where should the navigation bar go? Where should the heading go? Some people like to draw a layout plan on paper of how they want the page to look before starting any code.
Look around at other people's websites and blogs for ideas. As has been said at the start of this course web design requires a large amount of self-directed learning. There are plenty of online resources on working with HTML and CSS.
Once you have decided how you want your page to be structured think about what kinds of divs you will need.
Most website will have four major divs: container, header, navigation, and main.
HTML5 provides new semantic tags for these functions like <nav> and <section> you can use these if you like.
But <div> and <span> tags like we did in the labs are also acceptable.
The layout and style are up to you - after all, you are the web developer.
Once you have all the layout looking the way you want it's time to assign colours and fonts. We advise against using bright colours, except maybe on the prices. Having a bright yellow background is not very aesthetically pleasing.
Remember that you are building a website to present your professional skills, you need to keep the page looking as professional as possible.

Bonus Task 1
If you are feeling adventurous here is a challenge task you can do for extra marks.

Implement Social Media Icon such as LinkedIn or Twitter List with the Footer section of your web pages.

Attachment:- Web Assignment.rar