Toggle navigation
Home
Ask A Question
Answer Questions
Users
Support/FAQ
Login
Register
641WebProgramming.docx
Details
Question Title:
Web Programming Assignment due 2 days
View the Question
Preview - Click download on the question page for the full document.
<!DOCTYPE html PUBLIC "-//ABISOURCE//DTD XHTML plus AWML 2.2//EN" "http://www.abisource.com/2004/xhtml-awml/xhtml-awml.mod"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:awml="http://www.abisource.com/2004/xhtml-awml/"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> <title> Abiword HTML Document </title> </head> <body> <div> <p style="text-align:center"> <span style="font-weight:bold;font-size:14pt;font-family:'Cambria'">Web Programming</span> </p> <p> </p> <p> </p> <p> <span style="font-weight:bold;font-size:12pt">Instructions:</span> </p> <span>Use the appropriate HTML5 input elements and attributes to control what the user can enter, and avoid errors on the client side (i.e. negative numbers, non-numbers, etc.).</span><span>Use POST rather than GET to send parameters.</span><span>Use appropriate filters to check the input from the user on the server side as well.</span><span>Use the images given and resize the cup in HTML/CSS to show the different sizes.</span> <ul awml:style="List Paragraph"> <li> <span>There are four different sizes; small, medium, large and extra-large. The cup image size changes depending on the coffee size selected.</span><span>If number of creams and/or sugars is more than 1, display cream and/or sugar images.</span> </li> <li> <span>Repeat the images those many times, as selected by the user.</span><span>You can decide the price of coffee. Display the cost including the tax.</span><span>You should style the pages at least a little bit by linking them both to the same CSS style sheet.</span><span>Other than the choice of images, your pages should not look the same as the pages below.</span><span>Go to timhortons.ca for style ideas for your page.</span> </li> <li> <span>Remember, it should be your own design and should not look the same as the pages in the images below.</span> </li> </ul> <p> </p> <p> <img style="width:75.7mm; height:95.4mm" src="641WebProgramming.docx.txt_files/rId7.png" title="" alt="" align="" /><img style="width:90.3mm; height:95.5mm" src="641WebProgramming.docx.txt_files/rId8.png" title="" alt="" align="" /></p> <p> </p> <p> <img style="width:75.5mm; height:95.4mm" src="641WebProgramming.docx.txt_files/rId9.png" title="" alt="" align="" /><img style="width:87.8mm; height:95.4mm" src="641WebProgramming.docx.txt_files/rId10.png" title="" alt="" align="" /></p> <p> </p> <p> </p> <p> <img style="width:75.7mm; height:95.8mm" src="641WebProgramming.docx.txt_files/rId11.png" title="" alt="" align="" /><img style="width:89.7mm; height:96.0mm" src="641WebProgramming.docx.txt_files/rId12.png" title="" alt="" align="" /></p> <p> </p> <p> </p> <p> </p> <p class="footer" style="text-align:right" awml:style="footer"> </p> <p awml:style="footer"> <div> </div> <p class="footer" style="text-align:right" awml:style="footer"> </p> <p awml:style="footer"> </p> </p> </div> </body></html> ">
