INTERNET TECHNOLOGIES LAB

Jan - May 2026      (Timings — Wednesdays: 3:00 - 6:00 PM)

itlabphoto

HTML, CSS, React, Aframe VR, Flask, Python Applications

Experiments

I. Personal Website using HTML/CSS (28/01)

 

IV. Building Python Apps for the Web

II. Dynamic and Responsive Webpages (11/02)

 

V. Flask for Building Web Applications

III. Exploring AR/VR using AFrame Technology

 

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

  1. What are the two main sections of an HTML file?
  2. 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?
  3. Did you use any W3schools template? If so, which template did you use? How did you link it with your HTML file?
  4. Did you use any web fonts? If so, which ones and how did you link them into your HTML file?
  5. Is your website organised as a single HTML file with sections or multiple HTML files linked through anchor tags
  6. How much time did you spend choosing the fonts and colour combinations 😅?
  7. Does your webpage have a sidebar or a drop-down menu? If so, what HTML tags did you use?
  8. 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?
  9. 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

Powered by w3.css

NEWSLETTER

Join our mailing list to receive updates on new arrivals and special offers.