http://www.earlham.edu/~copelco/project/index.php
http://web.lexis-nexis.com/universe/
http://src.doc.ic.ac.uk/bySubject/Computing/Overview.html
http://vlib.org/Computing.html
http://www.einet.net/galaxy/Engineering-and-Technology/Computer-Technology.html
Styling
Set text color to White:
Q 1: what hex code does this produce?
Copy everything between the tags in the
section into the blog entry .Question 2: Does the background stop where the text stops?
Does the background stay a fixed width when you move the right side of the browser window in to the center?
What does this tell you about a block level tag?
Style whole page
Q 3a: What has changed about the text?
Preview in I.E, View —> Text Size (change)
Q 3b: What happens (if anything)?
Preview in Netscape, View —> Text Zoom (change)
Q 3c: What happens now?
Styling Image box
Q4a: Does anything show in the DW Design pane?
Preview with Netscape
Q4b : What do you see in the Netscape browser?
Q4c : What do you conclude?
Now copy all the styles in the section into the Extended Entry pane of your blog entry.
http://www.earlham.edu/~kurtisw/rugby.htm
1. In the img tag what do the attributes width and height represent? What units are they in?
(A) The attributes width and height represent the dimensions of the graphic (in pixels).
2. What attribute codes appear?
(A) name="jason_robinson" AND id="jason_robinson"
3. Which text appears as the pop-up, the alt or title text?
(A) The title text, "Jason's got the ball" appears as the pop-up.
4. Now which text appears as the pop-up, the alt or title text? Why does one need both alt and title attributes on a graphic?
(A) Once again, "Jason's got the ball" appears. Dreamweaver MX Tutorials, (1997-2002) says that the alt property uses “alternative text that appears in place of the image for text-only browsers or for browsers that have been set to download images manually. For visually impaired users who use speech synthesizers with text-only browsers, the text is spoken out loud. In some browsers, this text also appears when the pointer is over the image.”
5. What's happened to the picture? Has the image size changed? What else gives you a clue that something's amiss?
(A) The size has changed. Something is wrong because the proportions were not constrained when the image was resized.
6a. Where does the caption text appear?
(A) Directly underneath the photo.
6b. What happens to the graphic and caption?
(A) The caption remains on the left side, but the graphic is on the right.
6c. Now what happens?
(A) The graphic stays on the left side, and the caption is on the right.
7. What code gets added?
(A) The link tag for the article: a href=...
8. What has changed about the graphic?
(A) The thickness of the border has increased.
9. What happens when you click on the graphic? (2 things).
(A) A new window opens and links to the article.
You can view my HTML graphics exercise here:
http://www.earlham.edu/~kurtisw/rugby_pics.htm