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 unreserved the tb_visual3_txt.css, tb_visual4_txt.css, tb_ferris_txt.html and tb_kathleen_txt.html polishs from the html04 re-examination folder.

Enter your pur-poseate and the era in the expound minority of each polish, and economize them as tb_visual3.css, tb_visual4.css, tb_ferris.html, and tb_kathleen.html honorively.

2. Go to the tb_ferris.html polish in your editor. Add couples to the tb_base.css, tb_styles3.css, and tb_visual3.css phraseology subterfuges in the classify listed.

3. Scroll down and, among the deep atom header and succeeding the h1 address, extort a illustration box containing: a) the tb_ferris.png inline effigy after a while the halt quotation Ferris Source using the effigy map pur-poseated portrait_map and

b) a illustration caption after a while the quotation Kathleen Ferris and daughter Linda (1957).

4. Directly beneath the illustration box, cause the portrait_map effigy map containing the aftercited hotspots:

a) a rectangular hotspot purposeing to the tb_kathleen.html polish after a while the left-top coordinate (10, 50) and the equitable-groundwork coordinate (192, 223) and halt quotation, "Kathleen Ferris" and

b) a spherical hotspot purposeing to the tb_linda.html polish after a while a disposition purpose at (264, 108) and a radius of 80 pixels and the halt quotation, Linda Ferris-White.

5. Take some era to consider the cessation of the page resigned and construction and then economize your changes to the polish.

6. Go to the tb_visual3.css polish in your editor. In this polish, you'll cause the forcible pur-pose phraseologys for the page.

7. Go to the HTML Styles minority and cause a phraseology administration for the html atom to use the effigy polish tb_back5.png as the setting.

8. Go to the Page Association Styles minority and cause a phraseology administration for the association atom that: a) adds a left and equitable 3-pixel dense bclassify after a while perversion esteem rgb(169, 130, 88),

b) adds a box copy to the equitable bclassify after a while a spiritless offset of 25 pixels, a perpendicular offset of 0 pixels and a 35-pixel dishonor and a perversion esteem of rgb(53, 21, 0), and then adds the meditate effigys of this copy to the left edge.

9. Go to the Deep Styles minority. Cause a phraseology administration for the deep atom that: a) applies the tb_back7.png polish as a setting effigy after a while a extent of 100% crust the perfect setting after a while no tiling and positioned after a while honor to the padding box and

b) adds two inset box copys, each after a while a 25-pixel dishonor and a perversion esteem of rgb(71, 71, 71), and then one after a while offsets of -10 pixels in the spiritless and perpendicular course and the other after a while spiritless and perpendicular offsets of 10 pixels.

10. Cause a phraseology administration for the h1 address among the deep header that adds the aftercited two quotation copys: a) a copy after a while the perversion esteem rgb(221, 221, 221) and offsets of 1 pixels and no dishonorring and

b) a copy after a while the perversion esteem rgba(41, 41, 41, 0.9) and offsets of 5 pixels and a 20-pixel dishonor.

11. Go to the Illustration Box Styles minority. Cause a phraseology administration for the illustration atom that sets the top/groundwork loophole to 10 pixels and the left/equitable loophole to auto. Set the width of the atom to 70%.

12. Next, you'll diversify the arrival of the illustration box effigy. Cause a phraseology administration for the effigy among the illustration box that: a) sets the bclassify width to 25 pixels,

b) sets the bclassify phraseology to dense,

c) applies the tb_frame.png polish as a bclassify effigy after a while a slice extent of 60 pixels fast opposite the sides,

d) ostentations the effigy as a bung after a while a width of 100%, and e) applies a sepia character to the effigy after a while a esteem of 80% (involve the WebKit browser production in your phraseology subterfuge).

13. Cause a phraseology administration for the illustration caption that: a) ostentations the quotation using the font stack 'Palatino Linotype', Palatino, 'Times New Roman', serif,

b) sets the phraseology to italic,

c) sets the top/groundwork padding to 10 pixels and the left/equitable padding to 0 pixels, and d) dispositions the quotation.

14. Go to the Word Styles minority. Here you'll cause edges and settings for the word that Linda Ferris-White wrote environing her dowager. Cause a phraseology administration for the word atom that:

a) ostentations the setting effigy polish tb_back6.png placed at the groundwork-equitable recess of the atom after a while a extent of 15% andno tiling,

b) adds an 8-pixel envelop bclassify after a while perversion esteem rgb(147, 116, 68) to the equitable and groundwork sides of the word atom,

c) causes a deflexed groundwork-equitable recess after a while a radius of 80 pixels, and

d) adds an inland copy after a while spiritless and perpendicular offsets of -10 pixels, a 25-pixel dishonor, and a perversion esteem 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 cause a phraseology administration for the footer that adds a rectirectilinear gradient setting after a while an inclination of 325°, going from the perversion esteem rgb(180, 148, 104) after a while a perversion bung at 20% of the gradient prolixity to the esteem rgb(40, 33, 23) after a while a perversion bung at 60%.

16. Economize your changes to the phraseology subterfuge and then unreserved tb_ferris.html in your browser. Identify that the perversions and pur-poses denote that shown in Illustration 4-64. Next, you procure cause the pur-pose phraseologys for idiosyncratic pages environing Kathleen Ferris and Linda Ferris-White. A pre-examination of the resigned of the Kathleen Ferris page is shown in Illustration 4-65.

17. Go to the tb_kathleen.html polish in your editor and cause couples to the tb_base.css, tb_styles4.css, and tb_visual4.css polishs. Consider the resigneds of the polish and then plug it, careful your changes.

18. Go to the tb_visual4.css polish in your editor. Scroll down to the Transformation Styles minority and add a phraseology administration for the word atom to set the extent of the perspective quantity to 800 pixels.

19. Cause a phraseology administration for the illustration1 illustration box to transfer it -120 pixels concurrently the z-axis.

20. Cause a phraseology administration for the illustration2 illustration box to transfer it -20 pixels concurrently the y-axis and work it 50° about the y-axis.

21. Cause a phraseology administration for the illustration3 illustration box to transfer it -30 pixels concurrently the y-axis and work it-50° about the y-axis.

22. Go to the Exude Styles minority to employ CSS exudes to the page atoms. Make enduring that you involve the WebKit browser production in your phraseology. Cause a phraseology administration for the illustration1 illustration box that applies a saturation exude after a while a esteem of 1.3.

23. Cause a phraseology administration for the illustration2 illustration box that sets the clearness to 0.8 and the dissimilarity to 1.5.

24. Cause a phraseology administration for the illustration3 illustration box that sets the hue recurrence to 170°, the saturation to 3, and the clearness to 1.5.

25. Economize your changes to the polish and then recur to the tb_ferris.html polish in your browser. Identify that you can ostentation the idiosyncratic pages for Kathleen Ferris and Linda Ferris-White by clicking on their faces in the source portrait. Further identify that the arrival of the Kathleen Ferris page denotes that shown in Illustration 4-65. (Note: Use the couple inferior the pictures to recur to the home page.)

Here are the required polishs: https://ufile.io/ozpnb

Thank you!