web programing

In this Assignment, you will create a new webpage that 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. Simple JavaScript code will be used to validate data provided by a user.

To prepare for this Assignment:

Don't use plagiarized sources. Get Your Custom Essay on
web programing
Get an essay WRITTEN FOR YOU, Plagiarism free, and by an EXPERT!
Order Essay

Review the assignment resources included in the Explore section.

Perform the following steps:

Download the template files Week4Project_template.html and Week4Project_template.css in the Week4Project_templates.zip file.

Edit both files, creating the webpage that looks like this: See the attached

a. Open the Week4Project_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 text boxes for Title, City, Rate this photo, text area 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)

b. 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)

c. Save the completed .html file as Week4ProjectFinal.html

d. Open the Week4Project-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 http://htmlcolorcodes.com/)

e. Save the completed .css file as Week4ProjectFinal.css

f. Validate your page by pasting the HTML page codes into http://validator.w.3.org validator to ensure that no HTML syntax errors are detected. Take screenshots of validation results and paste them into an MS Word document (see below).

g. 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.

h. 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 Week4ProjectFinal.html

i. Add the hyperlink to your index.html page pointing to the Week4ProjectFinal.hml. Check that when clicking that hyperlink a user will be forwarded to the Week4ProjectFinal page. Similarly, add the hyperlink to the Week4ProjectFinal page to allow a user to navigate back to the index.html home page of your website. Test the code thoroughly before publishing it.

j. 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 Week4ProjectFinal webpage. Copy the URL to your MS Word deliverable document.

3.Take screenshots of the updated index.html webpage previewed in the browser with the navigation link to the Week4ProjectFinal webpage, navigate to the Week4ProjectFinal page, preview it in the browser and take a screenshot. Click on the “Submit Form” button, preview the result, and take a screenshot of the page you see in the browser. Paste all screenshots into an MS Word document. In the MS Word document, include your explanations of what functionality you have coded in the new HTML5 and CSS files. Include the answers to the questions in f) above.

4.Finally, include the valid URL to the location of your website index.html home page on the web hosting server (remember that each week you upload to the separate bucket on AWS S3 hosting server). If you are using another web hosting service, remember that the index.html page needs to be updated to enable navigation to the Week 4 webpage.

5.Compile all your website files into a single .zip file, including the MS Word document, and submit the .zip file as your deliverable. Name the .zip file WK4Assgn+last name+first initial.zip.

Submit the WK4Assgn+last name+first initial.zip for grading no later than the due date for this deliverable.

Homework Sharks
Order NOW For A 10% Discount!
Pages (550 words)
Approximate price: -

Our Advantages

Plagiarism Free Papers

All our papers are original and written from scratch. We will email you a plagiarism report alongside your completed paper once done.

Free Revisions

All papers are submitted ahead of time. We do this to allow you time to point out any area you would need revision on, and help you for free.


A title page preceeds all your paper content. Here, you put all your personal information and this we give out for free.


Without a reference/bibliography page, any academic paper is incomplete and doesnt qualify for grading. We also offer this for free.

Originality & Security

At Homework Sharks, we take confidentiality seriously and all your personal information is stored safely and do not share it with third parties for any reasons whatsoever. Our work is original and we send plagiarism reports alongside every paper.

24/7 Customer Support

Our agents are online 24/7. Feel free to contact us through email or talk to our live agents.

Try it now!

Calculate the price of your order

We'll send you the first draft for approval by at
Total price:

How it works?

Follow these simple steps to get your paper done

Place your order

Fill in the order form and provide all details of your assignment.

Proceed with the payment

Choose the payment system that suits you most.

Receive the final file

Once your paper is ready, we will email it to you.

Our Services

We work around the clock to see best customer experience.


Flexible Pricing

Our prces are pocket friendly and you can do partial payments. When that is not enough, we have a free enquiry service.


Admission help & Client-Writer Contact

When you need to elaborate something further to your writer, we provide that button.


Paper Submission

We take deadlines seriously and our papers are submitted ahead of time. We are happy to assist you in case of any adjustments needed.


Customer Feedback

Your feedback, good or bad is of great concern to us and we take it very seriously. We are, therefore, constantly adjusting our policies to ensure best customer/writer experience.

× Contact Live Agents
Verified by MonsterInsights