Computers and Technology, 20.02.2020 19:59 gdkhya
Using your editor, open the wc_styles_txt. css file from the html05 [image] case2 folder. Enter your name and the date in the comment section of the file, and save it as wc_styles. css.
Open the wc_hole01.html file in your editor. For this case problem, you do not need to modify any HTML files, but you should take some time to study the contents and structure of this document (the other 17 HTML files have a similar structure). When you’re finished studying the file, you may close it without saving any changes you may have inadvertently made.
Return to the wc_styles. css file in your editor. Use the @import rule to import the style rules from the wc_designs. css file. Write the rule so that the imported style sheet should only be used with screen devices.
You’ll layout the golf course pages using a flex layout. Go to the Flex Layout Styles section and create a style rule for the page body that displays the body as a flexbox oriented in the row direction with wrapping. As always, include the WebKit browser extension in all of your flex styles.
Two of the child elements of the page body are a navigation list with the ID hole_list and an article element containing information about the current hole. Add a style rule that sets the flex growth, shrink, and basis size values of the hole_list navigation list to 1, 3, and 140 pixels.
Add a style rule that sets the flex growth, shrink, and basis size values of the article element to 3, 1, and 341 pixels.
The article element contains statistics and a summary about the current hole. Michael also wants this element to be treated as a flexbox. Add to the style rule for the article element styles that display the element as a flexbox oriented in the row direction with wrapping.
The two items within the article element are a section element with the ID stats and a section element with the ID summary. Create a style rule for the stats section that sets its flex growth, shrink, and basis values to 1, 4, and 120 pixels.
Create a style rule for the summary section that sets its flex growth, shrink, and basis values to 4, 1, and 361 pixels respectively.
The aside element contains an advertisement for other services offered by the Willet Creek Resort. Add a style rule that displays this element as a flexbox in row orientation with wrapping.
Information about individual services are saved in a div element within the aside element. Michael wants these div elements to be laid out with equal flex sizes. Create a style rule for every div element within the aside element that sets the flex growth and shrink values to 1 and the basis value to 180 pixels.
Next, you’ll design the layout for the mobile version of the page. Go to the Mobile Styles section and add a media query for screen devices with a maximum width of 480 pixels.
Under the mobile layout, Michael wants the navigation list containing links to the 18 holes on the course to be displayed near the bottom of the page. Create a style rule that sets the flex order of the hole_list navigation list to 99. Create a style rule that sets the flex order of the footer to 100.
To reduce clutter, Michael wants the horizontal navigation list at the top of the page to be hidden unless the user taps a navicon. Create this hidden menu system by adding the following style rules to
hide the display of the ul element within the horizontal navigation list.
change the display property of the ul element to block if the user hovers over the navicon hypertext link or hovers over the unordered list within the horizontal navigation list. (Hint: Review the hover discussion in session 5.2 as needed.)
Michael also wants to hide the aside element when the page is viewed on a mobile device. Add a style rule to accomplish this.
Next, you’ll create the styles that will be used for tablet and desktop devices. Create a media query for all screen devices with a width of at least 481 pixels.
Within the media query, create a style rule that hides the display of the navicon.
For these wider screens, Michael wants the horizontal navigation list to be laid out within a single row. Create a style rule that changes the display of the ul element within the horizontal navigation list to a flexbox that is oriented in the row direction with no wrapping.
For every list item in the ul element in the horizontal navigation list, set the growth and shrink values to 1 and the basis value to auto so that the list items grow and shrink together on the same row.
Answers: 3
Another question on Computers and Technology
Computers and Technology, 21.06.2019 20:30
In the context of it jobs in the information systems field. a is responsible for database design and implementation
Answers: 3
Computers and Technology, 22.06.2019 22:20
Pp 4.1 design and implement a class called sphere that contains instance data that represents the sphere’s diameter. define the sphere constructor to accept and initialize the diameter and include getter and setter methods for the diameter. include methods that calculate and return the volume and surface area of the sphere (see pp 3.5 for the formulas). include a tostring method that returns a one-line description of the sphere. create a driver class called multisphere, whose main method instantiates and updates several sphere objects.
Answers: 1
Computers and Technology, 23.06.2019 01:40
Writing a modular program in visual c++. i am new to this and not sure what i am missing. i am getting the following error: baddate.cpp: in function ‘int main()’: baddate.cpp: 50: 3: error: ‘else’ without a previous ‘if’elsehere are the instructions and code: writing a modular program in c++in this lab, you add the input and output statements to a partially completed c++ program. when completed, the user should be able to enter a year, a month, and a day. the program then determines if the date is valid. valid years are those that are greater than 0, valid months include the values 1 through 12, and valid days include the values 1 through 31.notice that variables have been declared for you.write the simulated housekeeping() function that contains the prompts and input statements to retrieve a year, a month, and a day from the user.include the output statements in the simulated endofjob() function. the format of the output is as follows: month/day/year is a valid date.ormonth/day/year is an invalid date.execute the program entering the following date: month = 5, day = 32, year = 2014. record the output of this program.execute the program entering the following date: month = 9, day = 21, year = 2002. record the output of this /* program name: baddate.cppfunction: this program determines if a date entered by the user is valid.input: interactiveoutput: valid date is printed or user is alerted that an invalid date was entered*/#include bool validatedate(int, int, int); using namespace std; int main(){// declare variablesint year; int month; int day; const int min_year = 0, min_month = 1, max_month = 12, min_day = 1, max_day = 31; bool validdate = true; // this is the work of the housekeeping() method// get the year, then the month, then the daycout< < "enter the year"< > year; cout< < "enter the month"< > month; cout< < "enter the day"< > day; // this is the work of the detailloop() method// check to be sure date is validif(year < = min_year) // invalid yearvaliddate = false; else if (month < min_month || month > max_month) // invalid monthvaliddate = false; else if (day < min_day || day > max_day) // invalid dayvaliddate = false; // this is the work of the endofjob() method// test to see if date is valid and output date and whether it is valid or notif(validdate == true); {// output statementcout<
Answers: 1
Computers and Technology, 23.06.2019 01:50
Create a class named majors that includes an enumeration for the six majors offered by a college as follows: acc, chem, cis, eng, his, phys. display the enumeration values for the user, then prompt the user to enter a major. display the college division in which the major falls. acc and cis are in the business division, chem and phys are in the science division, and eng and his are in the humanities division. save the file as majors.java.
Answers: 2
You know the right answer?
Using your editor, open the wc_styles_txt. css file from the html05 [image] case2 folder. Enter your...
Questions
Mathematics, 13.10.2019 09:30
Biology, 13.10.2019 09:30
Physics, 13.10.2019 09:30
Mathematics, 13.10.2019 09:30
Computers and Technology, 13.10.2019 09:30
Geography, 13.10.2019 09:30
Mathematics, 13.10.2019 09:30
Mathematics, 13.10.2019 09:30
English, 13.10.2019 09:30
Chemistry, 13.10.2019 09:30
History, 13.10.2019 09:30
