BÀI TẬP THỰC HÀNH : TỔNG QUAN HTML, CSS VÀ JAVASCRIPTS

Tạo các thủ tục lưu trữ Stored Procedures dùng để thêm một bản ghi trong bảng dữ liệu d2.. Dữ liệu nhập vào phải thoả mãn các điều kiện sau: - Có @MaMH không trùng với một MaMH nào đã có

Trang 1

BÀI TẬP THỰC HÀNHPHẦN 1 TỔNG QUAN HTML, CSS VÀ JAVASCRIPTS

Lưu ý, Sinh viên lưu các trang web HTML vào thư mục Phan1_MãSV (Mã SV của người thực hiện)

BÀI TẬP 01 (Lưu tập tin tên Bai01_MãSV.html)

• Save as type: All Files

• Encoding: UTF-8

• Mở xem kết quả trang HTML

• Xem Source Code trang web từ trình duyệt

• Mở tập tin HTML từ trình soạn thảo và lưu lại với tên khác là:

Sử dụng ngôn ngữ HTML soạn thảo trang Web có

nội dung và định dạng theo mẫu

Yêu cầu:

• Có nội dung thanh tiêu đề, định dạng

đậm, nghiêng, gạch chân, gạch ngang chữ,

• Có phân cách các đoạn, xuống dòng cho mỗi câu thơ

Trang 2

 <SUP> Văn bản </SUP> :  Tạo chỉ số trên cho văn bản.

 <SUB> Văn bản </SUB> :  Tạo chỉ số dưới cho văn bản.

BÀI TẬP 04 (Lưu tập tin tên: Bai04_MãSV.html)

Nhập Mã tên hay Mã số của ký tự tương ứng

TM ™  Khoảng trắng    

® ® ® Tab &emsp;

• Các ký hiệu sử dụng mã tên hay mã code

• Các đường kẽ ngang

• Có màu đỏ cho các ký tự đặc biệt

• Màu nền tùy ý, tất cả văn bản không bị rớt

dòng

BÀI TẬP 05: (Lưu tập tin tên: Bai05_ MãSV .html)

Tạo hiệu ưng chuyển động cho các dòng văn bản trên trang: Lặp liên tục từ trái sang phải, chữ đỏ, cỡ 4, Loại hiệu ứng đến viền trang hiệu ứng chuyển động ngược lại (Alternate).

n1: Số lần lặp

n2: Khoảng cách(Pixel) giữa mỗi lần lặp

n3: Thời gian chờ giữa mỗi lần lặp

Trang web có:

2

Trang 3

• màu nền là màu có tổ hợp số thập lục phân là #FFFFCC,

• topmargin = 20

• Có nội dung là : Chào các bạn! Chúc các bạn học tốt.

3

Trang 4

• Yêu cầu: Tạo liện kết đến các

Website lần lượt theo trình tự:

• Mở cửa sổ hộp thư cho phép soạn gửi

thư đến một địa chỉ email nào đó

Play tập tin nhạc ở 1 cửa sổ riêng, các tập tin nhạc tùy ý (danh sách khoảng 5 bài hát)

Yêu cầu: Thiết kế & trình bày theo mẫu:

BÀI TẬP 09: (Lưu tập tin tên:

Bai09_ MãSV .html)

Thiết kế trang sử dụng form theo mẫu, nghề

nghiệp có 3 giá trị: Giảng viên, Sinh viên và

Khác

Thiết kế trang sử dụng form tạo các đối tượng bên trong theo mẫu, nên kết hợp Table để trình bày.

4

Trang 5

BÀI TẬP 11 (Lưu tập tin tên: Bai11_ MãSV .html) : Tạo trang mô hình về định dạng

văn bản: Định nghĩa thẻ tiêu đề h1, h2 và thẻ p tùy ý và áp dụng vào 3 dòng đầu Dùng thẻ Span thực tạo điểm nhấn: Tô sáng nền, chữ đậm áp dụng vào dòng thứ 4

Trang 6

<a href=" ">Bài 7 - Album âm nhạc</a>

<a href=" ">Bài 9 - Đăng ký thông tin</a>

