2017 Final Exam

Question 1

a. What is the difference between active White Space and Passive White Space? [4 marks]

Question 2

b. When you start to build floating layouts, you will often see that the floating elements extend beyond their containing elements, which will result in a “broken” layout.
From the above scenario, State two (2) methods that can be used to fix the problem of “broken” layout [4 marks]

Question 3

c. When does Column drops occur? [2 marks]

Question 4

d. List and describe four graphics or Image file formats that can be used for web. [12 marks]

Question 5

e. State three (3) resources where you can find Images

Question 6

a. In addition to providing links to other sections in the web site, effective navigation includes providing cues to the user’s location. State the four (4) navigation questions that the user should be able to answer

Question 7

Define Breadcrumb path

Question 8

Define Contextual link

Question 9

Define Fragment identifier

Question 10

c. Many web sites present too much information at one time. Lengthy files that require scrolling or have arrays of links and buttons can frustrate and overwhelm the users. State and describe three (3) ways that can be used to limit information overload [6 marks]

Question 11

d. What is the purpose of creating HTML tables in web pages? [1 mark]

Question 12

e. What are the three (3) basic table elements

Question 13

f. Using CSS, Write a style rule to create a table with an outside border only. [5 marks]

Question 14

b. Create an image for the submit button using HTML

Question 15

c. State the difference between Get and Post in the way the data is sent to the server

Question 16

a. Name and describe three (3) main elements of responsive design

Answer 16

Responsive web design is defined simply as building a website that works on all devices and screen sizes. It is and always has been about creating sites that work on any device and any screen size. These designs are targeted to meet the needs of users of all kinds.
1. Media Queries
Media queries are supported by the latest web browsers and work by creating media queries. They are called “media queries” and can be used in various ways, such as in connection with the layout of a page or as part of the content of an application.
They also permit designers to fabricate various formats utilizing similar HTML archives by specifically serving templates dependent on the client specialist’s highlights, like the browser’s window’s size.
2. Web Browser
Since websites can contain many images, it is essential to keep these images fluid too. The thought behind liquid pictures is that you convey concepts at the greatest size they will utilize. In responsive web pages, designers don’t announce the stature and width in your code; instead, they let the browsers resize the pictures on a case by case basis while utilizing CSS to manage their relative size. It’s an extraordinary and straightforward procedure to resize images correctly.
3. Website interface (JavaScript, HTML, and CSS)
Many mobile devices are touchscreen nowadays, which requires mindfulness of the size of the interactive elements within interfaces.
Aside from the flexibility of images, usage of native controls such as keyboards and drop-out menus should be optimized so it can provide a great experience to its users, whether it’s on mobile or desktop.

Question 17

d. Create a hypertext image using HTML code and include a style to remove the default hypertext border. Make sure that you reserve the space for the image.