New Perspectives On Html5, Css3, And Javascript, Loose-leaf Version
6th Edition
ISBN: 9781337685764
Author: Patrick M. Carey
Publisher: Cengage Learning
expand_more
expand_more
format_list_bulleted
Question
thumb_up100%
Chapter 5, Problem 3RA
Program Plan Intro
(a)
To link tf_base.css style sheet to the tf_tips.html file.
Program Plan Intro
(b)
To link tf_styles4.css style sheet to the tf_tips.html file.
Program Plan Intro
(c)
To link tf_print2.css style sheet to the tf_tips.html file.
Expert Solution & Answer
Trending nowThis is a popular solution!
Students have asked these similar questions
Complete the following: 1. Using your editor, open the sp_home_txt.html and sp_layout_txt.css files from the html03 c folder. Enter your name and the date in the comment section of each file, and save them as sp_home.html and sp_layout.css respectively. 2. Go to the sp_home.html file in your editor. Within the document head, create links to the sp_base.css, sp_styles.css, and sp_layout.css style sheet files. Study the content and structure of the file and then save your changes to the document. dou you know the solution?
Randall has several web fonts that he wants used for the titles of the plays produced by the company. Add the following web fonts to the style sheet, using @font-face rules before the comment section. Go to the ph_styles.css file.
The Champagne font using the cac_champagne.woff and cac_champagne.ttf files
The Grunge font using the 1942.woff and 1942.ttf files
The Dobkin font using the DobkinPlain.woff and DobkinPlain.ttf files
In the lesson5_project folder, open the styles.css file in your css folder.
Add a style that sets the body's font family to sans-serif.
Add a class called text-center and set the property to align text to the center.
Open the index.html file.
Set up your index file like you did from previous lessons.
Tip: Use emmet here. Type an exclamation point and hit tab. All the information you need will be added to the index file.
In the title tag, add Lesson 5 Project.
Add an h1 tag with the title Lesson 5 Project, and apply the text-center class to it.
Make sure your main.js file is linked in your HTML file.
Make sure your styles.css file is linked in your HTML file.
Create a p tag with an id of result.
Now, copy/paste the JavaSCript you see below into your main.js file.
/*Problem: The principal of a school needs to know the percentage of students in the school that submit their homework. (This should be calculated by first determining the homework submission per student in each…
Chapter 5 Solutions
New Perspectives On Html5, Css3, And Javascript, Loose-leaf Version
Ch. 5.2 - Prob. 8QCCh. 5.2 - Prob. 9QCCh. 5.3 - Prob. 8QCCh. 5.3 - Prob. 9QCCh. 5 - Prob. 1RACh. 5 - Prob. 2RACh. 5 - Prob. 3RACh. 5 - Prob. 4RACh. 5 - Prob. 5RACh. 5 - Prob. 6RA
Ch. 5 - Prob. 7RACh. 5 - Prob. 8RACh. 5 - Prob. 9RACh. 5 - Prob. 10RACh. 5 - Prob. 11RACh. 5 - Prob. 12RACh. 5 - Prob. 13RACh. 5 - Prob. 14RACh. 5 - Prob. 15RACh. 5 - Prob. 16RACh. 5 - Prob. 17RACh. 5 - Prob. 18RACh. 5 - Prob. 19RACh. 5 - Prob. 20RACh. 5 - Prob. 21RACh. 5 - Prob. 22RACh. 5 - Prob. 23RACh. 5 - Prob. 24RACh. 5 - Prob. 25RACh. 5 - Prob. 26RACh. 5 - Prob. 1CP1Ch. 5 - Prob. 2CP1Ch. 5 - Prob. 3CP1Ch. 5 - Prob. 4CP1Ch. 5 - Prob. 5CP1Ch. 5 - Prob. 6CP1Ch. 5 - Prob. 7CP1Ch. 5 - Prob. 8CP1Ch. 5 - Prob. 9CP1Ch. 5 - Prob. 10CP1Ch. 5 - Prob. 11CP1Ch. 5 - Prob. 12CP1Ch. 5 - Prob. 13CP1Ch. 5 - Prob. 14CP1Ch. 5 - Prob. 15CP1Ch. 5 - Prob. 16CP1Ch. 5 - Prob. 17CP1Ch. 5 - Prob. 18CP1Ch. 5 - Prob. 19CP1Ch. 5 - Prob. 1CP2Ch. 5 - Prob. 2CP2Ch. 5 - Prob. 3CP2Ch. 5 - Prob. 4CP2Ch. 5 - Prob. 5CP2Ch. 5 - Prob. 6CP2Ch. 5 - Prob. 7CP2Ch. 5 - Prob. 8CP2Ch. 5 - Prob. 9CP2Ch. 5 - Prob. 10CP2Ch. 5 - Prob. 11CP2Ch. 5 - Prob. 12CP2Ch. 5 - Prob. 13CP2Ch. 5 - Prob. 14CP2Ch. 5 - Prob. 15CP2Ch. 5 - Prob. 16CP2Ch. 5 - Prob. 17CP2Ch. 5 - Prob. 18CP2Ch. 5 - Prob. 19CP2Ch. 5 - Prob. 20CP2Ch. 5 - Prob. 21CP2Ch. 5 - Prob. 1CP3Ch. 5 - Prob. 2CP3Ch. 5 - Prob. 3CP3Ch. 5 - Prob. 4CP3Ch. 5 - Prob. 5CP3Ch. 5 - Prob. 6CP3Ch. 5 - Prob. 9CP3Ch. 5 - Prob. 2CP4
Knowledge Booster
Similar questions
- In the index.htm/file, add a class attribute with the value tablet-desktop to the examples div In the styles.css file, below the mobile viewport comment, add a new comment that indicates that the following style rule hides the tablet-desktop class. Below the comment, add a new style rule that hides the tablet desktop class.arrow_forwardSetup Use your editor to open the ws_lincoln.html and ws_cloud.js. Enter your name and the date in the comment section of each file. Linking JS File Go to the ws_lincoln.html file in your editor. Link the page to the ws_cloud.css style sheet and the ws_stopwords.js and ws_cloud.js JavaScript files (in that order). Load the JavaScript files asynchronously. Study the contents of the file. Lincoln's speech is stored in a div element with the id "speech". The word cloud text will be placed in the aside element with the id "cloud". html---------------------------------------------------------------------- <!DOCTYPE html> <html lang="en"> <head> <!-- New Perspectives on HTML5, CSS3, and JavaScript 6th Edition Tutorial 13 Case Problem 4 Word Cloud of Lincoln's 1st Inaugural Author: Date: Filename: ws_lincoln.html --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,…arrow_forward1 New Perspectives on HTML5 and CSS3, 8th Edition 3 Tutorial 3 4. Review Assignment 6. Style Sheet for the Pandaisia Chocolates Monthly Specials 7 Author: Date: 10 Filename: pc_specials.css 11 12 */ 13 14 /* Page Body Styles */ 15 16 17 18 /* Image Styles */ 19 20 21 22 /* Horizontal Navigation Styles */ 23 24 25 26 27 /* Grid Styles */ 28 29 30 31 32 /* Specials Styles */ 33 34 35 36 /* Award Styles */ 37 38arrow_forward
- Choose a CSS external style sheet file to validate; perhaps you have created one for your own website. Otherwise, use an external style sheet file that you worked with in this chapter. Use the W3C CSS validator at http://jigsaw.w3.org/css-validator. If your CSS does not immediately pass the validation test, modify it and test again. Repeat this process until the W3C validates your CSS code. Write a one- or two-paragraph summary about the validation process that answers the following questions: Was the CSS validator easy to use? Did anything surprise you? Did you encounter a number of errors or just a few? How easy was it to determine how to correct the CSS file? Would you recommend the validator to other students? Why or why not?arrow_forwardHi all, could you please write a code that links external CSS file to an HTML5 document. The CSS file contains the following attributes for text stroke (-webkit- text-stroke, font-size, and color) with values from your choice. You should also include the needed styles that allow two background images to appear in the .documentarrow_forwardCreate home, menu, and contact us pages. The three pages should have the same header and footer. The header contains text or image as a logo, navigation bar and if you want to have a background image please choose it to look good. The footer should have a copyright statement. The home page contains images, carousel (no JavaScript) and some description about the restaurant. The menu page should contain images of the meals. The contact us page contains the restaurant contact information and a contact form (I expect from you a nice and professional form). Feel free to add your creativity. CSS: Don’t forget to do the reset CSS. Proposed methodologies: Using HTML & CSS. Links for you: https://unsplash.com/ https://www.freepik.com/ https://www.pinterest.com/ https://www.lipsum.com/ https://fonts.google.com/ https://www.w3schools.com/colors/colors_picker.asp https://css-tricks.com/ https://coolors.co/arrow_forward
- ***I have the files needed to complete the remainder of the assingment. I just need help setting up the stylesheets.*** Create two separate CSS stylesheets including the following steps:arrow_forwardOpen index.html in your browser to view the file. Add the text, CH 5 Extend Your Knowledge, to the title element. Open the styles.css file and locate the "sticky” comment and create a style rule for the sticky class selector with the following rules: Add a declaration for the position property with a value of -webkit-sticky. Add a declaration for the position property with a value of sticky. Add a declaration for the top property and specify a 0 value. Refresh your page, and scroll down to view the changes. In the index.html file, use the empty paragraph element within the sticky div element to briefly explain how to use the sticky position. In the styles.css file, locate the “relative” comment and create a style rule for the relative class selector with the following declarations: Add a declaration for the position property with a value of relative. Add another declaration for the top property and specify a value of 90px. Add another declaration for the left property…arrow_forwardCreate 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 methodsarrow_forward
- I need this assignment solved. Below I've attached the index.hmtl and styles.cssarrow_forwardGo to the cw_home.html and cw_styles.css files and enter your name and the date in the comment section of each file. In cw_styles.css file and at the top of the file, use the @import rule to import the contents of the cw_designs.css file, which contains several style rules that format the appearance of different page elements. Go to the cw_home.html file and within the document head, insert a meta element that sets the browser viewport for use with mobile devices. Also, create links to cw_reset.css and cw_styles.css style sheets. Take some time to study the contents and structure of the document.arrow_forwardTask 2: In this task, you will modify the javajam.css file to update the current JavaJam website to a two-column layout and style the hero image on each page. Configure the CSS. Open javajam.css in a text editor. Edit the style rules as follows:(javajam.css code is included below since CSS files can not be attatched.). Please show end result CSS code. body {background-color: #FCEBB6; color: #221811; font-family: Verdana, Arial, sans-serif; background-image: url(../images/background.gif); } #wrapper { width: 80%; margin-right: auto; margin-left: auto; min-width: 900px; max-width: 1280px; box-shadow: 3px 3px 3px #666666; } header {background-color: #D2B48C; height: 150px; background-image: url(../images/javajamlogo.jpg); background-repeat: no-repeat; } h1 { padding-top: 45px; padding-left: 220px; font-size: 3em; } nav { text-align: left; font-weight: bold;…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning