Tải bản đầy đủ (.pdf) (70 trang)

Đồ án tốt nghiệp xây dựng website thương mại điện tử bán giống cây ăn quả

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (2.91 MB, 70 trang )

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & THÔNG TIN &
TRUYỀN THƠNG VIỆT HÀN

Khoa Khoa Học Máy Tính

Xây Dựng Website Thương Mại Điện Tử
Bán Giống Cây Ăn Quả

Sinh viên thực hiện: Thái Văn Đàn
Lớp:

19I2

Giảng viên hướng dẫn: Nguyễn Văn Bình

Đà Nẵng, tháng 12 năm 2021



TRUYỀN THƠNG VIỆT HÀN

Khoa Khoa Học Máy Tính

ĐỒ ÁN TỐT NGHIỆP

Xây Dựng Website Thương Mại Điện Tử
Bán Giống Cây Ăn Quả

Sinh viên :

Thái Văn Đàn



Mã SV: 191C900123
Lớp : 19I2
Giảng viên hướng dẫn : Nguyễn Văn Bình

Đà Nẵng, tháng 12 năm 2021



NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................


ii


LỜI CẢM ƠN
Trong suốt thời gian qua, với sự giúp đỡ của thầy cô và nhà trường, em đã học
tập những nhiều điều, nhờ đó mà em đã nỗ lực hồn thành tốt những dự án của mình.

Em xin chân thành cảm ơn đến Ban lãnh đạo Trường Đại học Công nghệ Thông
tin và Truyền Thông Việt Hàn – Đại học Đà Nẵng đã tạo điều kiện cho em học tập
và tham gia những hoạt động bổ ích tại trường, cung cấp những trang thiết bị giúp
việc học của em tốt hơn.
Đồng thời, em cũng gửi lời cảm ơn đến quý thầy cô trong Nhà trường đã dạy
cho em những kiến thức bổ ích. Đặc biệt , em xin chân thành cảm ơn thầy Nguyễn
Văn Bình đã hỗ trợ và hướng dẫn, giúp em hồn thiện đồ án của mình.
Em xin trân trọng cảm ơn

Sinh viên
Thái Văn Đàn

iii


iv


MỤC LỤC
DANH MỤC CÁC TỪ VIẾT TẮT ..................................... viii
DANH MỤC HÌNH VẼ ........................................................ ix
DANH MỤC CÁC BẢNG .................................................... xi
MỞ ĐẦU ............................................................................. xiii
1. Giới thiệu .................................................................................................. xiii
2. Mục tiêu của đề tài .................................................................................... xiii
3. Nhiệm vụ và hướng giải quyết ...................................................................xiv
4.Ý nghĩa đề tài ..............................................................................................xiv
4. Bố cục báo cáo ...........................................................................................xiv

Chương 1 TỔNG QUAN VỀ CƠNG CỤ VÀ CƠNG NGHÊ 1

1.

Cơng cụ ..................................................................................................... 1
1.1.

Eclipse ................................................................................................ 1

1.2.

Xamp .................................................................................................. 1

1.3. Web Browse ....................................................................................... 2
2. Công nghệ, ngôn ngữ ............................................................................... 3
2.1.

Ngôn ngữ ............................................................................................ 3

2.2.

Công nghệ .......................................................................................... 6

2.3.

Một số thư viện hỗ trợ Front-end ....................................................... 7

2.4.

Hệ quản trị cơ sở dữ liệu MySQL ...................................................... 9

Chương 2 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .......... 10

1.

2.

3.

Mơ hình hóa u cầu .............................................................................. 10
1.1.

Phân tích u cầu ............................................................................. 10

1.3.

Đặc tả ca sử dụng ............................................................................. 12

Mơ hình hóa cấu trúc tĩnh ...................................................................... 14
2.1.
2.2.

Biểu đồ phân tích tổng quát ............................................................. 14
Danh sách các bảng .......................................................................... 14

2.3.

Biểu đồ cơ sở dữ liệu ....................................................................... 18

Mơ hình hóa hành vi động...................................................................... 18
3.1.

Đăng nhập ........................................................................................ 18

v


4.

3.2.

Tìm kiếm .......................................................................................... 19

3.3.

