LẬP TRÌNH WEB CHƯƠNG 6: HƯỚNG DẪN THỰC HÀNH Bài 1: Xây dựng ứng dụng WebCalculator Tạo Web site  Từ Menu chọn File - New - Web site o Template : ASP.NET Web site o Location : File System o Language : Visual C# Thiết kế Form theo mẫu Tạo table : Menu Layout - Insert Table  Kéo thả Control Toolbox vào WebForm.aspx mẫu  Đặt thuộc tính cho đối tượng Form Dzoãn Thanh LẬP TRÌNH WEB Viết mã lệnh xử lý  Viết hàm xử lý kiện bấm vào nút Tổng  Bấm đúp (double click) vào nút Tổng form tự động thêm hàm xử lý kiện protected void btTong_Click(object sender, EventArgs e) { }  Nhập đoạn mã lệnh (in đậm) vào thân hàm vừa phát sinh: protected void btTong_Click(object sender, EventArgs e) { int so1, so2, tong; so1 = int.Parse(txtSo1.Text); so2 = int.Parse(txtSo2.Text); tong = so1 + so2; txtTong.Text = tong.ToString(); } Lưu trữ dạng Unicode :  Giải thích: Các Form User Control ứng dụng ASP.NET không mặc định lưu theo dạng có hỗ trợ Font Unicode Vì chạy ứng dụng từ Browser không hiển thị Font chữ tiếng Việt  Cách sửa: Nếu có sử dụng Font Unicode file cần phải định cho VS.NET lưu file theo định dạng Unicode o Từ menu chọn File\Save As Từ hộp thoại Save File As, Từ hộp thoại Save File As, chọn Save with Encoding Dzoãn Thanh LẬP TRÌNH WEB Chạy kiểm thử chương trình Dzoãn Thanh LẬP TRÌNH WEB Bài Xây dựng trang chủ cho Website Bản tin điện tử Mẫu trang chủ Website Tuổi trẻ (www.tuoitre.com.vn) Tạo Project Bản tin điện tử o Từ Menu chọn File – New – Web site… • Template : ASP.NET We site • Location : File System – D:\BanTinDienTu • Language : Visual C# Tạo trang Master o Từ Menu chọn Website – Add new item… • Template : Master page • Name : MasterPage.master • Language : Visual C# Dzoãn Thanh LẬP TRÌNH WEB o Chuyển sang hình design - Xóa tất control có o Thêm table : Menu Layout – Insert table Dzoãn Thanh LẬP TRÌNH WEB Vùng hiển thị Banner Vùng hiển thị Menu Vùng hiển thị Marquee Vùng hiển thị Nội dung Vùng hiển thị AdRotaror Vùng hiển thị Image Copyright@ By 063T Tạo hiển thị Banner o Sử dụng Image Control: • Kéo thả Image Control vào vùng hiển thị Banner • Đặt thuộc tính ImageUrl Image Images\banner.gif Dzoãn Thanh LẬP TRÌNH WEB Tạo hiển thị Menu cột trái o Sử dụng Hyperlink Control: • Kéo thả Hyperlink Control vào vùng hiển thị Menu • Đặt thuộc tính cho Hyperlink Control Property Value Hyperlink1 Text Trang chủ NavigateUrl Index.aspx Text Xã hội NavigateUrl Xahoi.aspx Text Kinh tế NavigateUrl Kinhte.aspx Text Thể thao NavigateUrl Thethao.aspx Hyperlink2 Hyperlink3 Hyperlink4 o Sử dụng AdRotator: • Từ Menu chọn Project\Add New Item, chọn XML File từ ô cửa sổ Template, đặt tên file Ads.xml Dzoaõn Thanh LẬP TRÌNH WEB o Ta thêm nội dung file Ads.xml sau: Images\Quang_cao\qc_Ao_cuoi.jpg http://www qc_Ao_cuoi com Quảng cáo áo cưới 80 quangcao Images\ Quang_cao\qc_Mouse.jpg http://www.phongvu.com