Web Technologies/2021-2022/Assignment 1

Assignment 1

This assignment is designed to get you familiar with the specifics of the first Web Technologies laboratories. Please submit your code via the Google Classroom Assignment.

Non-negociable submission rules:

• Submission should a single file in .zip format (NOT .rar or .7z).
• Name the file you submit <firstname>_<lastname>.zip.
• Code must be original (i.e. not identical to other submissions).
• Code must NOT be generated using gen-AI tools such as ChatGPT.
• Any submissions after the deadline are automatically disregarded.

HTML & CSS

(1p) Problem 1: Create a static HTML page containing the description of a character (real or fictional) using heading tags, paragraphs, bold text, an unordered list and an image tag.

(1p) Problem 2: Create a static HTML page using the <table>, <tr>, <th> and <tr> tags. The page should look similar to this semester's schedule for your specialisation.

(1p) Problem 3: Create a web page that utilises HTML 5 tags such as <nav>, <media> and <canvas>.

(1p) Problem 4: Create a landing page for a fictional company, with sections such as "Home, About Us, and Contact".

(1p) Problem 5: Design an HTML form that would make HTTP GET requests upon submission to a web service. This can be achieved in a similar manner as the RANDOM.org exercises presented in Laboratory 2.

XML

(2p) Problem 1: Create an XML file that represents a library. There should be multiple categories of books, with each book containing data such as title, author, publication date, ISBN and number of copies available in the library. Make use of attributes as well.

(1p) Problem 2: Create a DTD and XML Schema in order to validate the XML document.

(1p) Problem 3: Create an XSLT stylesheet that will transform the XML document into an HTML page, that uses tables to display the data, for each category.