70 likes | 198 Views
COS 125. DAY 18. Agenda. Assignment #4 Corrected 6 A’s, 1 B, 2 C’s, 1 D, 1 F and 2 non-submits Assignment #5 Due Capstone Progress Reports Due Exam #3 will March 26 Castro Chaps 1-7 Lecture/Discuss Creating and Applying Styles. Assignment #4. A Title of “assignment #4”
E N D
COS 125 DAY 18
Agenda • Assignment #4 Corrected • 6 A’s, 1 B, 2 C’s, 1 D, 1 F and 2 non-submits • Assignment #5 Due • Capstone Progress Reports Due • Exam #3 will March 26 • Castro Chaps 1-7 • Lecture/Discuss Creating and Applying Styles
Assignment #4 • A Title of “assignment #4” • <title>A title</title> • A least 3 of the 6 possible Section headers • Give each header a name and a title • <h1 id=”name” title=”name” ></h1> • A division, a paragraph and an in-line span • <div></div> • <p></p> • <span></span> • Add some comments • Your name • Date you created this web page • <!—Tony Gauvin March 25 2004 -->
Assignment #4 • Bold • <b></b> • Italic • <i></i> • Preformatted text • <pre></pre> • Big and small text • <big></big> • <small></small> • Monospaced text • <tty></tty> • <kbd></kbd> • Quoted text (with reference) • <blockquote cite=”url”></blockquote> • Superscript and subscript • <sub></sub> • <sup></sup>
Assignment 4 • A transparent gif of your name (Image 1) • page 93 of text • A animation of your name (Image 2) • page 101 of text • An photorealistic image downloaded from the web (Image 3) • Recompress to smaller file size but the same image size (Image 4) • Page 100 of text • Resize to half the original size (Image 5)
Assignment 4 • Make sure each image has alternate text and a title • <img src=”apicture.gif” alt=”aPicture” id=”name/> • Make sure you specify size for each image • <img src=”apicture.gif” alt=”aPicture” id=”name” width=”x” height=”y”/> • Rescale image 3 to 50% of Browser viewable width • <img src=”apicture.gif” alt=”aPicture” id=”name width=”50%” /> • Create some text describing Image 3 and create the following • float the text to the right of image 3 • <img src=”apicture.gif” alt=”aPicture” align=”left” id=”name width=”50%” /> <p></p> • float the text to the left of image 4 • <img src=”apicture.gif” alt=”aPicture” align=”right” id=”name width=”50%” /> <p></p> • Make sure you have a background color or image • <body bgcolor="#CCCCCC">
Quiz • 60 min • Open book • You can leave when you are finished • Password • 5weeksleft