Design a web page for a College / University from the perspective of a Student. Draw the web page on a paper. Explain the navigation also

We will need the following:

Photoshop or a similar image editorA code editor (more on that later)Basic understanding of how html works, basic syntax and tags. To get up to speed, check out the official resource at w3 Schools, where you can learn all the basics needed for this tutorial.Ditto for css, you should understand how selectors work and be familiar with basic properties. Again, the best resource here is w3 SchoolsA browser, obviously. I'm using Firefox, and if you want your site to look just like my screenshots in each step, you should too

Layout

We're making a very simple website here, with four basic elements: header, content, sidebar and footer, the layout is going to look something like this:
This tutorial was written assuming that you've never coded a website before, or have only done it a few times. Nevertheless, to complete this tutorial, you will need the following:

Photoshop or __________ ____ _____ __________ ____ _________ _____ _______ ______ _____.
__________ ___ ___ _________ _____ _____ ________ ___ _____.
________ _______ _______ ______ ____.
______ ____ ____ ___ ______ ____ _________ _________.
______ ________ ______ ____ _____ _________ ____ ____ __________ __________ _______.
_________ ____ _______ ___ ________.
_____ ___ ______ ___ ______ _________ __________ _______ ___.
___ ____ ___ ________ _________ ____.
___ ___ ________ _______ ___ ________.
_________ __________ ____ ________ ____ _______ ______ _________ __________ __________ ______.
_____ ______ ____ _______ ____ __________ ____ ________ __________ _______ ________ ___.
__________ _____ ___ _____ _____.
_________ __________ _________ ___ __________ _______ _____ _______ _________ _________.
________ ___ _____ _______ ______.
_______ _____ ___ ____ ________ _______ ___ ____ ___ _________ __________ ________.
____ ___ ___ ______ ______ __________.
_____ ___ _________ __________ ______ ____ _____ _________ _________ ______.
___ __________ ______ _____ __________ ________.
______ _______ ________ ____ _______ ___.
___ ______ ____ _______ _________.
____ ________ __________ ___ __________ _____ _____ ____ ____.
_____ ____ _______ ___ ______ ______.
___ ________ ____ ___ _______ ________ ______ _____ _____ ________ _____.
_______ _____ _________ ____ __________ __________ _____ ______ ______ _____ _______.
_________ ________ _________ _________ ______ _________ ___ ________ _______ ___.
______ ___ _________ ______ _________ _____.
_________ ________ _________ ________ _____ _________ ____ __________.
____ _____ _______ _________ ______ ______ ___ ________ ____.
__________ _________ _______ ___ _________.
______ __________ ___ _____ _________ _____ _______.
____ ___ _________ _________ ____ _____ ______ _______ ____.
_________ ________ _____ _____ ____ ___ ____ _________ ___ __________ ___.
_____ ___ ______ _______ ______ ______ __________ ___ _________.
________ ____ _____ _________ ____ ________ _________ _______ ___ _______.
_____ _________ _______ _______ _____ ________ _________ ___ ____ ____ _______.
___ ________ ___ _________ _____ ______ _________ _____.
______ _____ _________ ____ ____ ______ __________ _____ ________ _____ _____ ___.
____ ________ ________ ___ __________ _____.
______ ____ ___ __________ ________.
______ ____ ________ _________ _____ _________ __________ ________ ________.
__________ _____ ___ ___ ______ ___ ___ ___ ____ _____ __________ __________.
_______ ____ ________ _________ ______.
_______ ________ ___ ____ ________ ________ _______ ______ __________ ________ _________.
____ _______ ______ _______ __________ ______ ________ ______ _______.
_______ ________ _______ _____ _________ _______ _____ _______ ______ _______.
___ ____ _________ ___ ___ ___ ______ _______ ______ _________.
___ ______ _____ ____ _______ __________.
___ ______ _____ _______ ______ __________ ___ ______ _____.
________ ________ __________ _________ _______ _________ _________ _____ ____.
________ _______ __________ _____ ____ ________ ____.
____ ________ _______ _________ ______ ___ ___.
__________ ________ _____ _________ __________ _________ ____ ___.
_______ _______ ____ ____ ____ ____ ________ _________ ________ ______ __________.
________ ______ ________ _______ _____ __________ _______ ________ ____ _________ _________ ___.
___ ___ _________ _____ ________ _____ _____ ____.
Get Full Answer on WhatsApp