IT 270 Module Four Practicing HTML Table and Form Concepts You have just finished the "HTML Tables" section of the "HTML Fundamentals" module on. answer

Posted on 18th Feb 2019 21:11:08 in Questions and Answers

Reference the Module Four Practicing HTML Table and Form Concepts tutorial to add tables and forms to edit a webpage file.

2. Zip and submit the completed Mod4 subfolder to Blackboard.

Specifically, the following critical elements must be addressed: I. Create a table with rows and columns on your website.

A. Add bold formatting to a row and column in the table.

B. Utilize the SPAN tag to merge columns.

II. Add a feedback form to your website.

A. Add three text fields.

B. Add a question with radio button responses.

C. Add a submit button. Guidelines for Submission: You must submit the zipped folder you created as a result of this activity, including all of your files for your webpage.

 

I have attached the zip file and the PDF of whats need to be done. code is provided in the zip file.

  • Download Attachments:

 

 

Please see the PDF file

 

IT 270 Module Four Practicing HTML Table and Form Concepts
You have just finished the “HTML Tables” section of the “HTML Fundamentals” module on
Pluralsight.com—and hopefully followed along. These tutorials demonstrated how changes made to the
index 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 the
index.html file in the Mod4-Act2 folder and add several additional pieces of content and styles, based on
your 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 Exercise
Files Students zip file if you have
not already done so. Step 2. For Part I of this activity,
open the index.html file in the
Mod4-Act1 folder in Sublime Text
by either using the File menu >
Open File command in the program
or by dragging the file from the
folder window into the blank
Sublime Text window.
Step 3. Construct a table that is
seven cells across and six cells tall
and that displays a CBS primetime TV listing from several years ago (as seen at right). This table should
appear just after the second headline on the page.
Alt Text table information
8:00 8:30 9:00 9:30 10:00 10:30 Mon Big Bang
Theory How I Met
Your
Mother Tue
Wed Thu NCIS
New
Adventures
of Old
Christine
Survivor Fri Ghost Whisperer Gary
Unmarried Two and A
Half Men Rules of
CSI: Miami
Engagement The Mentalist
Criminal Minds Without a Trace
CSI: New York CSI: Crime Scene
Investigation
Flashpoint Eleventh Hour
Numbe3rs Step 4. Proof
your work as you
progress in a
blank browser tab
or window, and
then again a final
time before
submitting your
assignment. Your
finished work
should look like
the figure at
right. Ensure you
save your work to
the folder before
continuing. This image presents a formatted web page with the SNHU jpg image on the left and the following
table information embedded in the page as follows.
8:00
8:30
9:00
9:30
10:00
10:30
Mon
Big Bang
How I Met
Two and A
Rules of
CSI: Miami
Theory
Your
Half Men
Engagement
Mother
Tue
NCIS
The Mentalist
Without a Trace Wed Thu New
Adventures
of Old
Christine
Survivor Gary
Unmarried Fri Ghost Whisperer Criminal Minds CSI: New York CSI: Crime Scene
Investigation
Flashpoint Eleventh Hour
Numbe3rs Activity II
Step 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 by
either using the File menu > Open File command in the program or by dragging the file from the folder
window into the blank Sublime Text window.
Step 3. Construct a form entitled “Keeping In Touch” that has three text fields to start—Full name, Email
address, and Phone number—and a set of three radio buttons under the heading “How Often Do You
Want to Hear from Us?” whose three radio button options are Daily Email, Weekly Email, and Monthly
Email. Finally, include a Submit button for this form. This form should appear just after the second
headline on the page. Step 4. Proof your work as you progress in a blank browser tab or window, and then again a final time
before submitting your assignment. Ensure you save your work to the folder before continuing.Your
finished work should look like this: This image presents a formatted web page with the SNHU jpg image on the left and the following
table information embedded in the page as follows.
Keeping in
Touch
Full Name
[Blank Field Space]
Email
[Blank Field Space]
Address
Phone
[Blank Field Space]
Number
How Often Do you Want to Hear From Us?
Check field
Daily Email
Selected
Check field
Weekly Email
not selected
Check field
Monthly Email
not selected
Submit Button Step 5. When you have completed the assignment according to the requirements outlined above, please
zip up the complete “Mod4” subfolder in which you have been working this exercise, and submit it using
the assignment link in Blackboard.