Week 7 Quiz Flashcards

1
Q

What does the <!DOCTYPE> statement specify?

A

its specifies that the documents type becomes recognized by a web browser. it also helps the browser interpret the code correctly.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What are the main sections of an HTML document?

A

<!DOCTYPE> = its a declaration section that specifies the document type.

<html> = its the root element of the document.
<head> = it contains the metadata about the document.
<title> = it specifies the title of the web page
<body> = it conatins content displayed on the webpage
</body></title></head></html>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What is a well-formed document?

A

-a well formed document is well nested so that the code is clear and can be more understandable .
-and a well formed document follows the correct syntax rules.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What are 2 advantages of using an external style sheet?

A
  • easy maintainability because styles can be updated in one place for all linked pages.
  • there is consistency because styles can be applied to multiple pages for a uniform look.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

List three new HTML elements that are designed for sectioning

A

<article> , <nav> , <aside>
</aside></nav></article>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What does semantic markup mean?

A

its the descriptive markup that identifies the intended use of document sections

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What is a URL?

A

it is an address on the web that takes a user to a webpage. e.g https://www.bac.ac.bw

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What are the two types of URLs?

A

relative URLs and absolute URLs .

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What are the four parts of a complete URL?

A

protocol , domain name , path and file.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What type of URL links to another server?

A

its an absolute URL.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What type of URL links within a server?

A

relative URL

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Write a basic style rule that selects <h> elements and sets the color property to red.</h>

A

h1, h2, h3,h4, h5, h6 ,{ color: red; }

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Add the <p> element as an additional selector to the rule you created for Question 12

A

h1, h2, h3, h4, h5,h6, p { color: red; }

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Add a font-size property to the rule, and set the size to 120 %

A

h1 h2 h3 h4 h5 h6 p { color: red; font-size: 120%; }

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

There are a number of factors that affect Web Design. Name any four (4) factors and describe how they can be solved.

A

-broswer compatibility issuses. try to minmize differnces across browesers
-connetion speed issuess. plan the pages for a variety of connection speeds.
- devices and operating systems issues. test the the content in many devies and keep in mind of font choices
- screen resolution issues. create flexible design for the website

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

List any four variables to consider when testing your website.

A

-broswer compatibility
-connetion speed
- devices and operating systems
-screen resolutions

17
Q

You have an image called logo.png. Write down the markup to display it on webpage. (Only the markup is needed).

A

<img></img>

18
Q

What is a wireframe in web design?

A

its a basic sketch that shows how the page on how the page will be organized , where content will go and how users will naviagate. It like a blueprint of a website.

19
Q

List any two (2) types of CSS measurement units you know of.

A

pixels (px) , percentage (%)

20
Q

There are many ways to select elements in CSS. State and explain any two element selection techniques.

A

class selector = a “.” is used by the class name assigned to an element in the html document using the “ class attribute” .

Id selector = a “#” is used . a unique id is assigned to an element in the HTML using the id attribute.

21
Q

One of the questions that are always asked when designing for the user is “How much content is too much?” What does this question mean when designing for the user in web development?

A

Balance Design and Content. having unnecessary design elements can distract the user .

-Plan for easy access to information. content should organized in navigable set of information.

-Plan for clear presentation of your information. design information to be easy to read and legible.

22
Q

What are the objectives for developing a website?

A

Providing Online Services or Resources ,Driving Engagement and Interaction ,Educating and Informing

23
Q

Under the Requirements and Specifications stage of a web development project lifecycle, the client presents the requirements for the web site. Requirements are the list of customer needs. Provide five (5) examples of the customer needs that could be found on the Requirements and Specifications stage.

A

-technical requirements. it invloves if the website will need any integrations such as payment gateway.
-target audience. dealing with who the website is for.
-the type of content the client desires to display e.g images, videos
-functionality features on the website. e.g a function whereby a users can create users accounts .
-the look and feel of the website. its whereby the customer present their preferred style and layout sketches.

24
Q

Explain the following types of websites?
i. Wikis
ii. RSS (Real Simple Syndication)
iii. Virtual Gallery
iv. Product Support
v. Intranet& extranet

A

-wikis are collaborative websistes wher by people can create , edit and share information on topics. e.g wikipedia
- Real Simple Sydication - its a technology used to follow updates from websites or blog. a person can use this to show him/her the latest news headlines.
-virtual gallery can be an online museum. they showcase photgraphs and artworks digitally.
- product support. its a website that can offer chat support assistance to customers and trouble shooting guides.
- intranet and extranet. these are private networks that can only be accessed by employees of an organization and not the public.

25
Q

With examples, explain the following HTML 5 element categories.

i. Flow Content
ii. Sectioning Content
iii. Heading Content

A

-flow content elements are responsible for establishing the basic reading order of your web . e.g paragraphs<p> , <ul> <ol> for lists and images <img></img> .

-sectioning content elements define the specific sections of a web pages content. this gives more meaning and great organization. e.g <header> <footer> for top and bottom section , <nav> for menus and <articles> which are for self contained pieces e.g bloq post.</articles>

-heading content elements are responsible for represnting headings in different sizes and importance in the webpage. e.g <h1> , <h2> ,<h5> and <h6> can be used for titles and subtitles.

26
Q
A