Tutorial Project 5Demonstrate your

Tutorial Project 5
Demonstrate your ability to create a Web table by following the instructions listed below.

1. Using a simple text editor such as Notepad, create an HTML file named project5solution.htm.
2. Type your basic HTML tags. Add the title Tutorial Project 5.
3. Add the code to create the basic table shown below in Figure 5.1.
4. Add the following caption to your table:
For more information visit the Pulitzer Web Site.
(Where Pulitzer Web Site is a link to http://www.pulitzer.org)
5. Also add a summary to your table that states:
This table contains year, title, author and publisher information for the winners of the Pulitzer Prize for Fiction in the years 2000 through 2007.
6. Add the following attributes to your table. (Hint: place them in the opening tag).
align center
border 2
cellspacing 4
cellpadding 5
width 80%
height 60%
7. Create a column group containing all four columns. Add the class names and attributes as indicated below:




8. Create the 8 bottom rows of the table that make up the table body. Add the code that will vertically align all text in the table body to the bottom of the cells.
9. Add an embedded style sheet in the section of your page. Add the styles that will make the following changes to the entire table:
a. Make the border 10 pixels wide, inset and set its color to #3333FF.
b. Collapse the border
c. Change the font family to Verdana, sans-serif.
10. Add a contextual selector that will change only table cells that are table header cells so that the background color is #336666 and the text color is white.
11. Save your file.
12. Open the file in your Web browser to preview your work. Your table should look similar to the table in Figure 5-2.
13. Correct errors as necessary and save your file.
14. Print a copy of your code and of the page displayed in the browser.

Kết quả (Việt) 1:

Hướng dẫn dự án 5Chứng minh khả năng của bạn để tạo ra một bảng Web bằng cách làm theo các hướng dẫn được liệt kê dưới đây. 1. sử dụng một trình soạn thảo văn bản đơn giản như Notepad, tạo một tập tin HTML có tên project5solution.htm. 2. loại thẻ HTML cơ bản của bạn. Thêm tiêu đề hướng dẫn dự án 5. 3. thêm mã để tạo ra bảng cơ bản Hiển thị dưới đây trong hình 5.1. 4. Thêm các chú thích sau bảng của bạn:Để biết thêm thông tin ghé thăm website điều khiển Pulitzer. (Nếu trang Web Pulitzer là một liên kết đến http://www.pulitzer.org)5. cũng thêm một bản tóm tắt của bạn bảng mà các tiểu bang:Bảng này chứa năm, tiêu đề, tác giả và nhà xuất bản thông tin cho những người chiến thắng giải Pulitzer viễn tưởng năm 2000 thông qua năm 2007. 6. Thêm các thuộc tính sau bảng của bạn. (Gợi ý: đặt chúng trong thẻ mở).căn Trung tâmbiên giới 2cellspacing 4cellpadding 5chiều rộng 80%chiều cao 60%7. tạo ra một nhóm cột có chứa tất cả bốn cột. Thêm tên lớp và các thuộc tính như được chỉ ra dưới đây:8. tạo hàng 8 dưới cùng của bảng tạo nên cơ thể bảng. Thêm mã theo chiều dọc sẽ sắp xếp tất cả văn bản trong cơ thể bảng để dưới cùng của các tế bào.9. thêm một tấm phong cách nhúng trong phần của trang của bạn. Thêm phong cách mà sẽ làm cho những thay đổi sau vào toàn bộ bảng:a. làm biên giới 10 điểm ảnh rộng, Glossy và thiết lập các màu sắc của nó để #3333FF.sinh thu hẹp biên giớic. thay đổi gia đình font to Verdana, sans serif. 10. thêm một chọn theo ngữ cảnh mà sẽ thay đổi chỉ tế bào bảng có bảng tiêu đề tế bào do đó, màu nền là #336666 và màu sắc văn bản là màu trắng.11. lưu tập tin của bạn. 12. mở tập tin trong trình duyệt Web để xem công việc của bạn. Bảng của bạn nên trông giống như bảng trong hình 5-2.13. sửa lỗi khi cần thiết và lưu các tập tin của bạn.14. in một bản sao của mã của bạn và của trang hiển thị trong trình duyệt.

Kết quả (Việt) 2:

Hướng dẫn Dự án 5
Thể hiện khả năng của bạn để tạo ra một bảng Web bằng cách làm theo các hướng dẫn được liệt kê dưới đây. 1. Sử dụng một trình soạn thảo văn bản đơn giản như Notepad, tạo ra một tập tin HTML có tên project5solution.htm. 2. Loại thẻ HTML cơ bản của bạn. Thêm các tiêu đề Tutorial Dự án 5. 3. Thêm mã để tạo ra các bảng cơ bản thể hiện trong hình 5.1. 4. Thêm chú thích sau đây để bàn của bạn:. Để biết thêm thông tin hãy truy cập vào trang web Pulitzer (Nơi trang web Pulitzer là một liên kết đến http://www.pulitzer.org) 5. Ngoài ra thêm một bản tóm tắt để bàn của bạn mà biểu: Bảng này chứa năm, tiêu đề, tác giả và nhà xuất bản thông tin cho những người chiến thắng của giải thưởng Pulitzer dành cho tiểu thuyết trong những năm 2000 thông qua năm 2007. 6. Thêm các thuộc tính sau để bàn của bạn. (Gợi ý: đặt chúng trong các thẻ mở). Sắp xếp trung tâm biên giới 2 cellspacing 4 cellpadding 5 chiều rộng 80% chiều cao 60% 7. Tạo một nhóm cột có chứa tất cả bốn cột. Thêm các tên lớp và các thuộc tính như được chỉ ra dưới đây: 8. Tạo 8 hàng dưới cùng của bảng, tạo nên nội dung bảng. Thêm mã mà theo chiều dọc sẽ sắp xếp tất cả các văn bản trong cơ thể bàn đến dưới cùng của các tế bào. 9. Thêm một phong cách trang nhúng vào trong các trang của bạn. Thêm phong cách đó sẽ làm cho những thay đổi sau đây cho toàn bộ bảng: a. Làm cho biên giới rộng 10 pixels, inset và thiết lập màu sắc của nó # 3333FF. B. Thu gọn biên giới c. Thay đổi font Verdana, sans-serif. 10. Thêm một chọn theo ngữ cảnh sẽ thay đổi chỉ có tế bào bảng đó là những tế bào đầu bảng


























vì vậy mà màu nền là # 336.666 và màu chữ là màu trắng.
11. Lưu tập tin của bạn.
12. Mở tập tin trong trình duyệt web của bạn để xem trước công việc của bạn. Bảng của bạn sẽ trông giống như bảng trong Hình 5-2.
13. Sửa lỗi khi cần thiết và lưu các tập tin của bạn.
14. In một bản mã của bạn và các trang hiển thị trong trình duyệt.