Đổi mật khẩu .................................................................................... 20

3.4.
3.5.

Khách hàng....................................................................................... 21
Quản trị viên..................................................................................... 25

Kết chương 2 .......................................................................................... 31

Chương 3 XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN
TỬ BÁN GIỐNG CÂY ĂN QUẢ ........................................ 33
1.

Khách hàng ............................................................................................. 33
1.1.

Trang chủ ......................................................................................... 33


1.2.

Đăng nhập ........................................................................................ 33

1.3.

Đăng ký ............................................................................................ 34

1.4.

Chi tiết sản phẩm.............................................................................. 34

1.5.
1.6.

Xem theo danh mục ......................................................................... 34
Giỏ hàng ........................................................................................... 35

1.7.

Đặt hàng ........................................................................................... 35

1.8.

Trang lịch sử đặt hàng ...................................................................... 37

1.9.

Trang thông tin đơn hàng đẵ đặt ...................................................... 37


1.10.
1.11.

Trang thông tin cá nhân ................................................................ 38
Trang cập nhật thơng tin ............................................................... 38

1.12.

Trang tìm kiếm .............................................................................. 39

1.13.

Trang đổi mật khẩu ....................................................................... 39

1.14.

Trang đánh giá .............................................................................. 40

1.15.

Trang bình luận ............................................................................. 41

1.16. Xóa sản phẩm giỏ hàng ................................................................. 41
2. Quản trị viên ........................................................................................... 41
2.1.

Trang quản lý sản phẩm ................................................................... 41

2.2.


Trang quản lý tài khoản ................................................................... 42

2.3.

Đổi mật khẩu .................................................................................... 42

2.4.
2.5.

Quản lý danh mục ............................................................................ 43
Trang chỉnh sửa thông tin cây giống................................................ 43

2.6.

Trang thêm mới ................................................................................ 44

2.7.

Xóa cây giống .................................................................................. 44

2.8.

Danh sách đơn hàng mới .................................................................. 45
vi


2.9.
2.10.
3.


Hủy đơn hàng ................................................................................... 45
Duyệt đơn hàng ............................................................................. 46

Kết chương 3 .......................................................................................... 46

KẾT LUẬN .......................................................................... 48

vii


DANH MỤC CÁC TỪ VIẾT TẮT
TỪ VIẾT TẮT
HTML
CSS
IDE

NỘI DUNG
Hypertext Markup Language
Cascading Style Sheets
Integrated Development Environment

viii


DANH MỤC HÌNH VẼ
Hình 1. 1 Eclipse IDE ..................................................................................................... 1
Hình 1. 2 Trình điều khiển Xampp ................................................................................. 2
Hình 1. 3 Web Browse Google Chrome ......................................................................... 3
Hình 1. 4 Ngơn ngữ lập trình Java.................................................................................. 4
Hình 1. 5 Các tác cơ bản trong file HTML .................................................................... 5

