Add thêm file StyleSheet.css ở Bài1.4 vào ; Thêm câu lệnh để gọi thực thi file này; sử dụng các thẻ <h> đã tạo trong StyleSheet.css để xem kết quả.. Tạo thêm file HamTuTao.js có n[r]
(1)Bài 1.1
1 Khởi động VS2010
2 File > News > Web Site , chọn: • Visual C#
• ASP.NET Empty Web Site
• Chọn vị trí lưu đặt tên file Bai1.1
3 Thêm trang (Web Form ; tên Default.aspx) Viết code sau :
5 Lưu lại file ; Chạy chương trình để xem kết Mở lại file Default.aspx thêm vào :
• Tiêu đề trang web • Một số dịng nội dung
7 Chạy chương trình để xem kết Bài 1.2
1 Khởi động VS2010
2 File > News > Web Site , chọn: • Visual C#
• ASP.NET Empty Web Site
• Chọn vị trí lưu đặt tên file Bai1.2
3 Thêm trang (Web Form ; tên Default.aspx) Viết code sau :
(2)Gợi ý :
<center></center> Căn
<hr /> Tạo đường kẻ ngang <ul> Tạo dấu đầu câu <li> </li>
</ul>
Bài 1.3
Sửa lại 1.2 để sau :
Gợi ý :
Tạo thêm bảng có dịng cột; cột chứa đoạn văn bản; cột chứa hình <table border="2" cellpadding="0" cellspacing="0">
<tr>
<td> Chứa văn
</td>
<td> <asp:Image ID="Image1" ImageUrl="~/Image/hinh1.gif" runat="server" Height="160px" Width="220px" />
</td> </tr> </table>
Bài 1.4
1 Tạo Web Site có tên Bai1.4 với nội dung sau:
2 Yêu cầu: Sử dụng CSS
(3)Gợi ý :
Tạo file StyleSheet.css file Default.aspx có nội dung sau:
3 Mở file StyleSheet.css, thêm đoạn sau vào Mở file Default.aspx, thêm đoạn sau vào
(4)Bài 1.5
1 Tạo Web Site có tên Bai1.5
2 File Default.aspx có nội dung bên: • Chạy chương trình, xem kết • Xóa đoạn runat=”server”, chạy
lại chương trình, xem kết • Giải thích vấn đề
3 Sửa lại nội dung file Default.aspx sau :
• Chạy chương trình; Xem kết
(Truy cập phần tử HTML câu lệnh Javascript)
4 Add thêm file StyleSheet.css Bài1.4 vào ; Thêm câu lệnh để gọi thực thi file này; sử dụng thẻ <h> tạo StyleSheet.css để xem kết
5 Tạo thêm file HamTuTao.js có nội dung bên Sửa Default.aspx bên Chạy chương trình tự rút nhận xét
(tạo hàm file Javascript riêng)
Thêm đoạn runat=”server”,
chạy lại chương trình, xem kết quả,
Giải thích
Đưa câu lệnh javascript vào
(5)Bài 2.1
− Thiết kế trang : Login.aspx , CheckUser.aspx , Infor.aspx (trong folder Bai2.1) − Khi nhấn nút Login trang Login chuyển sang trang CheckUser để ktra liệu:
o Nếu user xyz password 123 lưu xuống cookie gọi trang Infor
o Nếu khơng trang Login
− Một cookie userCk chiều : “us” = xyz “pwd”= 123 − Một cookie permit chiều chứa trị True
Trang Login.aspx
(6)Trang Infor.aspx
Bài 2.2
Thiết kế trang Login.aspx, Infor.aspx để thực công việc sau: Tại trang Login, người dùng nhập user name password :
Nếu : asp.net 123456 phép truy cập trang Infor.aspx Nếu sai : Thì ngun trang Login.aspx
Trang Infor.aspx có nội dung: dòng giới thiệu
User name password mà bạn nhập
Gợi ý: Xem lý thuyết 2.5 2.6
Bài 2.3
Thiết kế trang có dạng hình 1; nhập liệu chọn điều khiển click nút Tính tiền
được kết hình Sử dụng Server control
Gợi ý:
Button Tính tiền:
(7)Bài 2.4
Tạo website gồm trang: Trang Default.aspx trang Dangky.aspx
Yêu cầu: Sau nhập liệu trang Default.aspx Click nút chuyển chuyển liệu nhập sang trang Dangky.aspx hình sau Sử dụng Server control
Gợi ý:
Các lệnh tương ứng Click nút chuyển:
Các lệnh tương ứng Load trang Dangky.aspx:
Bài 2.5:
Sửa lại 2.4 với yêu cầu sau:
1 Chèn bảng, đặt lại nội dung sau: Chèn
AdRotator Đăng ký CMND
Home Họ tên TextBox
Chèn ảnh vào
Tin tức Số CMND TextBox
Phim Giới tính RadioButtonList
Tài liệu Thành phố DropDownList Button
Bản quyền thuộc !!! Thêm điều khiển kiểm soát:
Khi Click Button Chuyển điều khiển khơng quy định thơng báo Họ tên: Không rỗng
Số CMND: số
(8)3 Trang Dangky.aspx sau:
Gợi ý:
Trang Default.aspx: Tạo điều khiển Nút Button Chuyển:
Session["tam"] = Session["tam"] + txthoten.Text + "@"; ; Response.Redirect("DangKy.aspx");
Trang Dangky.aspx:
<table border="1">
<tr>
<th>STT</th>
<th>Họ tên</th>
</tr>
<%
string[] arrRows = Convert.ToString(Session["tam"]).Split('@'); int stt = 1;
for (int i = 0; i < arrRows.Length; i++) {
if (!arrRows[i].Equals("") && !arrRows[i].Equals(";")) {
string[] arrCells = arrRows[i].Split(';'); %>
<tr>
<td><%=stt %></td>
<td><%=arrCells[0] %></td>
</tr>
<% stt++; }
} %> </table>
<br />
<asp:Button Text="Nhập tiếp" runat="server" onclick="btntiep_Click" /> Nút Button Nhập tiếp:
Response.Redirect("Default.aspx");
Nâng cao:
• Nếu muốn trang Dangky.aspx hiển thị thêm trường liệu khác từ trang Default.aspx bạn làm ?
• Nếu muốn lần gọi lại trang Default.aspx hình thay đổi bạn làm ? Khi Click nút Button trang
Default.aspx chuyển sang trang Dangky.aspx; Tại trang Dangky.aspx Click Button Nhập tiếp quay lại trang