Description
1 Goal
• Create your personal website. This gives you opportunity to learn and practice your web
design (HTML, CSS, JS) skills.
2 Expectations
• Include at least 3 pages /sections describing yourself (could be fictional). This is your
web space. You can put anything you wish, provided it does not any (read legal, ethical,
privacy, security related) troubles for the institute/parents/yourself. Hence, you are
alone responsible for the content of your website.
• Each page must have at least a few paragraphs of text. Content itself is not evaluated,
although it helps to have readable, meaningful statements.
• The website must be designed using HTML, CSS and JS.
• Separation of concerns: Separate content (HTML), style (CSS) and behavior (JS). Pages
should all be styled using a separate CSS file.
• You must create the pages manually and create your own style sheet. You are not
allowed to use any HTML templating framework or CSS theme template. Use of content
management software, publishing systems, or any other frameworks is also not
permitted. You should not borrow code from any websites or other sources.
[PLAGIARISM IS STRICTLY PROHIBITED]
• Each page must contain a navigation menu. The menu should look the same across all
the pages. It must contain links to all the pages you have written. It may contain
additional links to external websites.
• At least one of the pages must be organized into sections and subsections (using div).
• Ensure that your website is cross browser compatible.
• After creating your pages, you must upload them to web.iiit.ac.in or
researchweb.iiit.ac.in so that your web site is accessible from anywhere in IIIT and
outside.
• Code must be indented properly.
3 Evaluation Criteria
• Basics (30 marks): Your website must meet the above criteria.
• Standards compliance (30 marks): Your pages must be valid HTML and CSS pages as
verified by the W3C validator. Your HTML pages must conform to HTML5 standard and
CSS to CSS3. You must indent your HTML, CSS and JavaScript files properly.
• Semantics (20 marks): You should use the right HTML tags to describe your content.
Presentation details must be separated into a separate CSS file. Understand when a CSS
selector is most appropriate and use it accordingly.
• Advanced features (10 marks): Using extra features in HTML and CSS make the pages
look elegant and with enhanced usability. JavaScript, responsive design for mobile
devices, WebGL, MathML or Canvas will earn you extra marks too.
• Hosting and Readme (10 marks): You must upload your website to web.iiit.ac.in or
researchweb.iiit.ac.in, Also submit a readme file along with your assignment.
4 Submission and deadlines
• TAs will grade the assignments manually (over a call, you’ll be asked to screenshare).
• The website must be up and running. Your webpage source code will be inspected, or
you will be asked to give a demo.
• Another submission must be a done as a zip file named as RollNum_Assignment2.zip
(Example: 20171148_Assignment2.zip). After unzipping and opening the index page in a
browser, the site must work. Make sure double check your submission by unzipping the
zip file to a separate directory before uploading.
*********** For any doubts or clarifications, please contact the TAs ************
