see the atached

Fall 202 2 CIS 525 Due: ______________ Date last modifie d: 202 2_09_ 13 HW 5, Adding Tables & Fo rms - Part 3 (HTML & CSS & Forms) In this homework, you will be using an IDE (Integrated Dev. Environment) ( Visual Studio Code) You can continue working on the same website you used last time (or you can create a new website ) or you can do the lab s (5.2 and 5.3) Watch the videos first before starting. https://www.youtube.com/watch?v=B -s71n0dHUk (7 min) Getting Started with VS Code basic: (for users that are new to VS Code) A. https://www.youtube.com/watch?v=ORrELERGIHs (22 min) start at minute 2. In depth (for users already familiar with VS Code) B. https://www.yo utube.com/watch?v=WPqXP_kLzpo (1:30 hr) Add the following extensions to VS Code. 1. Download extensions: Live View (Optional Live Server ) 2. Prettier code Check list: 1. Include table – showing the diff erent semantics (table header, ca ption, colspan and row span ) include styling css with zebra pattern 2. Include a separate pag e that uses a form – this could be a sign up form and contact us.. etc. 3. Use form validation (chapter 5.7) 4. You can use a third page to consume the form (use javascript to read the data passed in the URL or use the https://www.randyconnolly.com/tests/process.php 5. Include different form element s (buttons, labels , textbox ) and use ID field for all elements (in addition to name and v alue, and placeholder) 6. Check using the validator. Paste the report. Fix the Errors but you can ignore the warnings. https://validator.w3.org/ 7. Check A ccessibility or Create accoun t on GitHub (free) and upload your websi te there. ( include screen shots and URL to share with me) 8. SPELLCHECK! You want your site to be as professional as possible so be sure to check your spelling and grammar. Focus is on the Tables and Forms Documentation: Submit assignmen t to Canvas (Assignment 5) as Word or PDF and include the following: Student Name and Section Number: Website Files : Zip up: HTML pages / CSS / Images (should be a separate folder for each HTML /CSS and Images) Website Summary : (200 – 300 words) Which web site d id you complete , your own or the labs? Website Navigation : Use any software to show your hierarchal website navigation with thumbnail image of each page, including folders Website Issues (How did you resolve) around (100 – 200 words) – for example in Mobile view layout or decreasing an image size or ch ange a page format. Future Plans to implement (100 – 200 words): Homework Summary: ( 100 – 200 words): learning topics from this lab , IDE (VS code) or other summary comments. You will be submitting two files: A documentation file and a website zipped file: Video Summary: (100 – 200 words): from either A or B. What did you lea rn, recommend to others in the class?