Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Chapter 7, Problem 7HOE
Program Plan Intro
Program Plan:
- Include the HTML tag using <HTML>.
- Include the header tag using <head>.
- Include the title on the webpage using <title> tag.
- Include the viewport meta tag.
- Link the external style sheet “lighthouse.css” which includes
- Alignment for body tag.
- Alignment for wrapper tag.
- Alignment for header tag.
- Alignment for navigation tag.
- Alignment for main tag.
- Alignment to make the images float right.
- Alignment for footer tag.
- Close the header tag.
- Include a paragraph using the <p> tag.
- Close the body using </body> tag.
- Include the header tag using <head>.
- Close the file using </html> tag.
- Modify the html file after reviewing the media attribute on the link element and attach an external CSS file “myprint.css” to prevent the navigation files from printing is mentioned, which includes:
- Alignment for body tag.
- Alignment for wrapper tag.
- Alignment for header tag.
- Alignment for navigation tag.
- Alignment for main tag.
- Alignment to make the images float right.
- Alignment for footer tag.
- Prevent navigation from displaying.
- Alignment for body tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Create an app that provides the day of the week for any date a user enters and make it useable across all browsers.
Steps:
Download and unzip the Lab 7 file.
In the index.html file:
Enter your name and today’s date where indicated in the comment section in the document head.
Add script tag to access script.js file
In the script.js file:
Add an onclick event handler for the addButton object. Within the event handler do the following:
Use the push() method to add the value of the customerName object to the end of the customers array.
Run the generateCustomerList() function to update the contents of the ordered list that appears on the web page.
Change the text of the status paragraph to “customer added to the end of the queue” where customer is the value of the customerName object.
Add an onclick event handler for the searchButton object. Within the event handler do the following:
Use the indexOf() method to locate the index of the array item whose value equals the value of…
Create an external CSS file and attach it to the html document, you need to name the file with your first name and last initial. The only change you are allowed or
need to make in the HTML file is the link to the attached CSS sheet. study the HTML file before starting note the ID and classes in the document.
using only CSS to duplicate the layout of the sample image use position,grid or flex combination of layout methods
Create a folder called "Titan Sports Store". This will be your root folder. Add the folders specified (css, js, img, fonts, scss, common)in the previous article as subfolders in this folder.
1. Create the index.html file and add html to create the homepage of the sports store. Add at a minimal a title, description, and a footer on the page.
2. The owners have decided they want to place rotating banner adds on the homepage. Your task is to find a simple JavaScript file that rotates banners and display it on the homepage. Make sure you place your images in the img folder and your js script in the js folder.
Chapter 7 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 7.2 - Prob. 1CPCh. 7.2 - Prob. 2CPCh. 7.2 - Prob. 3CPCh. 7.10 - Prob. 1CPCh. 7.10 - Prob. 2CPCh. 7.10 - Prob. 3CPCh. 7 - Prob. 1MCCh. 7 - Prob. 2MCCh. 7 - Prob. 3MCCh. 7 - Prob. 4MC
Ch. 7 - Prob. 5MCCh. 7 - Prob. 6MCCh. 7 - Prob. 7MCCh. 7 - Prob. 8MCCh. 7 - Prob. 9MCCh. 7 - Prob. 10MCCh. 7 - Prob. 11FIBCh. 7 - Prob. 12FIBCh. 7 - Prob. 13FIBCh. 7 - Prob. 14FIBCh. 7 - Prob. 15FIBCh. 7 - Prob. 1AYKCh. 7 - Prob. 2AYKCh. 7 - Prob. 3AYKCh. 7 - Prob. 1HOECh. 7 - Prob. 2HOECh. 7 - Prob. 3HOECh. 7 - Prob. 4HOECh. 7 - Prob. 5HOECh. 7 - Prob. 6HOECh. 7 - Prob. 7HOECh. 7 - Prob. 8HOECh. 7 - Prob. 9HOECh. 7 - Prob. 10HOECh. 7 - Prob. 11HOECh. 7 - Prob. 1WRCh. 7 - Prob. 1FWD
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- 3 DO NOT COPY FROM OTHER WEBSITES. COrrect and detailed answer will be Upvoted else downvoted. Thank you!arrow_forwardCreate a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forwardCreate a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forward
- Create a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forwardCreate a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forwardPage 3 will be a separate html file that will have a table containing you're your favorite 4 images. The images need to be sized the same in the table... At end of page you will have a hyperlink to go back to the main page. put image 1 here put image 3 here Go back to my main page Put image 2 here put image 4 herearrow_forward
- Using Inline style do the following for this hl>: Using Embedded style do the following for this : Using Embedded style do the following for thisarrow_forwardcreate another new page, and name the file according to the description you used in your mockup. For example, "contact_me.html" or "portfolio.html". Your new page must include the following: (named: "contact_me.html") A table styled using CSS, like the one below, except use fonts and colors that match the theme of the rest of your site. A CSS Box with the following specs: 350px (width) + 20px (left and right padding) + 10px (left and right border) + 20px (left and right margin) = 400px Contains at least 4 hyperlinks that use each of the following states: a:link - a normal, unvisited link a:visited - a link the user has visited a:hover - a link when the user mouses over it a:active - a link the moment it is clicked Must use a style tag that changes the background to a color or image. Formatted text, including a header and paragraph that uses CSS styling of your choice, using at least 1 ID selector and 1 class selector. Use CSS to…arrow_forwardweb development: Create a full HTML page according to the following requirements: Set the web page background color to rgb(150,150,250). Add background image to the page; you can download image. Do not repeat the background image. Set the background image position to top right. Insert the largest heading with the text "Fun Park”. Set the heading background color to white. Add opacity value 0.6 to the heading.arrow_forwardMake a page that looks like the picture attached below. Make two stylesheets, and put them in a folder called styles. Follow the instructions in the image below, for what styles go in which stylesheets. Note where the image file is stored. GIVE ALL CODES. I will then open it in my server. Thank you i will upvote.arrow_forwardCreate a products.html page and add 5 product images to the page. Create a Product class with the following attributes: Price, Name, Description and Id for each of the product images. Under each product image add an "add to cart" button. Make the id property of the button the id for the product. Add a remove from cart button on each item as well. Create a ShoppingCart.js file and include it in the products.html page. In the script, create an empty array to store the items added to the cart. Create a products array and create a product object for each of your products and store it in the products array when the script loads. The shopping cart script should have the following functions: add - Takes an id, finds the product object in the products array and adds it to the items purchased array, remove - Takes an id and removes the corresponding object from the items purchased array and Returns html for displaying the items in the cart. At the top right of the page add a link that says (0)…arrow_forward11. Template Creation Create a template to display an HTML page like below. Create a template with 4 columns and 3 rows. You can choose any approach to finish this task. This task only using HTML and CSS, please make sure your code already tested before you submit it. item 1 item 2 item 3 item 4 item 5 item 6 item 7 item 8 item 9 item 10 Body padding is 20px Border color is #e3e3e3 Text color is #727272 Text size is 12px Distance between icon and box is 10px Border radius size is 10px Icon asset image is https://a.m.dana.id/promo/landing-page/default- icon.webparrow_forwardarrow_back_iosSEE MORE QUESTIONSarrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningProgramming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning