Photo AI
A new website is being designed to help teenagers and young adults apply for online learning courses - Scottish Highers Computing Science - Question 19 - 2023
Question 19
A new website is being designed to help teenagers and young adults apply for online learning courses. One of the pages of the website should allow users to enter all... show full transcript
Worked Solution & Example Answer:A new website is being designed to help teenagers and young adults apply for online learning courses - Scottish Highers Computing Science - Question 19 - 2023
Step 1
Using the information above, draw a wireframe design for this web page.
Answer
The wireframe for the web page should include labeled fields for:
- Full Name: A text input that allows users to enter their full name.
- Email Address: An email input field to ensure valid email entries.
- Date of Birth: A date input field that allows selection of a date.
- Recent Work Experience: A larger text area for users to describe their recent work experience.
- Most Recent Type of Education: A dropdown menu for users to select their most recent type of education (school, college, or university).
- Submit Button: A button to submit the entered information.
Step 2
State two reasons why the navigation bar did not display as intended.
Answer
- The 'list-style-type: none;' CSS rule may not have been properly applied, preventing the list items from removing the default bullet points.
- The color of the links when hovered over may not be visible if the background color is similar to the text color defined in the CSS, making them indistinguishable.
Step 3
Explain the difference between these two CSS rules.
Answer
CSS Rule 1 applies specifically to the anchor links within list items when they are hovered over and changes their color to white, while CSS Rule 2 changes the color of all anchor links on the page to yellow when hovered over. Thus, Rule 1 is more specific to list item links, while Rule 2 applies more broadly.
Step 4
Describe two reasons why users may have different experiences when testing the same website.
Answer
- Users may be testing the website on different devices or screen resolutions, which can affect the layout and design appearance.
- Different web browsers interpret CSS and HTML differently, leading to variations in how the website is displayed across browsers.