As you learned in chapter 3, it’s a

As you learned in chapter 3, it’s a best practice to use HTML for the content and structure of a web site and an external CSS style sheet for the layout and formatting. Although this works well for HTML elements, it can be tricky to get this to work right with ASP.NET server controls, especially the data controls that you’ll learn about in section 3. The solution is to use themes, which let you specify the formatting for both HTML elements and server controls.
A page with two different themes applied
Figure 10-1 shows the Order page for the Halloween Store application after two different themes have been applied to it. So even though the page works the same with both themes, the two versions look quite different.
For both versions, CSS is used for the basic layout and formatting, just as it has been in the previous chapters. Since the Order page uses a master page, the CSS file for the master page provides some of the formatting, and the CSS file for the Order page provides the rest of it.
Then, the themes provide additional formatting. For instance, the Bats theme uses one image file for the header, and the Spiders theme uses another. The Bats theme also has orange links, an orange border around the buttons, and a small black border around the drop-down list and text box, while the Spiders theme formats these elements another way. The Spiders theme also has a vertical rule between the sidebar and the section, a bottom border below the header, and everything is in black.
As you will see, themes are relatively easy to create. Better yet, you can switch from one theme to another just by changing one setting in the web.config file.

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

Như bạn đã học được trong chương 3, nó là một thực hành tốt nhất để sử dụng HTML cho nội dung và cấu trúc của một trang web và một tấm phong cách bên ngoài CSS cho bố trí và định dạng. Mặc dù điều này hoạt động tốt cho phần tử HTML, nó có thể được khó khăn để có được điều này để làm việc đúng với ASP.NET máy chủ điều khiển, đặc biệt là các điều khiển dữ liệu mà bạn sẽ học về trong phần 3. Giải pháp là sử dụng chủ đề, mà cho phép bạn chỉ định các định dạng cho cả hai phần tử HTML và máy chủ điều khiển.Một trang với hai chủ đề khác nhau được áp dụngHình 10-1 cho thấy trang trật tự cho Halloween cửa hàng ứng dụng sau khi hai chủ đề khác nhau đã được áp dụng cho nó. Vì vậy, ngay cả khi trang làm việc cùng với cả hai chủ đề, hai phiên bản nhìn khá khác nhau.Đối với cả hai phiên bản, CSS được sử dụng để bố trí cơ bản và định dạng, cũng giống như nó đã ở các chương trước. Kể từ khi trang đặt hàng sử dụng một trang chủ, file CSS cho trang chủ cung cấp một số của các định dạng, và các tập tin CSS cho trang đặt hàng cung cấp phần còn lại của nó.Sau đó, các chủ đề cung cấp bổ sung định dạng. Ví dụ, chủ đề con dơi sử dụng một tập tin hình ảnh cho các tiêu đề và chủ đề nhện sử dụng khác. Chủ đề con dơi cũng có cam kết, một biên giới cam xung quanh các nút, và biên giới đen nhỏ khắp hộp thả xuống danh sách và văn bản, trong khi chủ đề nhện định dạng các yếu tố một cách khác. Chủ đề của nhện cũng có một quy tắc dọc giữa bên và phần là một biên giới dưới cùng dưới tiêu đề, và tất cả mọi thứ là màu đen.Như bạn sẽ thấy, chủ đề là tương đối dễ dàng để tạo ra. Tốt hơn, bạn có thể chuyển từ một chủ đề khác chỉ bằng cách thay đổi một thiết lập trong tập tin web.config.

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

Như bạn đã học trong chương 3, đó là một thực hành tốt nhất để sử dụng HTML cho nội dung và cấu trúc của một trang web và một phong cách trang CSS ngoài cho việc bố trí và định dạng. Mặc dù điều này làm việc tốt cho các phần tử HTML, nó có thể được khó khăn để có được điều này để làm việc đúng với điều khiển máy chủ ASP.NET, đặc biệt là các điều khiển dữ liệu mà bạn sẽ học trong phần 3. Các giải pháp là sử dụng các chủ đề, cho phép bạn chỉ định các định dạng cho cả hai yếu tố HTML và điều khiển máy chủ.
Một trang với hai chủ đề khác nhau áp dụng
Hình 10-1 cho thấy các trang theo thứ tự cho các ứng dụng Halloween cửa hàng sau khi hai chủ đề khác nhau đã được áp dụng cho nó. Vì vậy, mặc dù các trang hoạt động tương tự với cả hai chủ đề, hai phiên bản trông khá khác nhau.
Đối với cả hai phiên bản, CSS được sử dụng để bố trí cơ bản và định dạng, giống như nó đã được trong các chương trước. Từ trang thứ tự sử dụng một trang chủ, các tập tin CSS cho trang chủ cung cấp một số các định dạng, và các tập tin CSS cho trang Đơn hàng cung cấp các phần còn lại của nó.
Sau đó, các chủ đề cung cấp định dạng bổ sung. Ví dụ, chủ đề Bats sử dụng một tập tin hình ảnh cho tiêu đề, và chủ đề Spiders sử dụng khác. Các chủ đề Dơi cũng có liên kết màu cam, một đường viền cam xung quanh các nút, và một đường viền đen nhỏ xung quanh danh sách thả xuống và hộp văn bản, trong khi các chủ đề Spiders định dạng các yếu tố này một cách khác. Các chủ đề Spiders cũng có một quy tắc theo chiều dọc giữa các bên và các phần, một biên giới phía dưới bên dưới tiêu đề, và tất cả mọi thứ là màu đen.
Như bạn sẽ thấy, các chủ đề tương đối dễ dàng để tạo ra. Tốt hơn, bạn có thể chuyển đổi từ một chủ đề khác chỉ bằng cách thay đổi một thiết lập trong file web.config.