Homework 1: Review of HTML

COM S/SE 319: Construction of User Interfaces
Fall 2021
Homework 1: Review of HTML
[Total Points: 10]
Assignment Due: Friday, Aug 27th , 2021, 11:59PM
1. Review HTML
A good resource is https://www.w3schools.com/html/
Some of the tutorials that would be useful to do the assignment are the following:
HTML Tutorial Link
HTML Introduction https://www.w3schools.com/html/html_intro.asp
HTML Editors https://www.w3schools.com/html/html_editors.asp
HTML Basic https://www.w3schools.com/html/html_basic.asp
HTML Elements https://www.w3schools.com/html/html_elements.asp
HTML Attributes https://www.w3schools.com/html/html_attributes.asp
HTML Headings https://www.w3schools.com/html/html_headings.asp
HTML Paragraphs https://www.w3schools.com/html/html_paragraphs.asp
HTML Styles https://www.w3schools.com/html/html_styles.asp
HTML Formatting https://www.w3schools.com/html/html_formatting.asp
HTML Quotations https://www.w3schools.com/html/html_quotation_elements.asp
HTML Comments https://www.w3schools.com/html/html_comments.asp
HTML Colors https://www.w3schools.com/html/html_colors.asp
HTML CSS https://www.w3schools.com/html/html_css.asp
HTML Links https://www.w3schools.com/html/html_links.asp
HTML Images https://www.w3schools.com/html/html_images.asp
HTML Tables https://www.w3schools.com/html/html_tables.asp
HTML Lists https://www.w3schools.com/html/html_lists.asp
HTML Blocks https://www.w3schools.com/html/html_blocks.asp
HTML Classes https://www.w3schools.com/html/html_classes.asp
HTML Head https://www.w3schools.com/html/html_head.asp
HTML Layout https://www.w3schools.com/html/html_layout.asp
HTML Forms https://www.w3schools.com/html/html_forms.asp
HTML Form Elements https://www.w3schools.com/html/html_form_elements.asp
HTML Input Types https://www.w3schools.com/html/html_form_input_types.asp
HTML Attributes https://www.w3schools.com/html/html_form_attributes.asp
I strongly suggest you do the “Try it Yourself” exercises. If you are familiar with HTML, you may
skip this step.
2. Create an offline HTML website that has three pages (10 points)
1) Index page: index.html
When clicking “Page 1”, Page 1 must be loaded.
When clicking “Page 2”, Page 2 must be loaded.
2) Page 1: page1.html
The password input textbox must be used for entering password.
Submit button when clicked does nothing.
When clicking “Back”, the Index page must be loaded.
3) Page 2: page2.html
When clicking “Back”, the Index page must be loaded.
Load the images directly from these links:
https://pixnio.com/free-images/flora-plants/fruits/strawberries-pictures/strawberry-fruit406x544.jpg
https://pixnio.com/free-images/2017/11/15/2017-11-15-08-57-55-1200x801.jpg
https://pixnio.com/free-images/2018/12/08/2018-12-08-16-01-13-1200x900.jpg
https://pixnio.com/free-images/2019/12/12/2019-12-12-10-59-22-1200x800.jpg
3. What to Submit:
● Create a folder which contains the three html files (index.html, page1.html, page2.html).
Compress the folder to a (.zip) and rename it to your “Last Name_First Name.zip”.
● Submit via Canvas the compressed file (.zip).