<a href=" ">Bài 12 - Liên kết website</a>

Trang 7

<a href="…">Trang chủ</a>

<a href=" ">Thông tin giảm giá</a>

<a href=" ">Thông tin liên hệ</a>

</div>

</body>

</html>

Trang 8

BÀI TẬP 14 (Lưu tập tin tên: Bai14_ MãSV .html): Xây dựng ứng dụng Giải và biện

else{

var x=-b/a;

alert("Phương trình có nghiệm: "+x);

} }

<p>Nhập vào các tham số của phương trình bậc 1 (ax + b = 0):</p>

<p style="CanhLe"> <input type="text" id="txtA" style="width:100px;"> x+

</form>

</body>

</HTML>

Trang 9

BÀI TẬP 15 (Lưu tập tin tên: Bai15_ MãSV .html): Hãy tạo một chương trình thực

hiện các công việc sau:

BÀI TẬP 16: (Lưu các trang web vào THƯ MỤC có tên: Bai16_ MãSV )

Tạo một website quản lý thông tin lớp học, theo mẫu gợi ý sau:

- Trang GIỚI THIỆU:

- Trang THÔNG BÁO:

Trang 10

- Trang HOẠT ĐỘNG HỌC TẬP:

- Trang DANH SÁCH SINH VIÊN: Thông tin tất cả các sinh viên trong lớp học.

- Trang WEB CÁ NHÂN: Liên kết đến trang web cá nhân của từng sinh viên.

BÀI TẬP TỔNG HỢP: Xây dựng một website tĩnh chứa các thông tin của một tổ chức, doanhnghiệp, sự kiện,…

- Liệt kê một số thông tin chung: Họ tên, ngày sinh, …

- Địa chỉ, email, số điện thoại, facebook, … Ảnh cá nhân

Trang 11

PHẦN 2 MS SQL SERVER

Lưu ý, Sinh viên lưu tất cả các CSDL vào thư mục Phan2_MãSV (Mã SV của người thực hiện) Bài 1 Một CSDL có tên QUANLYXE_MaSV gồm các bảng dữ liệu sau đây:

Xe(SoXe, TinhTrang, MaLoai)

NhatKyThue(SoXe, MaKhach, TuNgay, DenNgay)

LoaiXe(MaLoai, TenLoai, DonGiaTheoNgay)

KhachHang(MaKhach, HoTenKhach, DiaChi, DienThoai)

Lưu ý:

- Thuộc tính TinhTrang có 1 trong 2 giá trị là: 0 (xe cũ) và 1 (xe mới)

- Thuộc tính MaLoai trong bảng Xe được lấy dữ liệu từ bảng LoaiXe

- Thuộc tính SoXe, MaKhach trong bảng NhatKyThue lần lượt được lấy dữ liệu từ các bảng Xe,

KhachHang

a. Tạo CSDL (Database), bảng (Table) bằng công cụ

b. Thiết lập mối quan hệ giữa các bảng (Database Diagrams)

c. Nhập dữ liệu trực tiếp vào các bảng, với mỗi bảng có ít nhất 5 dòng dữ liệu

Bài 2 Dùng lệnh T-SQL tạo cơ sở dữ liệu có tên DKMH gồm các bảng dữ liệu sau đây:

MonHoc(MaMH, TenMH, SoTC)

Lop(MaLop, TenLop, NganhHoc)

SinhVien(MaSV, HoSV, TenSV, NgaySinh, GioiTinh, MaLop)

DKMH (MaSV, MaMH, NgayDK)

Lưu ý:

- Thuộc tính GioiTinh có 1 trong 2 giá trị là: 0 (Nữ) và 1 (Nam), giá trị mặc định là 1.

- Thuộc tính SoTC luôn mang giá trị lớn hơn 0.

- Thuộc tính MaSV, MaMH trong bảng DKMH lần lượt được lấy dữ liệu từ các bảng

SinhVien, MonHoc

- Thuộc tính MaLop trong bảng SinhVien được lấy dữ liệu từ bảng Lop

Dùng lệnh T – SQL để thêm dữ liệu vào các bảng, với mỗi bảng có ít nhất 5 dòng dữ liệu

