Photo AI
12. ScotDance is a dance school which provides classes for children - Scottish Highers Computing Science - Question 12 - 2019
Question 12
12. ScotDance is a dance school which provides classes for children. A website is being created to display information about the dance school and to allow people to ... show full transcript
Worked Solution & Example Answer:12. ScotDance is a dance school which provides classes for children - Scottish Highers Computing Science - Question 12 - 2019
Step 1
Write the new CSS rules required to style both the header and main elements in the most efficient way.
Answer
To efficiently style both the header and main elements, CSS grouping selectors can be used. The CSS rule can be written as follows:
header, main {
background-color: white;
margin-top: 20px;
margin-bottom: 20px;
}
header {
height: 390px;
}
Step 2
Using this information, draw a wireframe design for the form on the Studio Hire web page.
Answer
The wireframe design would include form fields for:
- Name (Text Input)
- Mobile number (Text Input)
- Date required (Date Picker)
- Session (Dropdown List with options: Morning, Afternoon, Evening)
- Additional information (Textarea with a 400 character limit)
- Submit button.
This design visually aligns the elements vertically, ensuring clarity in input areas.
Step 3
Step 4
Step 5
State the change required to the HTML code to ensure that most email addresses can be entered on the form.
Answer
To ensure that most email addresses can be accepted, the 'maxlength' attribute should be defined with an appropriate length, such as 254 characters. The updated line will look like this:
<input type="text" name="email" size="45" maxlength="254" required>
Step 6
Describe two reasons for using a dropdown list rather than radio buttons on a form.
Answer
- Space Efficiency: Dropdown lists occupy less space on the form compared to radio buttons, especially when there are multiple options.
- User Experience: Dropdowns can be easier to navigate when there are many choices, as they minimize visual clutter and allow for quicker selection.
Step 7