Debre markos polytechnic college

Department of Web Development and Database Administration

Module Title: Creating a Simple Markup Language Document

Level I
Group Assignment

Operation Sheet - 1

Operation Title: Creating Website Folder Structure

Purpose: Before starting out on a website project, you should create a folder structure to contain
all the files for your website. It is essential that all your web page files, graphics and other files
are collected in the same place right from the start of your project.

Required tools and equipment: MS Windows Folder Utility

Procedures:

1. Start your Windows OS and open Documents

2. Create a new 'root' folder to store your pages and give it a name of your website(e.g.
my_website ), no space is required use underscore instead.

3. Create a separate folder under the 'root' folder name it images, where you store all the
graphics you use on the website.

4. Create another separate folder under the 'root' folder name it styles, where you store all
the styles you use in the website.

5. Create another separate folder under the 'root' folder name it scripts, where you store all
the scripts you use in the website.

6. Create additional separate folder under the 'root' folder name it pages, where you store all
the pages you use in the website.

7. Create one additional separate folder under the 'root' folder name it documents, where
you store all the documents you use on the website.

you can create additional folders based on the website requirements, those you created above,
specially from 3-5, are the common or basic folders for a websites.

1
 Debre markos polytechnic college
Department of Web Development and Database Administration
Module Title: Creating a Simple Markup Language Document

Group Assignment 30%

Part One:-True/False
Instruction-
 Each question consists of a statement that you must evaluate as either true or false.
 Decide if the statement is correct (true) or incorrect (false) based on the information
provided in the material.
 Write or select "True" if the statement is correct, or "False" if it is incorrect.
 Use your understanding of the material to determine the truthfulness of each
statement.
1. The first step in building a simple website is creating the technical specifications.
2. The quality of a website reflects the quality of the organization it represents.
3. A project brief helps define and clarify the client's needs for the website.
4. The style guide focuses solely on the technical specifications of the website.
5. Broken links, spelling mistakes, or inconsistent text can harm an organization's
reputation.
6. The quality assurance checklist must only comply with the client’s project brief, not web
standards.
7. The style guide may include specifications for fonts, colors, and multimedia styles.
8. Technical specifications ensure that a website functions correctly on specified
combinations of technology.
9. The project brief is not necessary for performing a final check of the website.
10. The technical specifications might specify preferred web browsers, operating systems,
and plug-ins.
Part Two:- Short Fill
Instruction-
 Each question contains a sentence with one or more blank spaces.
 Write the correct word or phrase in each blank space based on your understanding
of the material.
 Use the context of the sentence to help determine the correct answer.
 Double-check to ensure your answers are accurate and align with the content
you've learned.
1. The key element in choosing an appropriate markup language is the ______ of the
website.
2. XML allows developers to create their own ______ and classes of information.
3. The World Wide Web Consortium (W3C) develops protocols and guidelines to ensure
long-term ______ for the web.
4. Websites showcasing recent design examples include the ______ Awards and Cool
Home Pages.
5. If a site requires the latest plug-ins like Flash, developers should consider how users will
______

2
 6. Stakeholders in a website project might include management, marketing, and ______
advisors.
7. Accessibility considerations include addressing the needs of vision-impaired users and
users with ______ modem connections.
8. Markup languages such as MathML and RSS may require specific ______ to implement
them effectively.
9. Standards for the web are developed by the ______, an international group focused on
web protocols.
10. The choice of markup language is often influenced by project ______ such as time,
money, and resources.
Part Three:-Column Matching
Instruction-
 Each question consists of two columns. Your task is to match items in Column A with
their correct counterparts in Column B.
 Review all the options in Column A and Column B before attempting to match them.
 Use your knowledge of the material to determine the correct relationship between items
in both columns.
 Write the number or letter of the correct match next to each item in Column A, or draw a
line connecting the matching items if instructed to do so.
Column A Column B
1. HTML A. XML-based language for representing
2. XML . two-dimensional vector graphics
3. XHTML . B. XML-based file format family for web
4. DHTML . syndication, commonly used by news
5. WML sites and blogs.
6. SGML . C. XML-based format for representing
7. MathML music notation
8. SVG D. Markup language for handheld devices
9. RSS I. like mobile phones
10. MusicXML E. The metalanguage from which all web
markup languages are derived
F. Application of XML for representing
mathematical symbols and formulae
G. Describes the logical structure and
layout of a web document
H. Semantic language used to describe
data rather than its appearance
I. A stricter and cleaner version of
HTML, combining HTML and XML
J. Combines HTML, JavaScript, and CSS
to create dynamic content