Trang 12

Bài 3 Dùng lệnh T-SQL tạo cơ sở dữ liệu QLBH gồm các bảng dữ liệu sau đây:

CTHDB (SoHDB, MaMH, SoLuongBan, DonGiaBan)

CTHDN (SoHDN, MaMH, SoLuongNhap, DonGiaNhap)

HoaDonBan (SoHDB, NgayBan, MaKH, MaNV, GhiChu)

HoaDonNhap (SoHDN, NgayNhap, MaNCC, MaNV, GhiChu)

KhachHang (MaKH, TenKH, DiaChi, DienThoai, GhiChu)

LoaiMatHang (MaLoaiMH, TenLoaiMH)

MatHang (MaMH, TenMH, DVT, DonGiaNhap, DonGiaBan, SoLuongTon, MaLoaiMH) NhaCungCap (MaNCC, TenNhaCC, DiaChi, DienThoai, GhiChu)

NhanVien (MaNV, HoNV, TenNV, GioiTinh, NgaySinh, DiaChi, Luong, MaBP)

BoPhan (MaBP, TenBP)

Lưu ý, MaBP có kiểu dữ liệu nchar(2), có các giá trị: 01, 02, 03, ….

a. Dùng lệnh T – SQL để thêm dữ liệu vào các bảng, với mỗi bảng có ít nhất 5 dòng dữ liệu

b. Tạo các thủ tục lưu trữ (Stored Procedures) dùng để thực hiện chức năng hiển thị danh sách các dòng dữ liệu tương ứng với các bảng dữ liệu trên Ví dụ: KhachHang_DS,

NhanVien_DS, …

c. Tạo các thủ tục lưu trữ (Stored Procedures) dùng để xoá một bản ghi trong bảng dữ liệu

tương ứng:

c1. Tạo thủ tục có tên LoaiMatHang_Xoa dùng để xoá một bản ghi trong bảng

LoaiMatHang Dữ liệu xoá phải thoả mãn điều kiện có @MaLoaiMH trùng với một MaLoaiMH đã có trong bảng.

c2. Tạo thủ tục có tên BoPhan_Xoa dùng để xoá một bản ghi trong bảng BoPhan Dữ liệu xoá phải thoả mãn điều kiện có @MaBP trùng với một MaBP đã có trong bảng.

c3. Tạo thủ tục có tên NhanVien_Xoa dùng để xoá một bản ghi trong bảng NhanVien Dữ liệu xoá phải thoả mãn điều kiện có @MaNV trùng với một MaNV đã có trong bảng.

c4. Tạo thủ tục có tên KhachHang_Xoa dùng để xoá một bản ghi trong bảng

KhachHang Dữ liệu xoá phải thoả mãn điều kiện có @MaKH trùng với một MaKH

đã có trong bảng

c5. Tạo thủ tục có tên MatHang_Xoa dùng để xoá một bản ghi trong bảng MatHang Dữ liệu xoá phải thoả mãn điều kiện có @MaMH trùng với một MaMH đã có trong bảng.

Trang 13

c6. Tạo thủ tục có tên NhaCungCap_Xoa dùng để xoá một bản ghi trong bảng

NhaCungCap Dữ liệu xoá phải thoả mãn điều kiện có @MaNCC trùng với một MaNCC đã có trong bảng.

c7. Tạo thủ tục có tên HoaDonBan_Xoa dùng để xoá một bản ghi trong bảng

HoaDonBan Dữ liệu xoá phải thoả mãn điều kiện có @SoHDB trùng với một SoHDB đã có trong bảng.

c8. Tạo thủ tục có tên HoaDonNhap_Xoa dùng để xoá một bản ghi trong bảng

HoaDonNhap Dữ liệu xoá phải thoả mãn điều kiện có @SoHDN trùng với một SoHDN đã có trong bảng.

c9. Tạo thủ tục có tên CTHDB_Xoa dùng để xoá một bản ghi trong bảng CTHDB Dữ liệu xoá phải thoả mãn điều kiện có @SoHDB trùng với một SoHDB đã có trong bảng và có

@MaMH trùng với một MaMH đã có trong bảng.

