INSY 3330 – Introduction to E-Commerce

HTML Assignment 1: Part I: Create a simple website about your favorite “Sport Team” or your favorite “TV Series.”

What is expected:

1. Use Atom editor to do this assignment. 2. Create a new folder name “Assignment 1” 3. Create a new file name “index.html” in the Assignment 1 folder using the Atom Editor. 4. Add the general structure of html code into the coding platform. 5. Add a short descriptive title to the part of your code. 6. Your page should have a main Heading that shows the main topic of the page. 7. Describe why do you like that “Sport Team” or “TV Series” in two paragraphs. 8. Use appropriate HTML tag to bold one main sentence or keyword in your description. 9. Search Google and find an appropriate HTML tag to add an underline to one sentence. Here is an example:

I’m a real fan of Manchester United Soccer Team.

10. Add a related image to your website. Adjust the width and height of the image (height=300px, width=400px) 11. Add a link to your page which provides more information about your favorite “Sport Team” or “TV Series” 12. (Extra Point) Can you add a small image to your page and make it as a link? (You should be able to click on the image and that direct you to a new page) 13. Add an “unordered list” to your site and name three or more players or actors/actresses that played main roles in your selected Sport Team or TV series. Example:

List of three main players in Man United:

• Ruud van Nistelrooy • David Beckham • Ryan Giggs 14. Add a table to your web site and describe more about those individuals in your list. Here is an example: (Be creative you can have different headings in your work)

Player History Birth Date Picture Ruud van Ruud van Nistelrooy is a retired July 1, 1976 Nistelrooy Dutch footballer and a current manager for the PSV youth team. A former striker, he is the fourth- highest goalscorer in UEFA Champions League history with 56 goals. 15. Change the background color of the table to your desired color INSY 3330 – Introduction to E-Commerce

16. That would be great if you add more elements to your page and make it comprehensive.

Part II:

1. Create a new file. In order to do that right click within the black area on the left panel and select the “New File” option. 2. Save the file as “Part2.html” in your folder. 3. Create a form that helps users to register on your site. Your form should be similar to the following picture:

INSY 3330 – Introduction to E-Commerce

Part III (Extra Credit):

1. Create a new file. In order to do that right click within the black area on the left panel and select the “New File” option. 2. Save the file as “Part3.html” 3. Use HTML Code to create the following table

Note:

1. This is an individual based assignment

Output:

Submit all the HTML codes in the Canvas (2 files if you don’t want to do the extra credit part, and 3 files if you want to do the extra credit part) by Wednesday Oct 14th at 11:59 PM. Make sure that you submit all the files.