LỜI MỞ ĐẦU Trước tiên em thật sự muốn nói lời xin lỗi đến giảng viên hướng dẫn của em là thay Nguyễn Mai Huy, lý đo là vì đồ án môn học này của em không hoàn thiện được hoàn toàn không p
Phân chia vùng hiến thi
Đề tăng cường khả năng linh hoạt trong trình bải trên các trang web cũng như việc giới hạn phạm vi định dạng đối với đữ liệu trên một trang html, chung ta c6 thể sử dụng một trong hai lai tag dưới đây:
- : tao ra ving chira trên trang web, tà này cĩ thể chưa bất kì tag html nào mà bạn biết Việc sử dụng điv trên trang html cũng gần như việc tạo ra cac phan doan (section) trong soan thao van bản thông thường vậy
- : tag nay cũng có ý nghĩa tương tự như div, tuy nhiên phạm vị ảnh hưởng của span mang ý nghĩa “hẹp” hơn thường chỉ có hiệu lực trên phạm vi một nhóm kí tự thuộc paragraph mà thôi.
CSS (Cascading Style Sheet)
Thuộc tính phố biến 1 Ảnh hưởng tới chữ viết
- font-family - font-size - font-style - font-weight - text-decoration - text-shadow
3.4.2 Ảnh hưởng trên đoạn văn - Line-height
Hình 1.3.11: Ví dụ minh họa thuộc tính line-height và font-size
3.4.3 Pham vi, vị trí đối với vùng chứa
- width, min-width, max-width - height, min-height, max-heigh - background
- border - padding - margin - boxshadow - left, top, bottom, right - overflow
Hinh 1.3.12: Vi du minh hoa pham vi
3.4.4 Một số thuộc tính khác
Bootstrap framework
Ưu điểm của bootstrap
- _ Dễ sử dụng: Bất kỳ ai chỉ có kiến thức cơ bản về HTML và CSS có thê bắt đầu sử dụng Bootstrap
- _ Độ tương thích cao: CSS đáp ứng của Bootstrap điều chỉnh đề điện thoại, máy tính bảng và máy tính đề bàn và tương thích với hầu hết tất cả các trình duyệt (Chrome, Firefox, Internet Explorer, Edge, Safari va Opera)
JavaScript
Một số lưu ý
Sử dụng trực tiếp mã lệnh trên trang web: Đề viết mã JavaScript trên trang web, bạn chỉ việc giới hạn phạm vi bằng cặp tà theo cú pháp như sao:
< scrIpt type= “text/Javascript”> mã lệnh viết bằng JavaScript
Tham chiếu dưới dạng thư viện: Bạn cũng có thể khai báo các thư viện chứa mã JavaScript dé str dung cho trang web cia minh bang cach str dung tag link theo cú pháp như sau:
Một số khái niệm
- _ Lệnh và tập lệnh - Ham (Function): function tenHam(thamSo, thamSo, )
- _ Đối tượng (Object): © Object browser ¢ HTML DOM Object
5.5 Khai báo biến Cú pháp: var tén_bién;
Hoặc cũng có thê khai báo đồng thời khởi gan giá trị cho biến var tên biên = giá trị; var ten; var x=2; var y; var loaiTien = ‘USD’, dvt = ‘Thing’;
Hinh 1.5.1: Minh hoa khai bao bién trong JavaScript 5.6 Phép toán
Operator Description Example Resultiny Resultin x
Hinh 1.5.2: Arithmetic operators - Phép gan (assignment operators)
Operator Example Same As Result in x - x=y x=y x=5
Phép toan trén dir liéu chudi (String operators)
+ text3 = text1 + text2 "Good" "Morning" "Good Morning"
+= text1 += text2 "Good Morning” “Morning” ""
Hinh 1.5.4: String operators Phép so sanh (comparison operators)
=== equal value and equal type x=m=m "5" false x===5 true l= not equal x!l=8 true fom not equal value or not equal type x !== "5" true xi==5 false
>= greater than or equal to x>=8 false
- _ Toán tử điều kiện (condifional operators)
Biển = (điểu_kiện) ? valuel : value2; ketQua = (dtb>z5) 2 'Đạt yêu cầu" : '*Rớt, học lại”;
Cấu trúc điều kiện Cau tric if
1£ (điểu kiện) ( //-~~ Các lệnh sẽ thi hành khi điểu kiện thoả mãn
Hình 1.5.7: Cấu trúc điều kiện if Hoac if else:
1£ (điều kiện) ( arene ' // ~- Các lệnh sẽ thi hành khi điều kiện đúng else { }
Hình 1.5.8: Cấu trúc điều kiện if else Câu trúc swItch-case
// - Các lệnh sẽ thi hành khi biến mang gt1 tuong ứng break; case gt2:
// - Cac lệnh sẽ thi hành khi biến mang gt2 tương ứng break; default:
/ - Cac lệnh sẽ b X5 cac di hành khi biến không phải là một rz; đã 1
Hình 1.5.9: Cấu trúc điều kiện switch-case 5.8 Cấu trúc lặp
for (var biến = gt đầu; biến < gt cuỗi; tăng Gt biến) (
CHUONG 2: PHAN TICH VÀ XÂY DỰNG WEBSITE
1 Hình ảnh tổng quan về website
Hinh 2.2: Mega menu cua nut more 2 Phần code html của website
0@ file [Edit View Git Project Debug Test Analyze Tools Extensions Window lielp Search (Cii+O 2? doAn
3 =
6 Quén Lý Lối Tắt
7
8
Hinh 2.2.1: Dung tag link dé them cac thu vién str dung trong website
CHƯƠNG 3: NHU CÂU VÀ CÁCH TIẾP CẬN VỚI WEBSITE
Em muốn thiết kế một website giúp người dùng có thể quản lý các trang web cũng như thông tin mà người dùng truy cập thường xuyên.