Web Programming with html5, css, and JavaScript

266
CHAPTER 6
 
Links and Images 

---

5. 
[after Section 6.7] Provide three CSS rules that implement links as follows. All links should 
have no underlining. Unvisited links should be dark green. Visited links should be pink.
6. 
[after Section 6.9] How many different levels of transparency can a PNG image have?
7. 
[after Section 6.9] Download and install GIMP on your home computer. Use GIMP to 
create a red-bordered heart icon with a transparent outer background and a white interior. 
Paste your heart icon on top of other text such that the heart’s transparent background is 
obvious. Note the following example, with two of the hearts pasted on top of some arbitrary 
large-font text:
Some arbitrary large-font text
8. 
[after Section 6.12] Find a device emulator website that shows what responsive web pages 
look like on different user-specified platforms. Load Figure 6.17’s Dominican Republic Kids 
web page into an emulator for the latest iPhone. Provide a screenshot of the result.
267
Exercises

---

Project
Create a web page named 
weather.html
 that mimics the following displayed page, except:
▸
Use a picture different from the one shown.
▸
Use cities different from those shown continents can be the same or different).
Near the top of the web page, Africa, Australia, and South America are links to their associated areas 
below the picture. The links have their underlines turned off. When the user’s mouse hovers over one 
of the links, the background color turns to silver. To implement that effect, use CSS, not JavaScript. In 
the web page, the user is hovering over the South America link, and that’s why its background is silver 
and there’s a South America URL at the bottom of the page (the URL appears by default).
Note: 
▸
You must include at least three continents. For each continent, you must include at least 
two links to city weather pages.
▸
Your city weather links must link to working web pages (use a search engine to find such pages).
▸
You must use CSS table properties (not a 
table
element) to position the continent and 
city names.
© v
alde
zrl/Shutt
erst
ock
, Inc
.