Hình 1. 6 CSS file ........................................................................................................... 6
Hình 1. 7 Ngơn ngữ lập trính JavaScript ........................................................................ 6
Hình 1. 8 Spring Framework .......................................................................................... 7
Hình 1. 9 Bootstrap ......................................................................................................... 8
Hình 1. 10 Jquery............................................................................................................ 8
Hình 1. 11 Một số Frontawesome icon .......................................................................... 9
Hình 1. 12 Hệ quản trị cơ sở dữ liệu MySQL ................................................................ 9
Hình 2. 1 Biểu đồ ca sử dụng tổng quát ....................................................................... 11
Hình 2. 2 Biểu đồ ca sử dụng khách hàng .................................................................... 11
Hình 2. 3 Biểu đồ ca sử dụng quản trị viên .................................................................. 12
Hình 2. 4 Biểu đồ lớp phân tích .................................................................................... 14
Hình 2. 5 Cơ sở dữ liệu................................................................................................. 18
Hình 2. 6 Biểu đồ tuần tự Đăng nhập ........................................................................... 19
Hình 2. 7 Biểu đồ tuần tự Tìm kiếm ............................................................................. 20
Hình 2. 8 Biểu đồ tuần tự Đổi mật khẩu, cập nhật thơng tin ........................................ 21
Hình 2. 9 Biểu đồ tuần tự Thêm giỏ hàng .................................................................... 22
Hình 2. 10 Biểu đồ tuần tự Cập nhật giỏ hàng ............................................................. 23
Hình 2. 11 Biểu đồ tuần tự đăng ký tài khảon .............................................................. 24
Hình 2. 12 Biểu đồ tuần tự chức năng Bình luận, đánh giá ......................................... 25
Hình 2. 13 Biểu đồ tuần tự Quản lý đơn hàng ............................................................. 26
Hình 2. 14 Biểu đồ tuần tự Cập nhật tài khoản ............................................................ 27
Hình 2. 15 Biểu đồ tuần tự Xóa tài khoản .................................................................... 28
Hình 2. 16 Biểu đồ tuần tự Thêm cây giống ................................................................ 29
Hình 2. 17 Biểu đồ tuần tự Xóa cây giống ................................................................... 30
Hình 2. 18 Biểu đồ tuần tự Cập nhật thơng tin cây giống ............................................ 31
Hình 3. 1 Giao diện Trang chủ ..................................................................................... 33
Hình 3. 2 Giao diện đăng nhập ..................................................................................... 34
Hình 3. 3 Giao diện đăng ký ......................................................................................... 34
Hình 3. 4 Trang chi tiết sản phẩm ................................................................................ 34
Hình 3. 5 Trang sản phẩm theo danh mục .................................................................... 35

Hình 3. 6 Trang giỏ hàng .............................................................................................. 35
Hình 3. 7 Trang nhập thơng tin đặt hàng ...................................................................... 36
Hình 3. 8 Trang chọn mua ............................................................................................ 36
Hình 3. 9 Trang hóa đơn sau khi đặt ............................................................................ 37
Hình 3. 10 Trang lịch sử đặt hàng ................................................................................ 37
Hình 3. 11 Trang thơng tin đơn hàng đã đặt ................................................................. 38
Hình 3. 12 Trang thông tin cá nhân .............................................................................. 38
ix


Hình 3. 13 Trang cập nhật thơng tin ............................................................................. 39
Hình 3. 14 Tìm kiếm theo tên ....................................................................................... 39
Hình 3. 15 Trang đổi mật khẩu ..................................................................................... 40
Hình 3. 16 Trang đánh giá ............................................................................................ 40
Hình 3. 17 Trang bình luận ........................................................................................... 41
Hình 3. 18 Chức năng xóa sản phẩm trong giỏ hàng ................................................... 41
Hình 3. 19 Trang quản lý sản phẩm ............................................................................. 42
Hình 3. 20 Trang quản lý tài khoản .............................................................................. 42
Hình 3. 21 Chức năng đổi mật khẩu ............................................................................. 43
Hình 3. 22 Trang quản lý danh mục ............................................................................. 43
Hình 3. 23 Trang chỉnh sửa cây giống.......................................................................... 44
Hình 3. 24 Trang thêm mới cây giống.......................................................................... 44
Hình 3. 25 Chức năng xóa cây giống ........................................................................... 45
Hình 3. 26 Quản lý đơn hàng mới ................................................................................ 45
Hình 3. 27 Chức năng hủy đơn hàng ............................................................................ 45
Hình 3. 28 Chức năng thơng qua đơn hàng .................................................................. 46

x



DANH MỤC CÁC BẢNG
Bảng 1 Danh sách các bảng ................................................................................ 15
Bảng 2 Bảng Tài khoản....................................................................................... 15
Bảng 3 Bảng Quyền đăng nhập .......................................................................... 15
Bảng 4 Bảng Quyền tài khoản ............................................................................ 15
Bảng 5 Bảng Hóa đơn ......................................................................................... 16
Bảng 6 Bảng Chi tiết hóa đơn ............................................................................. 16
Bảng 7 Bảng Đánh giá ........................................................................................ 16
Bảng 8 Bảng Bình luận ....................................................................................... 16
Bảng 9 Bảng Loại cây ......................................................................................... 17
Bảng 10 Bảng Cây giống .................................................................................... 17
Bảng 11 Bảng giỏ hàng ....................................................................................... 17
Bảng 12 Bảng chi tiết giỏ hàng ........................................................................... 17
Bảng 13 Bảng Thông tin cá nhân ........................................................................ 17
Bảng 14 Bảng Nhà giống .................................................................................... 18
Bảng 15 Bảng Phản hồi khách hàng ................................................................... 18

