User Interface with HTML
Name
Short: HTML
Long: User Interface with HTML
Objective
The purpose of this lab is to implement a user interface using the Hypertext
Markup Language.
Time allocation
Two hours are allocated to complete this lab assignment.
Exercise
In this lab your task is to construct the user interface for the application
described in the seminar notes. In order to solve this, you will have to create:
-
An HTML document which presents the available cards, as thumbnails.
-
An HTML document which presents a card and which has a form to fill
in the message.
-
The third and the last page which presents a card
with the text on it.
Note: Based on the information in the CardDatabase, in the next
labs your programs will have to generate dynamically these web pages. Thus,
for example, in the current assignment, your first web page presenting
the available cards doesn't have to list all the existing thumbnails
since you don't know yet the contents of the cards database. Moreover, the second and third pages should present just a card instead of the selected card (otherwise, if you want that the second page to present the selected card, then you will have to write as many 2nd web pages as the number of thumbnails you present in the 1st web page).
TO DO
-
Make sure the web server is
working. If not, please contact the teaching assistant.
Note: If the web server at http://zaza1.ida.liu.se:8080/
is not working, then you should start the web server on your machine, like
this: ~trapo/httpd/httpd_start.sh
Then, connect to it as http://localhost:8080/~username/.
Also, don't forget to kill it: skill -9 httpd.
-
Create the directory TDDB37 in your home directory (if you have run the httpd_start.sh above, then this directory is already created).
Here you will put your web pages, and access them through http://zaza1.ida.liu.se:8080/~username/ (or http://localhost:8080/~username, if you started the server locally with httpd_start.sh).
-
Write the web pages. See the appendices for details on HTML and an example.
Reporting your work
The lab is reported by showing the assistant the three web pages. All members
of the lab group should be present when reporting.
Appendices
Links