[Solved] IT 270 Module Four Practicing HTML Table and Form Concepts

You have just finished the “HTML Tables” section of the “HTML Fundamentals” module onPluralsight.com—and hopefully followed along. These tutorials demonstrated how changes made to theindex and CSS files affect the website content that is rendered in a browser window.In this two part exercise, you will begin with the index.html file in the Mod4-Act1 folder and theindex.html file in the Mod4-Act2 folder and add several additional pieces of content and styles, based onyour watching and understanding of the first seven videos of the “Styling Your HTML” section of the“Front-End Web Development Quick Start with HTML5, CSS and JavaScript” module on Pluralsight.com.Activity I

Step 1.Download the IT-270 ExerciseFiles Students zip file if you havenot already done so.Step 2. For Part I of this activity,

open the index.html file in theMod4-Act1 folder in Sublime Textby either using the File menu >Open File command in the programor by dragging the file from thefolder window into the blankSublime Text window.Step 3. Construct a table that isseven cells across and six cells talland that displays a CBS primetime TV listing from several years ago (as seen at right). This table shouldappear just after the second headline on the page.Alt Text table information8:00 8:30 9:00 9:30 10:00 10:30Mon Big BangTheoryHow I MetYourMotherTwo and AHalf MenRules ofEngagementCSI: MiamiTue NCIS The Mentalist Without a TraceWed NewAdventuresof OldChristineGaryUnmarriedCriminal Minds CSI: New YorkThu Survivor CSI: Crime SceneInvestigationEleventh HourFri Ghost Whisperer Flashpoint Numbe3rsStep 4. Proofyour work as youprogress in ablank browser tabor window, andthen again a finaltime beforesubmitting yourassignment. Yourfinished workshould look likethe figure atright. Ensure yousave your work tothe folder beforecontinuing.This image presents a formatted web page with the SNHU jpg image on the left and the followingtable information embedded in the page as follows.8:00 8:30 9:00 9:30 10:00 10:30Mon Big BangTheoryHow I MetYourMotherTwo and AHalf MenRules ofEngagementCSI: MiamiTue NCIS The Mentalist Without a TraceWed NewAdventuresof OldChristineGaryUnmarriedCriminal Minds CSI: New YorkThu Survivor CSI: Crime SceneInvestigationEleventh HourFri Ghost Whisperer Flashpoint Numbe3rsActivity IIStep 1. Next, you will add a form to this webpage file.Step 2. For Part II of this Activity, open the index.html file in the Mod-4-Act2 folder in Sublime Text byeither using the File menu > Open File command in the program or by dragging the file from the folderwindow into the blank Sublime Text window.Step 3. Construct a form entitled “Keeping In Touch” that has three text fields to start—Full name, Emailaddress, and Phone number—and a set of three radio buttons under the heading “How Often Do YouWant to Hear from Us?” whose three radio button options are Daily Email, Weekly Email, and MonthlyEmail. Finally, include a Submit button for this form. This form should appear just after the secondheadline on the page.Step 4. Proof your work as you progress in a blank browser tab or window, and then again a final timebefore submitting your assignment. Ensure you save your work to the folder before continuing.Yourfinished work should look like this:This image presents a formatted web page with the SNHU jpg image on the left and the followingtable information embedded in the page as follows.Keeping inTouchFull Name [Blank Field Space]EmailAddress[Blank Field Space]PhoneNumber[Blank Field Space]How Often Do you Want to Hear From Us?Check fieldSelectedDaily EmailCheck fieldnot selectedWeekly EmailCheck fieldnot selectedMonthly EmailSubmit ButtonStep 5. When you have completed the assignment according to the requirements outlined above, pleasezip up the complete “Mod4” subfolder in which you have been working this exercise, and submit it usingthe assignment link in Blackboard.