xi


xii


MỞ ĐẦU
1. Giới thiệu
Thế kỷ XXI, với sự phát triển không ngừng của khoa học kỹ thuật, các công ty
công nghệ cho ra đời liên tục những công nghê mới, những công nghê này làm thây đổi
các hoạt động của con người. Ngày trước chúng ta cần mua gì thì phải đến của hàng
bán thứ bản thân muốn, có những thứ muốn mua ở những của hàng gân chúng ta thì
khơng có gì để bản đến, nhưng cũng có các mặt hàng muốn nhưng cửa hàng lại ở xa.

Chúng ta muốn mua thì phải bỏ cơng bỏ sức đi xa mới mua được.
Bây giờ, nhờ những thành tựu của khoa học cơng nghê, sự số hóa các dịch vụ
chúng ta có thể mua sắm ngay khi ở trong chính ngồi nhà của mình,có thể mua những
mặt hàng mình muốn khơng cịn phải bỏ cơng sức qua nhiều. Nhờ cơng nghệ, mọi thứ
đối với chúng ta bây giò dễ dàng hơn nhiều.
Đặc biệt trong đại dịch Covid-19, cơng cuộc số hóa hạ tầng càng được đẩy mạnh
hơn nữa. Nắm bắt xu thế phát triển đó và các điều kiện khó khăn trong dịch bệnh
“website mua bán giống cây ăn quả” được xây dựng.

2. Mục tiêu của đề tài
Với đất nước có khí hậu nhiệt đới ấm gió mùa, nên kinh tế Việt Nam hiện tại tập
trung phát triển công nghiệp và dịch vụ nhưng không hề bỏ rơi ngành nông nghệp bao
đời nay của cha ông. Với nên nông nghiệp lâu đời Việt Nam là một trong những nước
xuất khẩu nong sản lớn của thế giới. Hỗ trợ cho sự trồng trọt cho người nông dân
“website thương mại điện tử bán giống cây ăn quả” ra đời nhàm:
- tạo ra trang web thân thiện với người dùng
- có những giống cấy địa phương khơng có nhưng các nơi khác có, trang web
giúp người mua có được những cây giống phù hợp với nhu cầu mà giảm được thời gian
di chuyển
- Website cung cấp các chức năng chính như:
+ Xem , tìm kiếm .
+ Thêm vào giỏ hàng
+ Chỉnh sửa giỏ hàng
+ Đặt hàng, hủy đơn hàng
xiii


- Củng cố, nâng cao kiến thức về các ngôn ngữ đã học. Qua đó áp dụng
cho việc thực hiện những đề tài khác.
3. Nhiệm vụ và hướng giải quyết

Từ những yêu cầu của khách hàng đã đặt ra ở trên, đề xuất những nhiệm
vụ và hướng giải quyết theo từng bước sau:
- Tìm hiểu yêu cầu của người dùng kết hợp tham khảo những trang web
tương tự để xây dựng các chức năng phù hợp với nhu cầu người sử dụng.
- Tìm hiểu những thơng tin khảo sát thực tiễn về thiết kế bán hàng nội
thất để thêm một số chức năng vào trang web.
- Tìm hiểu ngơn ngữ sử dụng, cài đặt công cụ và môi trường để thiết kế
giao diện trang web.
- Xây dựng website.
- Tiến hành chạy thử, kiểm tra lỗi.
- Chỉnh sửa, bổ sung những chức năng cần thiết cho trang web.
4. Ý nghĩa đề tài
- Ý nghĩa đối với doanh nghiệp: trang web giúp đưa ra các loại cây mới. Đa dạng
cho nên nông nghiệp
- Ý nghĩa đối với khách hàng: trang web giúp người mua hàng lựa chọn
sản phẩm đáp ứng nhu cầu cá nhân một cách dễ dàng, quản lý những
đơn hàng của mình thơng qua Internet. Khách hàng cũng khơng cần đến
cửa hàng vận chuyển tốn công sức, đặc biệt trong tình hình dịch bệnh hiên nay.
- Ý nghĩa đối với sinh viên: giúp bản thân có thêm sự hiểu biết về hàng
nội thất, tăng khả năng tư duy, tạo ý tưởng tạo ra trang web, cải thiện và
trau dồi những kiến thức, kỹ năng của bản thân.

