2018 SUPP

Question 1

b. Write a style rule that select <ul> elements only when they appear within <p> elements, and set the color property to red.

Answer 1

ul > p {
color: red;
}

Question 2

a) A web page can contain both text and images. State four (4) other features which may also be included on a web page.

Answer 2

audio, forms , search bar and navigation menu

Question 3

b) Describe what a CSS Rule is?

Answer 3

A CSS rule combines a selector (like
h1 or .my-class) with a declaration block (properties and values like color: red; font-size: 16px;) to style elements on a webpage. It defines how an element should look.

Question 4

c) Discuss the difference between Fixed and Flexible web pages.

Answer 4

Fixed web pages have a set width that stays the same on all screens. This can lead to horizontal scroll bars on smaller screens and wasted space on larger ones.

Flexible web pages, also known as responsive layouts, use percentages and other flexible units to adjust their layout to fit the size of the screen they’re being viewed on. This provides a better user experience on all devices.

Question 5

i. List and explain three (3) considerations that one must follow when crafting the look and feel of the website.

Answer 5

Balance the design and content. access to your contenet and users should guide your design. always choose simple and direct designs that showcase content and allow easy access.

Plan for easy access to information. provide navigation choices to the user. provide direct links to your most popular pages.

Plan for clear presentation of your information.use plenty of white space. include plenty of headings.

Question 6

d. State the container element that is used to create a table

Answer 6

<table>
</table>

Question 7

c. In web design, the viewport is equal to the size of the browser window. In desktop devices the viewport can change based on the user’s browser window size, but on mobile devices the viewport is always the width of the device screen. The viewport on the handheld devices is much narrower than the desktop browser window, which causes problems with responsive web pages that are designed to change based on the screen resolution. Provide an HTML code fragment that will solve the problems caused by the narrower viewport

Answer 7

<meta></meta>

Question 8

d. State the container element that is used to create a table

Answer 8

<table>
</table>