Task I: Personal Website using
HTML/CSS
Due Date: 28 January
Build your personal website using HTML and CSS. The website must
contain the following
- Landing page
This is the page that is seen when the
link to your website is clicked.
- Education page
- Hobbies/Interests page
May give links to external sites
that are related to your stated interests and hobbies. For
example, if you are interested in cricket, you may give a link
to cricinfo website.
- Technical interests page
- Miscellaneous page (optional)
You may give any
additional information that you find interesting.
- Contact page
Your grade will be based on answers to the following questions
(which you may incidentally link from your webpage!). Otherwise,
you can write them on paper and hand over to your TA or
instructor. Of course, aesthetics count too!
Questions
- What are the two main
sections of an HTML file?
- Did you separate your HTML and CSS into separate files or
put the CSS within the HTML file?
- If you separated them, which HTML tags did you use to
link the two?
- If you didn't separate them, what HTML tags did you
use to specify the CSS content?
- In which section of the HTML file, did you put them?
- Did you use any W3schools template? If so, which template
did you use? How did you link it with your HTML file?
- Did you use any web fonts? If so, which ones and how did
you link them into your HTML file?
- Is your website organised as
a single HTML file with
sections or multiple HTML files
linked through anchor tags
- How much time did you spend choosing the fonts and colour
combinations 😅?
- Does your webpage have a sidebar or a drop-down menu? If
so, what HTML tags did you use?
- If you answered YES to the previous question, then
answer this.
Did you see any javscript code for such features? Were you
able to understand it?
- Is your
webpage responsive?
What do you mean by it?
Submit your homepage by doing the following
steps.
- Make sure you have public_html directory
in your home directory.
- If you have not worked in that directory, copy all the files that
you created into that directory.
- Test once that your webpages are working by typing
file:///users/mtech/25mcmt??/public_html/index.html
Of course, substitute your roll number in place of the two ? in the above.
Back to Experiments