4. Bố cục báo cáo
Sau phần Mở đầu, báo cáo được trình bày trong ba chương, cụ thể như sau:
Chương 1. Tổng quan về cơng nghệ,cơng cụ Trong chương này, báo cáo trình
bày các khái niệm, đặc điểm, công nghệ, công cụ.

xiv



Chương 2. Phân tích thiết kế hệ thống … . Nội dung chương phân tích yêu cầu,
xây dựng cơ sở dữ liệu
Chương 3. Xây dựng website mua bán giống cây ăn quả Chương này đề
Cuối cùng là Kết luận, Tài liệu tham khảo và Phụ lục liên quan đến đề tai

xv


xvi


Chương 1 TỔNG QUAN VỀ CÔNG CỤ VÀ CÔNG NGHÊ
1. Cơng cụ
1.1. Eclipse
Eclipse là một mơi trường phát triển tích hợp dùng cho lập trình máy tính. Nó
chứa một khơng gian làm việc cơ sở và một hệ thống plug-in để mở rộng để tùy chỉnh
môi trường. Eclipse được viết chủ yếu bằng Java và nó được dùng chủ yếu cho lập
trình ứng dụng Java, nhưng nó cũng có thể dùng để lập trình ứng dụng bằng các ngơn
ngữ khác thông qua plug-ins, bao gồm Ada, ABAP, C, C++, C#, Clojure, COBOL, D,
Erlang, Fortran, Groovy, Haskell, HTML, JavaScript, Julia Lasso, Lua, NATURAL, P
erl, PHP, Prolog, Python, R, Ruby (Bao gồm Ruby on Rails framework), Rust, Scala,
và Scheme. Nó cũng có thể dùng để phát triển các tài liệu bằng LaTeX (thơng qua một
plug-in TeXlipse) và các gói tin cho phần mềm Mathematica. Môi trường phát triển
bao gồm Eclipse Java development tools (JDT) cho Java và Scala, Eclipse CDT cho
C/C++, và Eclipse PDT for PHP, và những gói khác.
Eclipse SDK là phần mềm tự do nguồn mở, phát hành theo các điều khoản
của Eclipse Public License.
Eclipse lấy cảm hứng từ môi trường phát triển tích hợp dựa trên
Smalltalk VisualAge.


Hình 1. 1 Eclipse IDE

1.2. Xamp
Xampp là chương trình tạo máy chủ Web được tích hợp sẵn Apache,PHP,
MySQL, FTP Server, Mail Server và các cơng cụ như phpMyAdmin.Khơng như
Appserv, Xampp có chương trình quản lý khá tiện lợi, cho phép chủ động bật tắt hoặc
khởi động lại các dịch vụ máy chủ bất kỳ lúc nào.Xampp là một mã nguồn mở máy
chủ web đa nền được phát triển bởi Apache Friends, bao gồm chủ yếu là Apache
1


HTTP Server, MariaDB database, và interpreters dành cho những đối tượng sử dụng
ngôn ngữ PHP và Perl. Xampp là viết tắt của Cross-Flatfom (đa nền tảng-X), Apache
(A), MariaDB (M), PHP (P) và Perl (P). Nó phân bố Apache nhẹ và đơn giản, khiến
các lập trình viên có thể dễ dàng tạo ra máy chủ web local để kiểm tra và triển khai
trang web của mình. Tất cả mọi thứ cần cho phát triển một trang web - Apache (ứng
dụng máy chủ), Cơ sở dữ liệu (MariaDB) và ngôn ngữ lập trình (PHP) được gói gọn
trong 1 tệp. Xampp cũng là 1 đa nền tảng vì nó có thể chạy tốt trên cả Linux,
Windows và Mac. Hầu hết việc triển khai máy chủ web thực tế đều sử dụng cùng
thành phần như XAMPP nên rất dễ dàng để chuyển từ máy chủ local sang máy chủ
online.