3
 Debre markos polytechnic college
Department of Web Development and Database Administration
Module Title: Creating a Simple Markup Language Document

Group Assignment 30%

Answer key column Matching
1. H
2. I
3. J
4. E
5. F
6. G
7. A
8. B
9. C
10. D
Answer key true/false
1. False - The first step is to clarify the purpose and functions of the website and document
these requirements.
2. True
3. True
4. False - The style guide describes the desired look and feel of the website.
5. True
6. False - It must also comply with relevant web standards, such as those for HTML, CSS,
and accessibility.
7. True
8. True
9. False - The project brief is the starting point for a final check of the site.
10. True
Answer key short answer
1. Answer: purpose
2. Answer: tags
3. Answer: growth
4. Answer: Webby
5. Answer: find
6. Answer: legal
7. Answer: slow
8. Answer: skills
9. Answer: W3C
10. Answer: constraints

4
 Debre markos polytechnic college
Department of Web Development and Database Administration
Module Title: Creating a Simple Markup Language Document

Group Assignment 30%

Attendance Date 03/03.2017 E.C
ID NO
1. _________________
2. _________________
3. _________________
4. _________________
5. _________________
6. _________________
7. _________________
8. _________________
9. _________________
10. _________________
11. _________________
12. _________________
13. _________________
14. _________________
15. _________________
16. _________________
17. _________________
18. _________________
19. _________________
20. _________________
21. _________________
22. _________________
23. _________________
24. _________________
25. _________________
26. _________________
27. _________________
28. _________________
29. _________________
30. _________________

5
1.1.1 Absolute and relative addressing

Absolute addressing
<a href="http://www.example.com/users/jbrown/pics.htm">
Relative addressing
<a href="pics.htm">
Common form of relative addressing
<img src="images/picture_01.gif">

6
Debre markos polytechnic college
Department of Web Development and Database Administration
Module Title: Creating a Simple Markup Language Document

Individual Assignment 20%

Self Check – 1
Part One:-Short Answer and Explanation

Directions: Answer these questions:

1. The first step in building a simple website is to clarify ____________________________
and ___________________________.
The first step in building a simple website is to clarify why the website is needed and
what functions it needs to perform.

2. To building a simple website you need to understand ____________________________,

_______________________________ and ___________________________________.

You need to understand the purpose of the website, the audience you are trying to attract
and the design elements that will be needed to meet these requirements.

3. Write a brief description of what a markup language is.

What is markup language?
A markup language is a combination of text and information describing the text. This
extra information explains how the text should be displayed on a page. Markup languages
for the web use tags to tell a browser how to display text on a page.

4. Write at least 3 Markup Languages for the Web

Markup Languages for the Web

A. HTML (HyperText Mark-up Language)

B. XML (Extensible Mark-up Language)
C. XHTML (Extensible HyperText Markup Language)
D. DHTML (Dynamic HTML)
E. WML (Wireless Mark-up Language)
F. SGML (Standard Generalized Mark-up Language)

5. XHTML is a combination of _____________________ and ______________________.

XHTML is a combination of HTML and XML.

7
 6. Factors that affect your choice of mark-up language may be:
The key element in choosing an appropriate mark-up language will be the purpose of the
website.
7. Give a brief explanation of each of the following words:
a) Hypertext
b) Mark-up
c) Language
 Hypertext: text that you click to jump from document to document. This is a reference to
the ability of Web pages to link to one another
 Markup: tags that apply layout and formatting conventions to plain text. Literally, the
plain text is “marked up” with the tags.
 Language: a reference to the fact that HTML is considered a programming language.

7. What function do "tags" perform and how are they written? Give one example of a tag
and what it does.

HTML is simple and follows a few standards. HTML tags define all content (text and
images). Tags consist of text surrounded by a less-than < and a greater-than > sign. For
example, the <b> tag indicates that text should be bold.

9. You have been asked to create a website for a new Italian restaurant chain. When you meet the
marketing manager she tells you:
"We don't want any pizzas flying across the screen, or anything like that! We just want a simple
website that says 'quality'. We want a photo, addresses, phone numbers and a menu that changes
once a week. That's it."
10. Which of the following mark-up languages would you choose to build the site in and why?
A.HTML
B.SGML
C.XHTML
D.DHTML

