-
Notifications
You must be signed in to change notification settings - Fork 1
/
ImageActivity.html
51 lines (44 loc) · 4.27 KB
/
ImageActivity.html
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Image Activity</title>
</head>
<body>
<header>
<h1>Activities - Images</h1>
<header>
<article>
<ol>
<li><strong>Part One:</strong> Create a simple Web page that talks about your day using only text and images. Include at least three images and add the alt and title attributes. </li>
<li><strong>Part Two:</strong> Look through the Web and your favorite Web sites and identify those that you think use a lot of decorative images.</li>
<li><strong>Part Three</strong> Create a HTML page and add the following types of images: Informative image that represents concepts and information, Decorative image, and Images of text.
</li>
</ol>
<h2>Part One: Day in the Life of an Egyptian Scribe</h2>
<p>The beginning of the teaching which the man of Tjel named Dua-Khety made for his son named Pepy, while he sailed southwards to the Residence to place him in the school of writings among the children of the magistrates, the most eminent men of the Residence. </p>
<p> As for a scribe in any office in the Residence, he will not suffer want in it. When he fulfills the bidding of another, he does not come forth satisfied. I do not see an office to be compared with it, to which this maxim could relate. I shall make you love books more than your mother, and I shall place their excellence before you. It is greater than any office. There is nothing like it on earth. When he began to become sturdy but was still a child, he was greeted (respectfully). When he was sent to carry out a task, before he returned he was dressed in adult garments.</p>
<img src="https://upload.wikimedia.org/wikipedia/commons/0/0a/GD-EG-Louxor-126.JPG" alt="An Egyptian Scribe Statue from Wikipedia" Title="An Egyptian Scribe Statue from Wikipedia" width="200"> <img src="https://upload.wikimedia.org/wikipedia/commons/7/7f/Ancient_Egyptian_Scribe%27s_palette_HARGM7677.jpg" alt="scribes palette from Wikipedia" title="scribes palette from Wikipedia" width="200">
<p>Scribes used a palette and papyrus or stone to record information.</p>
<article>
<article>
<h2>Part Two: Decorative Websites</h2>
<p>The following two websites have many decorative images used on their pages.</p>
<ol>
<li><a href="https://www.mfa.org/">https://www.mfa.org/</a></li>
<li><a href="https://www.commarts.com/">https://www.commarts.com/</a></li>
</ol>
</article>
<article>
<h2>Part Three: Specific Kinds of Images on a website.</h2>
<p>The following examples are drawn from <a href="https://www.w3.org/WAI/tutorials/images/">https://www.w3.org/WAI/tutorials/images/</a></a></p>
<ol>
<li>Informative Images: Used to convey a concept. In this case the image helps to convey the meaning of the idea. Here is my happy face. <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/129/smiling-face-with-open-mouth-and-smiling-eyes_1f604.png" alt="Happy face emoji" title="A happy face emoji" width="20px"> </li>
<li>Decorative image: These are the kinds of images that are purely decorative and should have a null alt text. In this example for the from the Museum of Fine Arts Boston the classic image of Winne the Pooh is purely decorative. You can see the original on this <a href="https://www.mfa.org/exhibitions/winnie-the-pooh">page</a>. <br><br>
<img src="https://mfas3.s3.amazonaws.com/styles/grid-2_thumbnail_retina/s3/4x3_10_0.jpg" alt="" width="100px"> </li>
<li>Images of text: Usually, images of text should not be used unless, they cannot be accomplished another way. Most text effects can be done through fonts and CSS3 rather than images. For instance, this hieroglyphic inscription from the pyramid of Unis could be written with a font if a suitable Ancient Egyptian unicode font was available. Since one is not, than an image is preferable. You can see the original on <a href="https://www.pyramidtextsonline.com/plate32.html">https://www.pyramidtextsonline.com/plate32.html</a><br><br><img src="https://www.pyramidtextsonline.com/Piankoff/P32.jpg" alt="photo of East Wall Lower Register" title="photo of the East Wall Lower Register in the pyramid of Unis" width="200px"></li>
</ol>
</article>
</body>
</html>