Microsoft Expression Web - Trang chính
Trong chương này, chúng ta sẽ tìm hiểu về các trang chủ của ASP.NET. Khi chúng ta tạo một trang chính, chúng ta có thể sắp xếp nó, áp dụng kiểu và thêm các điều khiển ASP.NET theo cách giống như trong các trang khác trong Microsoft Expression Web. Bố cục và nội dung chúng tôi tạo trong trang chính được áp dụng cho các trang đính kèm với trang chính. Nó là một khái niệm tương tự nhưDynamic Web Template.
Các Mẫu Web Động cho phép bạn áp dụng giao diện chung cho tất cả các trang trong trang web của mình. Vì Mẫu web động được áp dụng trong các trang mà chúng được đính kèm vào lúc thiết kế, việc áp dụng các thay đổi cho tất cả các trang trong một trang web có thể gây ra sự chậm trễ trong khi HTML được cập nhật trong tất cả các trang.
Nếu máy chủ đang chạy ASP.NET, ASP.NET Master Pages cho phép chức năng tương tự bằng cách xác định các vùng có thể chỉnh sửa trong mẫu. Tuy nhiên, việc áp dụng mẫu cho nội dung tùy chỉnh trong các trang được thực hiện động trong thời gian chạy.
Thí dụ
Hãy xem một ví dụ đơn giản, trong đó chúng ta sẽ tạo một trang chính bằng cách sử dụng CSS template và sử dụng trang chính này để tạo các trang khác.
Step 1 - Mở index.html trang mà chúng tôi đã xác định các phần khác nhau bằng CSS style-sheet.
Step 2 - Từ File menu, đi tới New → Page và bạn sẽ thấy hộp thoại Trang mới.
Step 3 - Từ khung bên trái, chọn ASP.NET và từ danh sách ở giữa, chọn Master Page và nhấp vào nút OK.
Step 4 - Màn hình trên sẽ xuất hiện cửa sổ bật lên có tên Untitled1.master. Lưu trang này và đặt tên cho nódefault.master.
Step 5- Chúng tôi muốn xây dựng thiết kế của mình thành trang chủ sẽ được chia sẻ trên toàn bộ trang web của chúng tôi. Vì vậy, hãy sao chép mã của nội dung mà bạn muốn có trên mỗi trang từ mã index.html và dán mã vào trang default.master.
Step 6- Bây giờ chúng tôi có một bố cục mà chúng tôi muốn sử dụng trên mọi trang của trang web. Tuy nhiên, nếu chúng tôi bắt đầu xây dựng các trang nội dung ngay bây giờ, chúng tôi sẽ không thể thực sự nhập bất kỳ nội dung nào vào bố cục này. Do đó, chúng ta cần tạoASPX contentcác trang từ trang chính. Để làm điều này, chúng tôi phải thêmcontent region cũng như để chúng tôi có thể thêm nội dung vào các trang được chỉ định.
Trong dạng xem thiết kế, bấm chuột phải vào nơi bạn muốn nội dung trên các trang của mình. Giả sử chúng tôi muốn thêm nội dung vào phần nội dung chính và sau đó nhấp vàoManage Microsoft ASP.NET Content Regions…
Step 7 - Trong trình hướng dẫn Quản lý Vùng Nội dung, hãy nhập Region Name và bấm vào Close.
Step 8- Như có thể thấy trong ảnh chụp màn hình sau, Content PlaceHolder được thêm vào phần nội dung chính. Bây giờ chúng ta phải thêm trang web ASPX.
Step 9 - Vào menu Tệp và chọn New → Create from Master Page…
Step 10 - Duyệt đến trang default.master và nhấp vào OK.
Step 11 - Bây giờ, một trang ASPX mới được tạo và tất cả các kiểu bố cục được áp dụng từ trang chính.
Thêm một số văn bản trong phần chính.
Step 12 - Lưu trang này và gọi nó là mypage.aspx và sau đó xem trước nó trong trình duyệt.