8
Self Check - 2
Part two:-True/False
Instruction-
 Each question consists of a statement that you must evaluate as either true or false.
 Decide if the statement is correct (true) or incorrect (false) based on the information
provided in the material.
 Write or select "True" if the statement is correct, or "False" if it is incorrect.
 Use your understanding of the material to determine the truthfulness of each
statement.
1. The primary factor in choosing a markup language is the purpose of the website.
2. MathML is the best choice for building a simple brochure-style website.
3. Stakeholders always include only the technical team directly working on the project.
4. Audience needs, such as accessibility for vision-impaired users, should be considered
when selecting a markup language.
5. Web standards are irrelevant to the choice of a markup language for website
development.
6. The World Wide Web Consortium (W3C) develops protocols and guidelines for web
standards.
7. Choosing XML for a website always requires fewer resources than choosing HTML.
8. Your choice of markup language can be influenced by the skills and technology
available to you.
9. Animation and sound features are always recommended, regardless of audience needs.
10. It is important to assess stakeholder needs before beginning a web development project.

9
Answer key true/false
1. Answer: True
2. Answer: False
3. Answer: False
4. Answer: True
5. Answer: False
6. Answer: True
7. Answer: False
8. Answer: True
9. Answer: False
10. Answer: True

10
Task 1: Decide on a Markup Language

Recommended Markup Language: HTML5

Reasoning:

 HTML5 is the current standard and is compatible across modern browsers.

 It provides a well-structured format to display the logo, products, and information
without unnecessary complexities.
 It supports media elements without additional plugins and follows industry standards,
which ensures compliance and accessibility.

Task 2: Create Pixel Digital Products Folder Structure

1. Create Root Folder: Name it Pixel.

2. Subfolders:
o images: Store all website graphics and the company logo.
o styles: Store CSS files to control the website’s layout and design.
o scripts: For any JavaScript files if added in the future (for potential interactivity).
o pages: For storing individual HTML pages (e.g., index.html for the homepage).
o documents: Store manuals and other product information for customers to
download.

Example Folder Structure:

Pixel/
├── images/
├── styles/
├── scripts/
├── pages/
└── documents/

Task 3: Create a Requirements Document

Steps to Create Pixel_Website Document:

1. Title Page
o Title: Pixel Digital Products Website Requirements
o Company Logo: Insert the Pixel Digital Products logo here.
2. Table of Contents
o Overview
o Folder Structure
o Storyboard
3. Content for Each Section:
o Overview:

11
  The Pixel Digital Products website will showcase Pixel’s product
offerings, including digital cameras, equipment, and accessories.
Customers will be able to view products, find FAQs, and access product
manuals.
 The main target users are prospective customers seeking to learn about
and purchase Pixel's products.
 The website will be developed using HTML5 for compatibility, simplicity,
and adherence to web standards.
o Folder Structure:
 Describe the folder structure created in Task 2.
 Include a screenshot of the folder structure.

Task 4: Create the Pixel Digital Products Storyboard

1. Homepage:
o Display the company logo prominently.
o Include a navigation bar with links to "Home," "Products," "FAQs," and
"Manuals."
2. Products Page:
o List the products (DC100, DC250, DC500).
o Include images and brief descriptions of each product.
3. FAQs Page:
o Display a list of frequently asked questions about Pixel products.
4. Manuals Page:
o Provide downloadable links to user manuals for each product.

12
Short Answer Questions:

1. Who is credited with the development of HTML?

2. What was the original purpose of HTML?
3. What does the "hypertext" in HTML refer to?
4. What is the primary function of HTML?
5. What is the difference between HTML and XHTML?
6. Which HTML version introduced specific tags for multimedia content like audio and
video?
7. What file extension is typically used to save an HTML document?
8. Why should HTML tags be written in lowercase?
9. What type of document does HTML primarily format?
10. What is the root folder used for in web development?

True/False Questions:

1. HTML was developed in 1945.

2. HTML is a programming language.
3. HTML code is interpreted by web browsers.
4. The first graphical browser, Mosaic, was released in 1991.
5. HTML documents must be saved with a '.txt' file extension.
6. HTML is not case-sensitive.
7. XHTML requires all tags to be closed, even those that do not need to be in HTML.
8. HTML5 introduced specific tags for embedding audio and video content.
9. The <b> tag is used to make text bold in HTML.
10. You need special software to write HTML code.

