Web Programming Learning Outcomes 1. Define the benefits and power of CSS 2. Write CSS-style rules. 3. Articulate the big CSS concepts of inheritance, the cascade, specificity, rule order, and the box model. 4. Understand the different page layouts. 5. Use media queries for responsive design. Required Readings ⚫ Chapter 4,5 (Internet and World Wide Web How To Program by Deitel & Deitel, 5th Ed) Recommended Readings ⚫ Part II: CSS presentation (Chapter 11-19) (Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics 5th Edition) • What is the difference between fixed, fluid, adaptive, and responsive layouts and why should I care? Responsive Web Design - Media Queries

Create a HTML page as the image given below. Add a submit and a reset button at the end of the form. Use only internal CSS. SURVEY FORM Let us know how we can improve freeCodeCamp Name: Enter your name Email: Enter your email Age: Age Which options best describes your current role? How likely is that you will recommend freeCodeCamp to a friend? What do you like most in FCC: Things that should be improved in the future (Check all that apply): Student Definetely May be O Not sure Select a option Front-End Projects Back-End Projects Data Visualization Challenges Open Source Community Gitter Help Rooms Videos City Meetups Wiki Forum Additional Courses

Create a html page with title as lab10_1. The page load lab10_1.js as its JavaScript file. On the html page, include a Canvas with dimension of width: 800, height: 500. An input box to accept user's input. A button to start the game.

When your main page loads, prompt the user for their name and store it in a variable. Then create an alert that welcomes the user to the page using the name they entered. (HINT: the instructions indicate the event handler to use!) On each of your pages, use javascript to display automatically the day/time the page was last updated. (HINT: This is a property of the document!) On at least two of your images on your image page, add a script that displays an alert when the user clicks one of the images. The alert should give a short description or additional information about the image. Add a countdown to something relevant to the company (holiday, event, specials/sales, etc.) and display the output in your HTML. This should update automatically subtracting the date of the event and the current date. The output will look something like "There are ### days until the sale!" where ### is automatically filled in with the number of days calculated using the javascript. This should not be a...

ii) Given the HTML code below, calculate the width and height of the div box. div { } width: 300px; height: 200px; padding: 5px; border: 3px; margin: 1;

You are creating a new homepage and need to write the line of html code between the main tags to create a thumbnail hyperlink on the webpage using an image titled "artsm.gif" that will link to another webpage titled "about.html" where a larger version of the image titled artlg.gif will be displayed when clicked. <main> </main>