Tạo trang Hệ thống bài tập HP4 LT Web2

Một phần của tài liệu Bài giảng - Giáo án: Ứng dụng asp.net trong giải bài tập lập trình web (Trang 46 - 49)

Học phần 4 – Lập trình Web 2 Trang 46/61

Hình 1: Trang chủ khi mới mở

Học phần 4 – Lập trình Web 2 Trang 47/61

Hình 3: Các chức năng của thực đơn ngang

™ Ý nghĩa:

Trang chủ dùng để liên kết đến các trang web trong hệ thống bài tập

Mục tiêu: sử dụng các điều khiển Navigation kết hợp với tập tin .sitemap ™ Yêu cầu thiết kế:

ˆ Trang Master

Stt Đối tượng Yêu cầu

1 Nội dung trang −Gồm 1 table 4 dịng, 2 cột 2 Thơng tin thể hiện

cây thực đơn −Sử dụng SiteMapPath 3 Cây thực đơn bài

tập −LưSu ý: Tử dụng TreeView và SiteMapDataSource ạo file Web.sitemap 4 Thực đơn ngang −Sử dụng Menu

ˆ Trang chủ

Stt Đối tượng Yêu cầu

1 Nội dung trang web −Chứa dịng văn bản “NỘI DUNG BÀI TẬP”

−Khai báo MasterPageFile vàContent

ˆ Các trang liên kết bài tập

Stt Đối tượng Yêu cầu

1 Nội dung trang web −Là nội dung các bài tập

Lưu ý: học viên nên dùng lại (hoặc copy sang file khác) các bài tập đã làm trước đĩ

−Khai báo MasterPageFile vàContent ™ Yêu cầu xử lý:

ˆ Trang Master

Stt Đối tượng Yêu cầu

1 Cây thực đơn bài

tập − Khi chbài tập tọn mương ột chứng ức năng bài tập thì xuất hiện nội dung trang web của Hướng dẫn: xây dựng cấu trúc tập tin Web.sitemap

2 Thực đơn ngang −Khi chọn một chức năng con thì liên kết đến trang web tương ứng Hướng dẫn: thiết kế trực tiếp các chức năng hoặc

Thơng qua việc xây dựng cấu trúc tập tin menu.sitemap, sau đĩ khai báo trong tập tin Web.config

Học phần 4 – Lập trình Web 2 Trang 48/61

−Hướng dẫn học ASP.Net: http://www.w3schools.com/aspnet/default.asp

−Xây dựng ứng dụng web với ASP.Net: http://msdn2.microsoft.com/en-us/library/ms644563.aspx (adsbygoogle = window.adsbygoogle || []).push({});

−Báo tuổi trẻ : http://www.tuoitre.com.vn

−Báo Thanh niên : http://www.thanhnien.com.vn

−Tin nhanh : http://vnexpress.net

Một phần của tài liệu Bài giảng - Giáo án: Ứng dụng asp.net trong giải bài tập lập trình web (Trang 46 - 49)