Column Matching Questions:

Column A Column B
1. HTML A. A strict, XML-based version of HTML
2. <b> tag B. A file extension for HTML documents
3. XHTML C. Text editor to write HTML code
4. Notepad D. The tag for bold text
5. HTML5 E. Version that introduced <audio> and <video> tags
6. <strong> tag F. A version of HTML that builds on HTML4 with multimedia support
7. .html G. A document file for HTML web pages
8. Hypertext H. Links between web pages
9. Tim Berners-Lee I. Creator of HTML
10. <strong> vs <b> J. More semantically correct for bold text than <b>

13
Answers: short answer

1. Tim Berners-Lee
2. To define the structure of scientific documents and facilitate the sharing of
research information.
3. Text that links to other documents, allowing users to navigate between web pages.
4. To structure content on the web and tell a browser how to display it.
5. XHTML is a stricter version of HTML that uses XML syntax, requiring all tags to
be closed.
6. HTML5
7. .html or .htm
8. XHTML requires lowercase, and it's a good practice for consistency and future-
proofing.
9. Web pages (or HTML documents).
10. It is the main folder that contains all the files for a website.

Answers:

1. HTML → F. A version of HTML that builds on HTML4 with multimedia support

2. <b> tag → D. The tag for bold text
3. XHTML → A. A strict, XML-based version of HTML
4. Notepad → C. Text editor to write HTML code
5. HTML5 → E. Version that introduced <audio> and <video> tags
6. <strong> tag → J. More semantically correct for bold text than <b>
7. .html → G. A document file for HTML web pages
8. Hypertext → H. Links between web pages
9. Tim Berners-Lee → I. Creator of HTML
10. <strong> vs <b> → J. More semantically correct for bold text than <b>

Answers: true/false

1. False
2. False
3. True
4. False
5. False
6. True
7. True
8. True
9. True
10. False

14
 Debre markos polytechnic college
Department of Web Development and Database Administration
Module Title: Creating a Simple Markup Language Document

Group Assignment 55%

Part One:-True/False
Instruction-
 Each question consists of a statement that you must evaluate as either true or false.
 Decide if the statement is correct (true) or incorrect (false) based on the information
provided in the material.
 Write or select "True" if the statement is correct, or "False" if it is incorrect.
 Use your understanding of the material to determine the truthfulness of each
statement.

1. Attribute names and attribute values in HTML are case-sensitive.

2. The W3C recommends using lowercase attributes and attribute values in HTML4.
3. The id attribute is used to uniquely identify an element within an HTML page.
4. The id attribute can only be used once per HTML document.
5. The title attribute is displayed as a tooltip when the cursor hovers over the element.
6. The class attribute allows specifying multiple class names separated by commas.
7. The style attribute is used to write inline CSS directly in the HTML element.
8. The dir attribute specifies the alignment of text within an HTML element.
9. The dir attribute can take values ltr (left-to-right) and rtl (right-to-left).
10. The lang attribute specifies the primary language of the document using ISO-639
language codes.
11. The xml:lang attribute replaces the lang attribute in XHTML documents.
12. The align attribute is used to vertically align text within an HTML element.
13. The bgcolor attribute allows setting a background color using numeric, hexadecimal, or
RGB values.
14. The width and height attributes can only be used for images.
15. The title attribute is used to classify an element for use with CSS.

Part Two:-Multiple Choice Questions

1. Which HTML tag is used to display text in bold?

A) <i> C) <u>
B) <b> D) <strike>

2. Which HTML tag is used to create italicized text?

A) <b> C) <u>
B) <i> D) <mark>

3. What does the <u> tag do?

15
 A) Displays underlined text C) Displays italicized text
B) Displays bold text D) Displays strikethrough tex

4. Which HTML tag is used to display text with a strikethrough?

A) <big> C) <ins>
B) <strike> D) <del>

5. What does the <sup> tag do?

A) Displays text in subscript C) Displays bold text

B) Displays text in superscript D) Displays italicized text

6. Which tag is used for marking text with yellow ink?

A) <mark> C) <dfn>
B) <abbr> D) <kbd>

7. What does the <q> tag represent?

A) A citation
B) A short quotation
C) A computer code block
D) A special term
8. Which tag is used for monospaced font?

A) <big> C) <kbd>
B) <tt> D) <samp>

9. What is the purpose of the <address> tag?

