2017 Final Exam Flashcards
a. What is the difference between active White Space and Passive White Space? [4 marks]
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]
c. When does Column drops occur? [2 marks]
d. List and describe four graphics or Image file formats that can be used for web. [12 marks]
e. State three (3) resources where you can find Images
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
Define Breadcrumb path
Define Contextual link
Define Fragment identifier
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]
d. What is the purpose of creating HTML tables in web pages? [1 mark]
e. What are the three (3) basic table elements
f. Using CSS, Write a style rule to create a table with an outside border only. [5 marks]
b. Create an image for the submit button using HTML
c. State the difference between Get and Post in the way the data is sent to the server
a. Name and describe three (3) main elements of responsive design
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.
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.