Hình 1. 2 Trình điều khiển Xampp

1.3. Web Browse
Trình duyệt web là một ứng dụng phần mềm để truy cập thông tin trên World
Wide Web. Mỗi trang web, hình ảnh và video riêng lẻ được xác định bằng
một URL riêng biệt, cho phép các trình duyệt truy xuất và hiển thị chúng trên thiết bị
của người dùng mới.
Trình duyệt web đọc định dạng HTML để hiển thị, do vậy một trang web có thể

hiển thị khác nhau trên các trình duyệt khác nhau.
Các trình duyệt web phổ biến nhất là Chrome, Firefox, Internet
Explorer và Microsoft Edge(Edge Chromuim).

2


Hình 1. 3 Web Browse Google Chrome

2. Cơng nghệ, ngơn ngữ
2.1. Ngôn ngữ
2.1.1. Java
Java là một một ngôn ngữ lập trình hiện đại, bậc cao, hướng đối
tượng,bảo mật và mạnh mẽ. và là một Platform.
Platform: Bất cứ môi trường phần cứng hoặc phần mềm nào mà trong đó
có một chương trình chạy, thì được hiểu như là một Platform. Với mơi trường
runtime riêng cho mình (JRE) và API, Java được gọi là Platform.
Ngơn ngữ lập trình Java ban đầu được phát triển bởi Sun Microsystems
do James Gosling khởi xướng và phát hành vào năm 1995.Phiên bản mới nhất
của Java Standard Edition là Java SE 8. Với sự tiến bộ của Java và sự phổ biến
rộng rãi của nó, nhiều cấu hình đã được xây dựng để phù hợp với nhiều loại
nền tảng khác nhau. Ví dụ: J2EE cho các ứng dụng doanh nghiệp, J2ME cho
các ứng dụng di động.Các phiên bản J2 mới đã được đổi tên thành Java SE,
Java EE và Java ME. Phương châm của java là "Write Once, Run Anywhere" viết một lần chạy nhiều nơi, nghĩa là bạn chỉ cần viết một lần trên window
chẳng hạn,sau đó vẫn chương trình đó bạn có thể chạy trên Linux, Android, các
thiết bị J2ME...
Một số tính năng cơ bản của java như sau:

Hướng đối tượng Trong Java, mọi thứ đều là một Object.
Java có thể dễ dàng mở rộng và bảo trì vì nó được xây dựng dựa

trên mơ hình Object.
Bảo mật Với tính năng an tồn của Java, nó cho phép phát
triển các hệ thống khơng có virut, giả mạo. Các kỹ thuật xác thực
dựa trên mã hoá khóa cơng khai.
3


Nền tảng độc lập - Không giống nhiều ngôn ngữ lập trình khác bao gồm
cả C và C ++, khi Java được biên dịch, nó khơng được biên dịch thành
ngơn ngữ máy nền tảng cụ thể, thay vào mã byte - nền tảng độclập. Mã
byte này được thông dịch bởi máy ảo (JVM) trên nền tảng nào đó mà nó
đang chạy.

Hình 1. 4 Ngơn ngữ lập trình Java

2.1.2. HTML
HTML là viết tắt của từ Hyper Text Markup Language, có nghĩa là ngôn
ngữ đánh dấu siêu văn bản. HTML được sử dụng để định dạng và hiển thị văn
bản trên trình duyệt tới người sử dụng. Nó là xương sống của một trang web.
HTML gồm một số thẻ như , <span>, <div> ,<a>,

,<img>,
<video>,<audio>, <canvas>, <u>, <i>, <li>, <ul>,...

4


Hình 1. 5 Các tác cơ bản trong file HTML

2.1.3. CSS
CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngơn ngữ
được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngơn ngữ


đánh dấu (HTML). Nói ngắn gọn hơn là ngơn ngữ tạo phong cách cho trang
web. Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trị định dạng các
phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,...thì
CSS sẽ giúp chúng ta có thể thêm style vào các phần tử HTML đó như đổi bố
cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc...
CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm
1996, vì HTML khơng được thiết kế để gắn tag để giúp định dạng trang
web.Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn,vùng
chọn có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác. Sau
đó là nó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó.

5


×