c10. Tạo thủ tục có tên CTHDN_Xoa dùng để xoá một bản ghi trong bảng CTHDN Dữ liệu xoá phải thoả mãn điều kiện có @SoHDN trùng với một SoHDN đã có trong bảng

và có @MaMH trùng với một MaMH đã có trong bảng.

d. Tạo các thủ tục lưu trữ (Stored Procedures) dùng để thêm một bản ghi trong bảng dữ liệu

d2. Tạo thủ tục có tên MatHang_Them dùng để thêm một bản ghi mới vào bảng

MatHang Dữ liệu nhập vào phải thoả mãn các điều kiện sau:

- Có @MaMH không trùng với một MaMH nào đã có trong bảng;

- Có @MaLoaiMH phải nằm trong số các MaLoaiMH đã có mặt trong bảng

LoaiMatHang.

Nếu thêm thành công, thủ tục trả về giá trị 1, ngược lại thủ tục trả về 0

d3. Tạo thủ tục có tên NhanVien_Them dùng để thêm một bản ghi mới vào bảng

NhanVien Dữ liệu nhập vào phải thoả mãn các điều kiện sau:

- Có @MaNV không trùng với một MaNV nào đã có trong bảng;

- Có @MaBP phải nằm trong số các MaBP đã có mặt trong bảng BoPhan.

Nếu thêm thành công, thủ tục trả về giá trị 1, ngược lại thủ tục trả về 0

Trang 14

d4. Tạo một thủ tục lưu trữ có tên BoPhan_Them dùng để thêm một bộ phận mới vào bảng BoPhan trong cơ sở dữ liệu với điều kiện: nếu Tên BP không có trong CSDL thì thực hiện: Mã BP tăng tự động (lấy 2 ký tự) và thêm Tên BP vào trong bảng BoPhan.

d5. Tạo một thủ tục lưu trữ có tên HoaDonBan_Them dùng để thêm một hóa đơn bán mới vào bảng HoaDonBan với điều kiện:

- Có @SoHDB phải nằm trong các SoHDB đã có trong bảng HoaDonBan;

- Có @MaMH phải nằm trong các MaMH đã có trong bảng MatHang.

d8. Tạo một thủ tục lưu trữ có tên CTHDN_Them dùng để thêm một dòng dữ liệu mới vào bảng CTHDN với điều kiện:

- Có @SoHDN phải nằm trong các SoHDN đã có trong bảng HoaDonNhap;

- Có @MaMH phải nằm trong các MaMH đã có trong bảng MatHang

Trang 15

PHẦN 3 NGÔN NGỮ LẬP TRÌNH NET VÀ CÁC ĐIỀU KHIỂN WEBFORM CƠ BẢN

Tạo 1 website có tên Phan3_MãSV (Chú ý, Đặt tên mã sinh viên của người thực hiện):

Bài 1 Thêm vào website một trang web có tên Bai1_MãSV.aspx, có giao diện như sau:

Yêu cầu:

- Nhập vào 2 số thực a và b

- Tính kết quả: Cộng, trừ, nhân, chia của a và b

- Không cho người dùng chỉnh sửa giá trị kết quả

- Nút lệnh Làm lại để xóa rỗng các giá trị của các TextBox

Bài 2 Thêm vào website một trang web có tên Bai2_MãSV.aspx, có giao diện như sau:

Yêu cầu:

- Nhập vào 2 số thực a và b

- Giải và biện luận phương trình bậc 1

Bài 3 Thêm vào website một trang web có tên Bai3_ MãSV.aspx, có giao diện như sau:

Yêu cầu:

- Nhập vào 2 số thực a , b và c

- Giải và biện luận phương trình bậc 2 (ax2 + bx + c = 0)

Trang 16

Bài 4 Thêm vào website một trang web có tên Bai4_ MãSV.aspx, có giao diện như sau (Ví dụ,

minh họa các vòng lặp trong ngôn ngữ VB.NET):

Yêu cầu:

- Nhập vào 1 số nguyên dương n

- Tính tổng các số nguyên từ 1 -> n dựa vào các vòng lặp trên

Yêu cầu:

- Nhập vào 1 số nguyên dương n

- Xây dựng hàm KTNguyenTo dùng để kiểm tra một số có phải là số nguyên tố hay không?

- Xuất kết quả các số nguyên tố từ 1 đến n

Ví dụ, nhập n = 20 và màn hình kết quả:

Trang 17

Yêu cầu:

- Nhập dữ liệu vào các TextBox: Mã sinh viên, họ tên, môn học, tỷ lệ KT, điểm kiểm tra,

điểm thi

- Tính điểm tổng kết

- Xây dựng hàm XepLoai dùng để xếp loại kết quả học tập của sinh viên như sau:

• Nếu DTB < 3.5: Quá yếu

• Ngược lại, nếu DTB < 5: Yếu

• Ngược lại, nếu DTB < 6: Trung bình

• Ngược lại, nếu DTB < 7: Trung bình khá

• Ngược lại, nếu DTB < 8: Khá

• Ngược lại, nếu DTB < 9: Giỏi

• Ngược lại, Xuất sắc

- Hiện thị kết quả xếp loại

Ví dụ, nhập các thông tin và hiện thị kết quả:

Trang 18

− Ngành học có các giá trị: Công nghệ thông tin, Công nghệ chế biến, Công nghệ thực

phẩm, Kế toán – Tài chính

− Nhập dữ liệu và click vào nút lệnh Xác nhận sẽ cho kết quả:

Trang 19

− Chú ý, Kiểm tra các dữ liệu nhập vào các TextBox

− Khi người sử dung click chuột vào nút lệnh Đăng ký, sẽ kiểm tra các thông tin nhập vào

có hợp lệ hay không? Nếu hợp lệ thì hiện thị thông tin mà người sử dụng đã nhập vào

Trang 20

PHẦN 4 WEB DATABASE VỚI NET

Tạo 1 website có tên Phan4_MãSV (Chú ý, Đặt tên mã sinh viên của người thực hiện):

BÀI 1: Câu 1 Phần cơ sở dữ liệu:

a) Xây dựng cơ sở dữ liệu trên SQL Server có tên là Bai1_MãSV, có 1 bảng (Table) như sau:

ĐIỆN THOẠI (Mã ĐT , Tên ĐT, Đơn giá, Phụ kiện kèm theo, Loại điện thoại)

b) Nhập vào bảng 3 dòng dữ liệu

c) Tạo 4 Stored Procedures: DienThoai_DS, DienThoai_Them, DienThoai_Xoa,

DienThoai_Sua dùng để hiển thị danh sách, thêm, xoá, sửa thông tin trong bảng ĐIỆN THOẠI.

Câu 2 Thêm vào website 1 trang web mới có tên là Bai1_MãSV.aspx, có giao diện như sau:

Giải thích:

- Tạo 1 GridView dùng để hiện thị danh sách điện thoại hiện có trong cơ sở dữ liệu

- Phần cập nhật thông tin điện thoại gồm: 5 TextBox: Mã điện thoại, Tên điện thoại, Đơn giá, Phụ kiện kèm theo, Loại điện thoại; 3 Button Thêm, Sửa, Xoá tương ứng với các chức năng:

Thêm, Sửa, Xoá thông tin của điện thoại

Dùng ASP.NET, C# hoặc VB.NET, hãy thực hiện các công việc trên.

BÀI 2:

Câu 1 Phần cơ sở dữ liệu:

a) Xây dựng cơ sở dữ liệu trên SQL Server có tên là Bai2_MãSV, gồm 2 bảng (Table) như sau:

LOẠI SÁCH (Mã loại sách, Tên loại sách)

SÁCH (Mã sách , Tên sách, Ảnh sách, Tác giả, Nhà xuất bản, Mã loại sách)

b) Tạo diagrams và nhập vào mỗi bảng 3 dòng dữ liệu

c) Tạo các Stored Procedures: Sach_DS, Sach_Them, Sach_Xoa, Sach_Sua dùng để hiển

thị danh sách, thêm, xoá, sửa thông tin trong bảng SÁCH

Định dạng
Số trang	25
Dung lượng	1,43 MB