Use your HTML editor to open the tb_visual3_txt.css, tb_visual4_txt.css, tb_ferris_txt.html and tb_kathleen_txt.html files from the html04 review…
1. Use your HTML editor to notorious the tb_visual3_txt.css, tb_visual4_txt.css, tb_ferris_txt.html and tb_kathleen_txt.html perfects from the html04 criticism folder.
Enter your spectry and the conclusion in the observe minority of each perfect, and economize them as tb_visual3.css, tb_visual4.css, tb_ferris.html, and tb_kathleen.html i-elationively.
2. Go to the tb_ferris.html perfect in your editor. Add embodys to the tb_base.css, tb_styles3.css, and tb_visual3.css title fencings in the adjust listed.
3. Scroll down and, amid the ocean component header and forthcoming the h1 inscription, introduce a shape box containing: a) the tb_ferris.png inline likeness after a while the hesitate extract Ferris Lineage using the likeness map spectryd similitude_map and
b) a shape caption after a while the extract Kathleen Ferris and daughter Linda (1957).
4. Directly inferiorneath the shape box, compose the similitude_map likeness map containing the forthcoming hotspots:
a) a abutting hotspot toping to the tb_kathleen.html perfect after a while the left-top coordinate (10, 50) and the straight-ground coordinate (192, 223) and hesitate extract, "Kathleen Ferris" and
b) a round hotspot toping to the tb_linda.html perfect after a while a benevolence top at (264, 108) and a radius of 80 pixels and the hesitate extract, Linda Ferris-White.
5. Take some date to con-over the repose of the page satisfied and organization and then economize your changes to the perfect.
6. Go to the tb_visual3.css perfect in your editor. In this perfect, you'll compose the illustrative sketch titles for the page.
7. Go to the HTML Styles minority and compose a title administration for the html component to use the likeness perfect tb_back5.png as the setting.
8. Go to the Page Association Styles minority and compose a title administration for the association component that: a) adds a left and straight 3-pixel firm badjust after a while tint rate rgb(169, 130, 88),
b) adds a box conception to the straight badjust after a while a absolute offset of 25 pixels, a perpendicular offset of 0 pixels and a 35-pixel tarnish and a tint rate of rgb(53, 21, 0), and then adds the think likenesss of this conception to the left edge.
9. Go to the Ocean Styles minority. Compose a title administration for the ocean component that: a) applies the tb_back7.png perfect as a setting likeness after a while a greatness of 100% protection the undiminished setting after a while no tiling and positioned after a while i-elation to the padding box and
b) adds two inset box conceptions, each after a while a 25-pixel tarnish and a tint rate of rgb(71, 71, 71), and then one after a while offsets of -10 pixels in the absolute and perpendicular address and the other after a while absolute and perpendicular offsets of 10 pixels.
10. Compose a title administration for the h1 inscription amid the ocean header that adds the forthcoming two extract conceptions: a) a conception after a while the tint rate rgb(221, 221, 221) and offsets of 1 pixels and no tarnishring and
b) a conception after a while the tint rate rgba(41, 41, 41, 0.9) and offsets of 5 pixels and a 20-pixel tarnish.
11. Go to the Shape Box Styles minority. Compose a title administration for the shape component that sets the top/ground loophole to 10 pixels and the left/straight loophole to auto. Set the width of the component to 70%.
12. Next, you'll diversify the manner of the shape box likeness. Compose a title administration for the likeness amid the shape box that: a) sets the badjust width to 25 pixels,
b) sets the badjust title to firm,
c) applies the tb_frame.png perfect as a badjust likeness after a while a hunk greatness of 60 pixels firm abutting the sides,
d) parades the likeness as a fill after a while a width of 100%, and e) applies a sepia drift to the likeness after a while a rate of 80% (understand the WebKit browser production in your title fencing).
13. Compose a title administration for the shape caption that: a) parades the extract using the font stack 'Palatino Linotype', Palatino, 'Times New Roman', serif,
b) sets the title to italic,
c) sets the top/ground padding to 10 pixels and the left/straight padding to 0 pixels, and d) benevolences the extract.
14. Go to the Season Styles minority. Here you'll compose edges and settings for the season that Linda Ferris-White wrote about her mother. Compose a title administration for the season component that:
a) parades the setting likeness perfect tb_back6.png placed at the ground-straight cavity of the component after a while a greatness of 15% andno tiling,
b) adds an 8-pixel embrace badjust after a while tint rate rgb(147, 116, 68) to the straight and ground sides of the season component,
c) composes a winding ground-straight cavity after a while a radius of 80 pixels, and
d) adds an inside conception after a while absolute and perpendicular offsets of -10 pixels, a 25-pixel tarnish, and a tint rate of rgba(184, 154, 112, 0.7). 15.
15. Kevin wants a gradient setting for the page footer. Go to the Footer Styles minority and compose a title administration for the footer that adds a direct gradient setting after a while an predilection of 325°, going from the tint rate rgb(180, 148, 104) after a while a tint plug at 20% of the gradient protraction to the rate rgb(40, 33, 23) after a while a tint plug at 60%.
16. Economize your changes to the title fencing and then notorious tb_ferris.html in your browser. Confirm that the tints and sketchs state that shown in Shape 4-64. Next, you conciliate compose the sketch titles for identical pages about Kathleen Ferris and Linda Ferris-White. A pcriticism of the satisfied of the Kathleen Ferris page is shown in Shape 4-65.
17. Go to the tb_kathleen.html perfect in your editor and compose embodys to the tb_base.css, tb_styles4.css, and tb_visual4.css perfects. Con-over the satisfieds of the perfect and then delay it, saving your changes.
18. Go to the tb_visual4.css perfect in your editor. Scroll down to the Transformation Styles minority and add a title administration for the season component to set the greatness of the perspective room to 800 pixels.
19. Compose a title administration for the shape1 shape box to transform it -120 pixels parallel the z-axis.
20. Compose a title administration for the shape2 shape box to transform it -20 pixels parallel the y-axis and depend it 50° about the y-axis.
21. Compose a title administration for the shape3 shape box to transform it -30 pixels parallel the y-axis and depend it-50° about the y-axis.
22. Go to the Percolate Styles minority to devote CSS percolates to the page components. Make permanent that you inferiorstand the WebKit browser production in your title. Compose a title administration for the shape1 shape box that applies a saturation percolate after a while a rate of 1.3.
23. Compose a title administration for the shape2 shape box that sets the clearness to 0.8 and the dissimilarity to 1.5.
24. Compose a title administration for the shape3 shape box that sets the hue reversion to 170°, the saturation to 3, and the clearness to 1.5.
25. Economize your changes to the perfect and then retaliate to the tb_ferris.html perfect in your browser. Confirm that you can parade the identical pages for Kathleen Ferris and Linda Ferris-White by clicking on their faces in the lineage similitude. Further confirm that the manner of the Kathleen Ferris page states that shown in Shape 4-65. (Note: Use the embody inferior the pictures to retaliate to the abode page.)
Here are the required perfects: https://ufile.io/ozpnb