Bailey's Dog Kennels is developing a website - Scottish Highers Computing Science - Question 16 - 2019
Question 16
Bailey's Dog Kennels is developing a website. The website will have a multi-level structure, consisting of a home page with a horizontal navigational bar that links ... show full transcript
Worked Solution & Example Answer:Bailey's Dog Kennels is developing a website - Scottish Highers Computing Science - Question 16 - 2019
Step 1
Design a multi-level structure for this website.
96%
114 rated
Only available for registered users.
Sign up now to view full answer, or log in if you already have an account!
Answer
The multi-level structure for Bailey's Dog Kennels website would encompass the following top-level pages:
Home Page
Kennels
Grooming
Treatments
Costs
Photos
Gallery
Contact Us
Step 2
Complete the CSS below to style the header.
99%
104 rated
Only available for registered users.
Sign up now to view full answer, or log in if you already have an account!
Sign up now to view full answer, or log in if you already have an account!
Answer
Descendant selectors are used to apply styles in a hierarchical manner, ensuring that the styles are specifically targeted to the elements nested within certain parent elements. By doing this, it maintains clarity in the styling and organization of the CSS, allowing for consistent formatting across related elements.
Step 4
Describe how the navigational bar changes when the pointer is moved over one of the hyperlinks.
98%
120 rated
Only available for registered users.
Sign up now to view full answer, or log in if you already have an account!
Answer
When the pointer is moved over one of the hyperlinks, the background color of that specific link changes to black, and the text color changes to white. This visually indicates to users that the hyperlink is interactive and enhances user experience.
Step 5
Identify the line of code that allows this to happen.
97%
117 rated
Only available for registered users.
Sign up now to view full answer, or log in if you already have an account!
Answer
The line of code that allows this interaction is:
nav a:hover{
background-color:black;
color:white;
}
Step 6
Write the new function to display the original image when the mouse is moved away from the image.
97%
121 rated
Only available for registered users.
Sign up now to view full answer, or log in if you already have an account!
Answer
function mouseaway(my_image) {
my_image.src = 'images/Bailey1.png';
}
Step 7
Re-write the appropriate HTML element to call the function created in part (i) when the mouse is moved away from the image.
96%
114 rated
Only available for registered users.
Sign up now to view full answer, or log in if you already have an account!
Describe one environmental benefit to using a heating system which is intelligent.
99%
104 rated
Only available for registered users.
Sign up now to view full answer, or log in if you already have an account!
Answer
One environmental benefit of using an intelligent heating system is its ability to optimize energy consumption based on real-time conditions, which reduces waste and lowers carbon emissions. This leads to a more sustainable energy use while maintaining comfortable temperatures.
Join the Scottish Highers students using SimpleStudy...
