Your Perfect Assignment is Just a Click Away

We Write Custom Academic Papers

100% Original, Plagiarism Free, Customized to your instructions!


ITEC 2080 Walden Week 4 Enter Data on Travel Photos Web Page Project

ITEC 2080 Walden Week 4 Enter Data on Travel Photos Web Page Project

ITEC 2080 Walden Week 4 Enter Data on Travel Photos Web Page Project


Assignment: Forms and JavaScript

In this Application, you will create a new web page which will allow you to enter the data on your travel photo details. The page will contain a web form with a variety of HTML controls, each accepting a certain type of data. Your goal is to make use of the template HTML page provided, add the proper form controls as shown in the figure below, validate the resulting page making use of the HTML 5 W3C validator to ensure the correct HTML 5 syntax for your final page, and supplement your project website with this new and functional HTML 5/CSS3 page.

Perform the following steps:

  • Download the template files Unit4Project_template.html and Unit4Project_template.css in the file.
  • Edit both files creating the web page which looks as below:
    • Open the Unit4Project_template.html page in the TextEdit editor and create the form, positioning the form controls specified in the figure above by placing them within the table (use textboxes for Title, City, Rate this photo, textarea for Description, radio-buttons for Copyright, check boxes for Creative Common Types and I accept the software license, Date control for Date Taken, Time control for Time taken)
    • For the drop-down lists, Continent and Country, add several items for each list (e.g., Africa, Asia, Europe, North America, South America for the first list; and United States, Canada, Mexico for the second list)
    • Save the completed .html file as Unit4ProjectFinal.html
    • Open the Unit4Project-template.css file and edit it so that the fonts and colors match the ones shown in the sample above. You are welcome to experiment with styling other elements shown in the page (hexadecimal colors reference can be found, e.g., in
    • Save the completed .css file as Unit4ProjectFinal.css
    • Validate your page by pasting the HTML page codes into validator to ensure that no HTML syntax errors are detected. Take the screenshots of validation results and paste them into a MS Word document (see below).
    • Test the form page in the browser. What happens when you click the “Submit Query” button? Explain. What happens when you click the “Clear Form” button? Explain.
    • Add both files to your web project (if you are saving the.css file into a special CSS folder you have created – adjust the reference to that .css file in the Unit4ProjectFinal.html
    • Add the hyperlink to your index.html page pointing to the Unit4ProjectFinal.hml. Check that when clicking that hyperlink a user will be forwarded to the Unit4ProjectFinal page. Similarly, add the hyperlink to the Unit4ProjectFinal page to allow a user to navigate back to the index.html home page of your website. Test the code thoroughly before publishing it.
    • Publish your work by uploading the new and modified files to your web host. Test the site again verifying the access to and proper functioning of Unit4ProjectFinal web page. Copy the URL to your MS Word deliverable document.
  • Take screenshots of the updated index.html web page previewed in the browser with the navigation link to the Unit4ProjectFinal web page, navigate to the Unit4ProjectFinal page, preview it in the browser and take a screenshot. Click the “Submit Form” button, preview the result and take a screenshot of the page you see in the browser. Paste all screenshots into a MS Word document. In the MS Word document include your explanations of what functionality you have coded in the new HTML 5 and CSS files. Include the answers to the questions in f) above.
  • Finally, include the valid URL to the location of your website index.html home page on the web hosting server (remember that index.html page needs to be updated to enable navigation to the Unit 4 web page). Compile all of your website files into a single .zip file, including the MS Word document, and submit the .zip file as your deliverable.

these are the file if you have any problems let me know


Forms and JavaScript

Connolly, R., & Hoar, R. (2018). Fundamentals of web development (2nd ed.). New York, NY: Pearson.

  • Chapter 5, Sections 5.3–5.6, “Introducing Forms”
  • Chapter 8, “JavaScript 1: Language Fundamentals,” Sections 8.1 and 8.2

Laureate Education (Executive Producer). (2010b). Creating Interactivity Using JavaScript [Video file]. Baltimore: Author.

Code Samples:
HTML5 Form Control Examples

**You can see them with the website address**

Submit by Day 7.



Required Readings

Connolly, R., & Hoar, R. (2018). Fundamentals of web development (2nd ed.). New York, NY: Pearson.

  • Chapter 5, “HTML Tables and Forms”
  • Chapter 8, “JavaScript 1: Language Fundamentals,” Sections 8.1 and 8.2

This chapter introduces JavaScript and its syntax. Some of the basic foundations of object-oriented languages are also introduced, with examples specific to JavaScrip


Connolly, R., & Hoar, R. (2018). Fundamentals of web development (2nd ed.). New York, NY: Pearson.

  • Chapter 3, “Introduction to HTML”
  • Chapter 16, “Managing State”
    • Section: 16.4 Cookies
    • Section: 16.4.1 How Do Cookies Work?
    • Section: 16.4.2 Using Cookies
    • Section: 16.4.3 Persistent Cookie Best Practices

Order Solution Now

Our Service Charter

1. Professional & Expert Writers: Top Grade Essays only hires the best. Our writers are specially selected and recruited, after which they undergo further training to perfect their skills for specialization purposes. Moreover, our writers are holders of masters and Ph.D. degrees. They have impressive academic records, besides being native English speakers.

2. Top Quality Papers: Our customers are always guaranteed of papers that exceed their expectations. All our writers have +5 years of experience. This implies that all papers are written by individuals who are experts in their fields. In addition, the quality team reviews all the papers before sending them to the customers.

3. Plagiarism-Free Papers: All papers provided by Top Grade Essays are written from scratch. Appropriate referencing and citation of key information are followed. Plagiarism checkers are used by the Quality assurance team and our editors just to double-check that there are no instances of plagiarism.

4. Timely Delivery: Time wasted is equivalent to a failed dedication and commitment. Top Grade Essays is known for timely delivery of any pending customer orders. Customers are well informed of the progress of their papers to ensure they keep track of what the writer is providing before the final draft is sent for grading.

5. Affordable Prices: Our prices are fairly structured to fit in all groups. Any customer willing to place their assignments with us can do so at very affordable prices. In addition, our customers enjoy regular discounts and bonuses.

6. 24/7 Customer Support: At Top Grade Essays, we have put in place a team of experts who answer to all customer inquiries promptly. The best part is the ever-availability of the team. Customers can make inquiries anytime.