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…

[ad_1]

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

Thank you!


[ad_2]
Source embody