Đang chuẩn bị liên kết để tải về tài liệu:
Web Programming with HTML, XHTML, and CSS- P8

Web Programming with HTML, XHTML, and CSS- P8: There are a lot of books about designing and building web pages, so thank you for picking up this one. Why do I think it is different? Well, the Web has been around for over a decade now, and during its life many technologies have been introduced to help you create web pages, some of which have lasted, others of which have disappeared. Many books that teach you to write web pages are revisions of earlier versions of the same book and therefore still take the same approach as the previous edition did | Chapter 8 More Cascading Style Sheets was completed in 1998 it is a pity that browser manufacturers have not made a better attempt at implementing it. With careful attention it is possible to create pages that use CSS for layouts but older browsers will not always support these layouts as you would like them to. As a result some designers will use a combination of older techniques for page layout and CSS for some of the styling. Exercises The answers to all of the exercises are in Appendix A. 1. In this exercise you create a linked table of contents that will sit at the top of a long document in an ordered list and link to the headings in the main part of the document. The XHTML file exercise1.html is provided with the download code for this book ready for you to create the style sheet. Your style sheet should do the following Set the styles of all links including active and visited links Make the contents of the list bold Make the background of the list light gray and use padding to ensure the bullet points show Make the width of the links box 250 pixels wide Change the styles of heading bullet points to empty circles Change the style of link bullet points to squares Your page should look something like Figure 8-36. Figure 8-36 321 Chapter 8 More Cascading Style Sheets 2. In this exercise you test your CSS positioning skills. You should create a page that represents the links to the different sections of the chapter in a very different way. Each of the sections will be shown in a different block and each block will be absolutely positioned in a diagonal top left to bottom right direction. The middle box should appear on top as shown in the Figure 8-37. Figure 8-37 You can find the source XHTML file exercise2.html with the download code for this chapter. 322 9 Page Layout This chapter is the first of two chapters about design issues. It addresses designing and constructing layouts for web pages. Although there is no rule book that says how you should design your .