A) To create a hyperlink
B) To display a physical address
C) To mark text as deleted
D) To emphasize text
10. Which tag is used to indicate programming variables in HTML?

A) <kbd> C) <var>
B) <samp> D) <abbr>

11. What does the <ins> tag represent?

A) Inserted text C) Superscript text

B) Deleted text D) Subscript text

12. Which tag is used for program output?

16
 A) <code> C) <kbd>
B) <samp> D) <dfn>

13. What is the function of the <bdo> tag?

A) Highlights text C) Overrides text direction

B) Marks important text D) Displays text in bold

14. Which tag is used to emphasize text?

A) <strong> C) <em>
B) <mark> D) <dfn>

15. What is the correct HTML tag for abbreviations?

A) <abbr> C) <mark>
B) <acronym> D) <dfn>

16. Which attribute of the <font> tag is used to set the size of the text?

A) face C) size
B) color D) type

17. What is the default font size in HTML if not specified?

A) 1 C) 5
B) 3 D) 7

18. How do you specify a font size that is larger relative to the default size?
A) <font size="larger">
B) <font size="+1">
C) <font size="big">
D) <font size="large">
19. What happens if the specified font face is not installed on the user’s computer?
A) The text is not displayed.
B) The default font face is used.
C) The browser displays an error.
D) The font face is downloaded automatically.
20. Which tag is used to set a default font size, color, and typeface for the entire
document?

A) <font> C) <basefont>
B) <style> D) <body>

17
21. What does the <font> tag’s color attribute accept?
A) Only hexadecimal color codes
B) Only named colors
C) Both named colors and hexadecimal codes
D) Only RGB values
22. Which of the following is the correct way to set alternate font faces?
A) <font face="arial">
B) <font face="arial, helvetica">
C) <font face="arial-alternate">
D) <font face="alternate-arial">
23. Which of the following is NOT true about the <font> tag?
A) It is deprecated in modern HTML.
B) It supports attributes like size, color, and face.
C) It is used to define inline styles for fonts.
D) It cannot be overridden by CSS.
24. What does the <basefont> tag allow you to do?
A) Define a specific section’s font settings
B) Override <font> tag attributes
C) Set default font properties for the entire document
D) Create dynamic fonts
25. What is the purpose of listing multiple font names in the face attribute?
A) To display all fonts in sequence
B) To provide fallback options if the first font is not available
C) To enhance compatibility with CSS
D) To display custom fonts automatically
26. Which attribute of the <basefont> tag allows you to set the default font size?

A) type C) default
B) size D) font

27. What does size="-1" mean in a <font> tag?

A) Reduce the font size by one level relative to the default.
B) Set the smallest possible font size.
C) Increase the font size by one level relative to the default.
D) Use the browser's smallest supported font size.

28. What is the default background color of an HTML webpage?

A) Black C) Transparent
B) White D) Gray

29. Which attribute is used to set the background color of an HTML element?

A) background C) color
B) bgcolor D) bgimage

18
30. Which format is NOT valid for specifying the bgcolor value?
A) Color name C) RGB value
B) Hexadecimal value D) HSL value

31. What is recommended for creating patterned or transparent backgrounds?

A) Use large high-resolution images
B) Use small dimensions, such as 1x1 pixels
C) Use only JPEG images
D) Avoid using background images
32. Which of the following is true about the background attribute?
A) It is recommended for modern web design.
B) It is deprecated and should be replaced with CSS.
C) It only supports PNG images.
D) It must be used for patterned backgrounds
33. Which attribute of the <body> tag sets the color for active links?

A) alink C) link
B) vlink D) text

34. What does the vlink attribute control?

A) Color of unvisited links C) Color of visited links

B) Color of active links D) Color of all text

35. Which of the following is NOT a method to specify colors in HTML?

A) Color names C) RGB values

B) Hexadecimal codes D) HSL values

36. How is a hexadecimal color code structured?

A) As a single number from 0 to 255
B) As a six-digit code preceded by #
C) As a percentage value
D) As three numbers separated by commas
37. What is the RGB representation for pure blue?

A) rgb(0, 0, 255) C) rgb(0, 255, 0)

B) rgb(255, 0, 0) D) rgb(255, 255, 255)

38. Which of the following is true about "browser-safe" colors?

A) They use HSL notation.
B) They are supported on all modern devices.
C) They range from #000000 to #FFFFFF.
D) They are limited to 16 W3C standard colors.

