Javascript needed for reCaptcha integration Paste this snippet before the closing tag on your HTML template Paste this snippet inside the where you want the reCAPTCHA widget to appear Contact form Javascript Place the following Javascript in a linked js file or within a tag on the page It should be called from the tag's onsubmit attribute Function thankyou() window alert, (Thank you contracting me, ' Document getElementById('fname') value ' We will get back your shortly') return true Work must be done by hand, using an editor and CSS and HTML tags Main page (index html) Show the principle summary information you want to provide to a person coming to your website Put your best face forward on this page, succinctly summarizing what your business does, how you can help people, etc You should include one or more images that help express your site About us me (about us html) includes a snail mail address, email addresses, phone numbers, and possible social media links (Facebook and the like) Create links for email addresses Consider marking up links for phone numbers Contact us contact me page This will include a HTML form that the user can use to send you an email using the form No email will actually be sent, but it will be simulated by integrating some Javascript provided below You will need a tag with appropriate embedded and other tags to collect and submit the data You will need to integrate a reCaptcha V2 spambot countermeasure In short, you want to authenticate that the user is legitimate See below for markup needed The Javascript that you will include on your page is listed below Make sure that when the form is submitted, the form tag's onsubmit attribute calls it successfully It should bring up a popup box when you submit the form it should run the Javascript at the bottom of the form Note that no email is actually sent to you The process instead is simulated The following fields will be needed fname contains the first name of the person Size should be 30 characters The field is required for the form to submit lname contains the last name of the person Size should be 50 characters The field is required for the form to submit email contains an email address, so use an appropriate HTML 5 tag that will check for a valid email address The field is required for the form to submit message this should be a text area containing 5 rows with 50 characters allowed in a column The field is required for the form to submit You will need a submit button that when pressed actually submits the form Change the action attribute for the tag to look like Don't forget to include the other attributes for the tag that are needed More information page This should provide expanded detail on your business products and services There should be a common navigation mechanism, and common headers and footers on all pages For full points, make sure you place these in appropriate tags like,and Your book has many examples of how to do this right, which you can feel free to use If you have ancillary content to an article, consider usingor tags as appropriate to place the content Content like articles should be placed within tags You should integrate appropriate images on the main page and likely on the more information page as well Consider placement Should content wrap around the images Should images shrink as the width of the browser shrinks Look at your web page at various screen widths, simulating a mobile device and a tablet device Does it look appropriate Add markup as needed so each page can be read on these devices without requiring a horizontal scroll or zoom out You might want to follow responsive design practices discussed in Tutorial 5 and elsewhere All web pages should be written in HTML5 and validate All style pages should be written in CSS3 and validate All styles should be in external stylesheets only Do not use the tag or style attribute

Question

Javascript needed for reCaptcha integration  Paste this snippet before the closing tag on your HTML template  Paste this snippet inside the where you want the reCAPTCHA widget to appear  Contact form Javascript Place the following Javascript in a linked  js file or within a tag on the page  It should be called from the tag's onsubmit attribute  Function thankyou()  window alert, (Thank you contracting me, ' Document getElementById('fname') value ' We will get back your shortly') return true   Work must be done by hand, using an editor and CSS and HTML tags  Main page (index html)   Show the principle summary information you want to provide to a person coming to your website  Put your best face forward on this page, succinctly summarizing what your business does, how you can help people, etc  You should include one or more images that help express your site  About us me (about us html) includes a snail mail address, email addresses, phone numbers, and possible social media links (Facebook and the like)  Create links for email addresses  Consider marking up links for phone numbers  Contact us contact me page This will include a HTML form that the user can use to send you an email using the form  No email will actually be sent, but it will be simulated by integrating some Javascript provided below  You will need a tag with appropriate embedded and other tags to collect and submit the data  You will need to integrate a reCaptcha V2 spambot countermeasure  In short, you want to authenticate that the user is legitimate  See below for markup needed  The Javascript that you will include on your page is listed below  Make sure that when the form is submitted, the form tag's onsubmit attribute calls it successfully  It should bring up a popup box when you submit the form it should run the Javascript at the bottom of the form  Note that no email is actually sent to you  The process instead is simulated  The following fields will be needed  fname   contains the first name of the person  Size should be 30 characters  The field is required for the form to submit  lname   contains the last name of the person  Size should be 50 characters  The field is required for the form to submit  email   contains an email address, so use an appropriate HTML 5 tag that will check for a valid email address  The field is required for the form to submit  message   this should be a text area containing 5 rows with 50 characters allowed in a column  The field is required for the form to submit  You will need a submit button that when pressed actually submits the form Change the action attribute for the tag to look like   Don't forget to include the other attributes for the tag that are needed  More information page This should provide expanded detail on your business products and services There should be a common navigation mechanism, and common headers and footers on all pages  For full points, make sure you place these in appropriate tags like,and   Your book has many examples of how to do this right, which you can feel free to use  If you have ancillary content to an article, consider usingor tags as appropriate to place the content  Content like articles should be placed within tags You should integrate appropriate images on the main page and likely on the more information page as well  Consider placement  Should content wrap around the images  Should images shrink as the width of the browser shrinks  Look at your web page at various screen widths, simulating a mobile device and a tablet device  Does it look appropriate  Add markup as needed so each page can be read on these devices without requiring a horizontal scroll or zoom out  You might want to follow responsive design practices discussed in Tutorial 5 and elsewhere  All web pages should be written in HTML5 and validate All style pages should be written in CSS3 and validate All styles should be in external stylesheets only  Do not use the tag or style attribute

SolutionInn · Accepted Answer

The Answer is in the image, click to view ...

Question: Javascript needed for reCaptcha integration: Paste this snippet before the closing tag on your HTML template: Paste this snippet inside the where you want the