19
 39. Which <body> attribute changes the color of linked text?

A) bgcolor C) link
B) alink D) vlink

40. Why is it recommended to avoid the RGB method for specifying colors?
A) It is too complex to use.
B) It is not supported by all browsers.
C) It does not allow for precise color representation.
D) It does not support hexadecimal values.

Answer sheet true/false

1. _________ 6. _________ 11. _________

2. _________ 7. _________ 12. _________
3. _________ 8. _________ 13. _________
4. _________ 9. _________ 14. _________
5. _________ 10. _________ 15. _________

Answer sheet multiple choice

1. _________ 15. _________ 29. _________

2. _________ 16. _________ 30. _________
3. _________ 17. _________ 31. _________
4. _________ 18. _________ 32. _________
5. _________ 19. _________ 33. _________
6. _________ 20. _________ 34. _________
7. _________ 21. _________ 35. _________
8. _________ 22. _________ 36. _________
9. _________ 23. _________ 37. _________
10. _________ 24. _________ 38. _________
11. _________ 25. _________ 39. _________
12. _________ 26. _________ 40. _________
13. _________ 27. _________
14. _________ 28. _________

20
 Debre markos polytechnic college
Department of Web Development and Database Administration
Module Title: Creating a Simple Markup Language Document

Group Assignment 55%

1. Answer: False
2. Answer: True
3. Answer: True
4. Answer: True
5. Answer: True
6. Answer: False (It uses spaces, not commas.)
7. Answer: True
8. Answer: False (It specifies the direction of text flow.)
9. Answer: True
10. Answer: True
11. Answer: True
12. Answer: False (It aligns text horizontally.)
13. Answer: True
14. Answer: False (They can also be used for tables and table cells.)
15. Answer: False (The class attribute is used for this purpose.)

1. Answer: B) <b>
2. Answer: B) <i>
3. Answer: A) Displays underlined text
4. Answer: B) <strike>
5. Answer: B) Displays text in superscript
6. Answer: A) <mark>
7. Answer: B) A short quotation
8. Answer: B) <tt>
9. Answer: B) To display a physical address
10. Answer: C) <var>
11. Answer: A) Inserted text
12. Answer: B) <samp>
13. Answer: C) Overrides text direction
14. Answer: C) <em>
15. Answer: A) <abbr>
16. Answer: C) size
17. Answer: B) 3
18. Answer: B) <font size="+1">
19. Answer: B) The default font face is used
20. Answer: C) <basefont>
21. Answer: C) Both named colors and hexadecimal codes
22. Answer: B) <font face="arial, helvetica">

21
23. Answer: D) It cannot be overridden by CSS.
24. Answer: C) Set default font properties for the entire document
25. Answer: B) To provide fallback options if the first font is not available.
26. Answer: B) size
27. Answer: A) Reduce the font size by one level relative to the default.
28. Answer: B) White
29. Answer: B) bgcolor
30. Answer: D) HSL value
31. Answer: B) Use small dimensions, such as 1x1 pixels
32. Answer: B) It is deprecated and should be replaced with CSS.
33. Answer: A) alink
34. Answer: C) Color of visited links
35. Answer: D) HSL values
36. Answer: B) As a six-digit code preceded by #
37. Answer: A) rgb(0, 0, 255)
38. Answer: C) They range from #000000 to #FFFFFF.
39. Answer: C) link
40. Answer: B) It is not supported by all browsers.
41. Answer: C) Pink

22
 Debre markos polytechnic college
Department of Web Development and Database Administration
Module Title: Creating a Simple Markup Language Document

Group Assignment 55%

Date 04/03/2017

NO ID NO Sign

1. _________________ _____________
2. _________________ _____________
3. _________________ _____________
4. _________________ _____________
5. _________________ _____________
6. _________________ _____________
7. _________________ _____________
8. _________________ _____________
9. _________________ _____________
10. _________________ _____________
11. _________________ _____________
12. _________________ _____________
13. _________________ _____________
14. _________________ _____________
15. _________________ _____________
16. _________________ _____________
17. _________________ _____________
18. _________________ _____________
19. _________________ _____________
20. _________________ _____________
21. _________________ _____________
22. _________________ _____________
23. _________________ _____________
24. _________________ _____________
25. _________________ _____________
26. _________________ _____________
27. _________________ _____________
28. _________________ _____________
29. _________________ _____________
30. _________________ _____________

23