Tiểu luận môn học thiết kế web xây dựng website nhà sách bt
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 (3.3 MB, 55 trang )
TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT
KHOA KỸ THUẬT CÔNG NGHỆ
TIỂU LUẬN MÔN HỌC
THIẾT KẾ WEB
XÂY DỰNG WEBSITE
NHÀ SÁCH BT
GVHD: Th.S NGUYỄN HỮU VĨNH
SVTH: NGUYỄN BẢO THANH
MSSV: 1824801040040
LỚP: D18HT01
BÌNH DƯƠNG – 7/2020
0
0
TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT
KHOA KỸ THUẬT CÔNG NGHỆ
TIỂU LUẬN MÔN HỌC
THIẾT KẾ WEB
XÂY DỰNG WEBSITE
NHÀ SÁCH BT
GVHD: Th.S NGUYỄN HỮU VĨNH
SVTH: NGUYỄN BẢO THANH
MSSV: 1824801040040
LỚP: D18HT01
BÌNH DƯƠNG – 7/2020
i
0
0
KHOA KỸ THUẬT CÔNG NGHỆ
NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN
Họ và tên giảng viên: Th.S Nguyễn Hữu Vĩnh
Tên đề tài: Xây dựng website nhà sách BT
I. Nội dung nhận xét:
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
II. Điểm:
Bằng số:....................................
Bằng chữ:..................................
GIẢNG VIÊN CHẤM
(Ký, ghi rõ họ tên)
NGUYỄN HỮU VĨNH
ii
0
0
MỤC LỤC
PHIẾU CHẤM ĐIỂM.................................................................................................ii
MỤC LỤC................................................................................................................ iii-v
LỜI NÓI ĐẦU..............................................................................................................1
CHƯƠNG 1. TỔNG QUAN VỀ ĐỀ TÀI...........................................................2
I.
Tên Đề Tài............................................................................................................. 2
II.
Mục Tiêu Của Đề Tài............................................................................................. 2
III. Ý Nghĩa Của Đề Tài..............................................................................................2
IV. Đối Tượng Của Đề Tài...........................................................................................2
V.
Một Số Trang Chính Của Website..........................................................................2
CHƯƠNG 2. GIỚI THIỆU CƠNG NGHỆ.......................................................3
I.
Giới Thiệu Về HTML............................................................................................3
1. HTML Là Gì?....................................................................................................3
2. Cơng Dụng Của HTML.....................................................................................3
3. Định Dạng Của HTML......................................................................................3
II.
Giới Thiệu Về Adobe Dreamweaver......................................................................3
III. Ngôn Ngữ CSS...................................................................................................... 4
IV. Ngôn Ngữ JavaScript.............................................................................................5
CHƯƠNG 3. GIAO DIỆN CHƯƠNG TRÌNH.................................................6
I.
Giao diện Trang Chủ..............................................................................................7
II.
Giao diện trang Giới Thiệu.................................................................................8-9
III. Giao diện trang Liên Hệ....................................................................................9-10
IV. Giao diện trang Đăng Ký................................................................................10-11
V.
Giao diện trang Đăng Nhập............................................................................11-12
VI. Giao diện thanh Menu Sách Theo Chủ Đề..................................................... 12-13
iii
0
0
1. Giao diện trang sách Ngoại Ngữ.................................................................... 13
2. Giao diện trang sách Khoa Học Kỹ Thuật....................................................... 14
3. Giao diện trang Truyện.................................................................................... 15
4. Giao diện trang sách Văn Học......................................................................... 16
5. Giao diện trang sách Công Nghệ Thông Tin................................................... 17
6. Giao diện trang sách Giáo Khoa – Tham Khảo............................................... 18
7. Giao diện trang sách Kinh Tế.......................................................................... 19
8. Giao diện trang sách Nghệ Thuật Sống........................................................... 20
VII. Giao diện thanh Menu Sách Theo Nhà Xuất Bản............................................... 20
1. Giao diện trang nhà xuất bản Trẻ.................................................................... 21
2. Giao diện trang nhà xuất bản Thống Kê.......................................................... 22
3. Giao diện trang nhà xuất bản Kim Đồng......................................................... 23
4. Giao diện trang nhà xuất bản Đại Học Quốc Gia............................................ 24
5. Giao diện trang nhà xuất bản Văn Hóa – Văn Nghệ....................................... 25
6. Giao diện trang nhà xuất bản Phụ Nữ.............................................................. 26
7. Giao diện trang nhà xuất bản Lao Động – Xã Hội.......................................... 27
8. Giao diện trang nhà xuất bản Khoa Học Kỹ Thuật......................................... 28
VIII. Giao diện trang Chi Tiết Sách............................................................................. 28
1. Chi tiết sách Ngoại Ngữ................................................................................... 29
2. Chi tiết sách Khoa Học Kỹ Thuật.................................................................... 30
3. Chi tiết Truyện................................................................................................. 31
4. Chi tiết sách Văn Học...................................................................................... 32
5. Chi tiết sách Công Nghệ Thông Tin................................................................ 33
6. Chi tiết sách Giáo Khoa – Tham Khảo............................................................ 34
7. Chi tiết sách Kinh Tế....................................................................................... 35
iv
0
0
8. Chi tiết sách Nghệ Thuật Sống........................................................................ 36
9. Giao diện trang nhà xuất bản Trẻ.................................................................... 37
10. Chi tiết nhà xuất bản Thống Kê..................................................................... 38
11. Chi tiết nhà xuất bản Kim Đồng.................................................................... 39
12. Chi tiết nhà xuất bản Đại Học Quốc Gia........................................................ 40
13. Chi tiết nhà xuất bản Văn Hóa – Văn Nghệ................................................... 41
14. Chi tiết nhà xuất bản Phụ Nữ......................................................................... 42
15. Chi tiết nhà xuất bản Lao Động – Xã Hội...................................................... 43
16. Chi tiết nhà xuất bản Khoa Học Kỹ Thuật..................................................... 44
CHƯƠNG 4. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN.......................... 45-46
I.
Kết quả đạt được.................................................................................................. 45
II.
Việc chưa làm được..............................................................................................45
III. Hướng phát triển của đề tài.............................................................................45-46
CHƯƠNG 5. TÀI LIỆU THAM KHẢO......................................................... 47
v
0
0
LỜI NĨI ĐẦU
Ngày nay, đi đơi với sự phát triển của kinh tế, xã hội là áp lực từ công việc đè
nặng lên đôi vai của mỗi người. Con người rất cần sự giải tỏa khỏi áp lực của cuộc
sống và đọc sách là một phương án hữu hiệu để giải trí, giảm căn thẳng vơ cùng hiệu
quả
Khơng chỉ giúp giảm stress vơ cùng hiệu quả, đọc sách cịn mang lại nhiều lợi
ích khác. Đọc sách giúp nâng cao kiến thức, sách chính là nguồn tri thức vơ tận về mọi
lĩnh vực trong cuộc sống của những người đi trước viết ra kể lại và truyền đạt cho
chúng ta. Các cuốn sách về kinh tế, lịch sử, văn hóa cho ta kiến thức về kinh doanh và
thực tế xã hội, về sự phát triển qua từng thời kỳ nhân loại. Đọc sách dù ít dù nhiều hay
đọc về lĩnh vực gì bạn đều sẽ nhận được những trải nghiệm, khơng ai dám chắc chăm
đọc sách chưa chắc đã thành công nhưng những người thành công lớn đều ham đọc
sách. Đọc sách cũng giúp kích thích tinh thần và tăng tuổi thọ, các nghiên cứu đã chỉ
ra rằng, đọc sách giúp kích thích tinh thần. Sự kích thích tinh thần giúp làm chậm lại
tiến độ (hoặc thậm chí có thể ngăn chặn) căn bệnh Alzheimer và mất trí nhớ. Đồng
thời, cũng theo một nghiên cứu khoa học được đăng trên tạp chí Social Science &
Medicine đã chỉ ra rằng chỉ cần 30 phút đọc sách mỗi ngày thơi là bạn có thể nâng cao
tuổi thọ của mình lên từ hai đến ba năm đồng thời cũng giúp chất lượng cuộc sống cải
thiện lên một cách rõ rệt. Và còn rất nhiều lợi ích mà việc đọc sách mang đến cho bạn.
Con người ngày nay quá bận rộn để có thể dành thời gian đi đến thư viện, nhà
sách để tìm một cuốn sách để đọc. Nhưng cùng với sự phát triển của thế giới, công
nghệ thông tin và thương mại điện tử cũng phát triển rất mạnh mẽ. Nhờ vào thương
mại điện tử mà con người có thể mua sắm những thứ mình muốn mà khơng phải tốn
q nhiều thời gian. Nắm bắt được điều đó tơi chọn đề tài về: “Thiết kế website nhà
sách BT”. Đây là website bán hàng online đơn giản, thân thiện và dễ sử dụng với
người dùng. Cung cấp nhưng đầu sách chất lượng từ những nhà xuất bản nổi tiếng, với
đa dạng chủ đề. Giúp cho mọi người có thể thỏa niềm đam mê đọc sách hay bắt đầu
tập thói quen đọc sách mà khơng phải tốn nhiều thời gian.
1
0
0
CHƯƠNG 1. TỔNG QUAN VỀ
ĐỀ TÀI
CHƯƠNG 2.
CHƯƠNG 3. I. Tên đề tài:
CHƯƠNG 4. XÂY DỰNG WEBSITE
NHÀ SÁCH BT.
CHƯƠNG 5. II. Mục tiêu của đề
tài:
CHƯƠNG 6. Xây dựng website bán
sách tên NHÀ SÁCH BT.
CHƯƠNG 7. III. Ý nghĩa của đề
tài:
Giúp cho mọi người có thể dễ dàng tìm hiểu thong tin và thuận tiện trong việc mua
sắm những quyển sách mà mình mong muốn.
Quảng bá thương hiệu.
CHƯƠNG 8. IV. Đối tượng của đề
tài:
CHƯƠNG 9. Đối tượng nghiên cứu
chủ yếu là các loại sách theo chủ đề và
theo nhà xuất bản ở Việt Nam.
CHƯƠNG 10. V. Một số trang
chính của website:
Trang chủ: Đây là trang giới thiệu sơ lược về các sản phẩm mới của nhà sách.
Trang Giới thiệu: Đây là trang giúp cho khách hàng xem biết thêm về thông tin của
nhà sách.
Trang liên hệ: Đây là trang mà khách hàng có thể liên hệ với nhà sách.
Trang đăng ký: Người dùng đăng ký tài khoản để trở thành khách hàng của
website.
Trang đăng nhập: Người dùng đăng nhập tài khoản để đặt mua sản phẩm của
website.
2
0
0
Trang sản phẩm: Đây là trang khách hàng xem hoặc tham khảo các mặt hàng của
nhà sách có sẵn để lựa chọn.
Trang chi tiết sản phẩm: Đây là trang khách hàng nhấn vào từng cuốn sách để xem
chi tiết.
CHƯƠNG 11.
CHƯƠNG 12.
3
0
0
CHƯƠNG 13.
4
0
0
Chương 2. Giới thiệu cơng nghệ
CHƯƠNG 14. GIỚI THIỆU
CƠNG NGHỆ
CHƯƠNG 15. I. Giới thiệu về HTML:
CHƯƠNG 16. 1. HTML là gì?
CHƯƠNG 17. HTML
(Hypertext
Markup Language - Ngơn ngữ đánh
dấu siêu văn bản) là ngôn ngữ đánh
dấu chuẩn dùng soạn thảo các tài liệu
World Wide Web, chỉ rõ một trang
Web được hiển thị như thế nào trong
trình duyệt.
CHƯƠNG 18. Ngơn ngữ HTML dùng
các tag hoặc các đoạn mã lệnh để chỉ
cho các trình duyệt (Web Browsers)
cách hiển thị các thành phần của trang
như text và graphics.
CHƯƠNG 19. HTML là ngôn ngữ xác
định cấu trúc của thông tin.
CHƯƠNG 20. HTML sử dụng một
loạt các thẻ và thuộc tính
và được
dùng để hiện thị văn bản và các thông
tin khác, cung cấp siêu liên kết tới các
tài liệu khác.
CHƯƠNG 21. 2. Công dụng của
HTML:
CHƯƠNG 22. Thiết kế được nội dung
và hình thức của trang web.
CHƯƠNG 23. Xuất bản được các tài
liệu trực tuyến hay truy xuất các thông
5
0
0
Chương 2. Giới thiệu công nghệ
tin trực tuyến bằng cách dùng các liên
kết được chèn vào trang web.
CHƯƠNG 24. Tạo ra các biểu mẫu
trực tuyến nhằm thu thập các thông tin
người dùng, quản lý giao dịch….
CHƯƠNG 25. Thêm vào đối tượng
các hình ảnh video, âm thanh…..
CHƯƠNG 26. 3.
Định
dạng
của
HTML:
CHƯƠNG 27. Là một tập tin có phần
mở rộng là .htm hoặc .html
CHƯƠNG 28. Là một tập tin văn bản
thuần túy, có chứa các mã đặc biệt gọi
là Tag (thẻ), thường được đặt xung
quanh một khối văn bản nào đó.
CHƯƠNG 29. Có thể viết trên nhiều
trình soạn thảo: Microsoft Fontpage,
Notepad…và được sử dụng nhiều nhất
đó là Adobe Dreamweaver.
CHƯƠNG 30. II. Giới thiệu về
Adobe Dreamweaver:
CHƯƠNG 31. Macromedia
Dreamweaver 8 là trình biên soạn
HTML chuyên nghiệp dùng để thiết
kế, viết mã và phát triển website cùng
các trang web và các ứng dụng web.
Cho dù bạn có thích thú với cơng việc
viết mã HTML thủ cơng hoặc bạn
thích làm việc trong mơi trường biên
6
0
0
Chương 2. Giới thiệu công nghệ
soạn trực quan, Dreamweaver cung
cấp cho bạn những cơng cụ hữu ích để
nâng cao kinh nghiệm thiết kế web của
bạn.
CHƯƠNG 32. Các tính năng biên soạn
trực quan trong Dreamweaver cho
phép bạn tạo nhanh các trang web mà
khơng cần các dịng mã. Bạn có thể
xem tất cả các thành phần trong
website của bạn và kéo chúng trực tiếp
từ một panel dễ sử dụng vào 1 văn bản.
Bạn có thể nâng cao sản phẩm của bạn
bằng cách tạo và sửa các ảnh trong
Macromedia Fireworks hoặc trong ứng
dụng ảnh khác, rồi sau đó chèn trực
tiếp vào Dreamweaver. Dreamweaver
cũng cung cấp những cơng cụ giúp đơn
giản hóa việc chèn Flash vào trang
web.
CHƯƠNG 33. Dreamweaver cũng cho
phép bạn thiết kế các ứng dụng web
động dựa theo dữ liệu sử dụng công
nghệ máy chủ như CFML, ASP.NET,
ASP, JSP, và PHP. Nếu sở thích của
bạn là làm việc với dữ liệu XML,
Dreamweaver cung cấp những công cụ
cho phép bạn dễ dàng tạo các trang
XSLT, chèn file XML và hiển thị dữ
liệu XML trên trang web của bạn.
7
0
0
Chương 2. Giới thiệu cơng nghệ
CHƯƠNG 34. Dreamweaver có thể
tùy biến hồn tồn. Bạn có thể tạo cho
riêng mình những đối tượng và yêu
cầu, chỉnh sửa shortcut bàn phím và
thậm chí viết mã JavaScript để mở
rộng
những
khả
năng
của
Dreamweaver với những hành vi mới,
những chuyên gia giám định Property
mới và những báo cáo site mới.
CHƯƠNG 35. III. Ngôn ngữ CSS:
CHƯƠNG 36. CSS (Cascading Style
Sheets) là một ngơn ngữ quy định cách
trình bày cho các tài liệu viết bằng
HTML, XHTML, XML, SVG, hay
UML,…
CHƯƠNG 37. CSS cung cấp nhiều
thuộc tính trình bày dành cho các đối
tượng với sự sáng tạo trong việc kết
hợp các thuộc tính giúp mang lại hiệu
quả cao.
CHƯƠNG 38. CSS đã được hỗ trợ bởi
tất cả các trình duyệt và hiển thị “như
nhau” trên mọi hệ điều hành.
CHƯƠNG 39. CSS đưa ra phương
thức áp dụng từ một file CSS ở ngồi.
Có hiệu quả đồng bộ khi tạo một
website có hàng trăm trang hay khi
muốn thay đổi một thuộc tính trình bày
nào đó.
8
0
0
Chương 2. Giới thiệu công nghệ
CHƯƠNG 40. CSS được cập nhật liên
tục mang lại các trình bày phức tạp và
tinh vi hơn.
CHƯƠNG 41. IV.
Ngôn
ngữ
JavaScript:
CHƯƠNG 42. Với HTML chỉ biểu
diễn thông tin chứ chưa phải là các
trang Web động có khả năng đáp ứng
các sự kiện từ phía người dùng.
CHƯƠNG 43. Hãng Netscape đã đưa
ra ngơn ngữ script có tên là LiveScript
để thực hiện chức năng này. Sau đó đổi
tên thành JavaScript để tận dụng tính
đại chúng của ngơn ngữ lập trình Java.
CHƯƠNG 44. JavaScript là ngơn ngữ
dưới dạng script có thể gắn với các file
HTML. Được trình duyệt diễn dịch,
trình duyệt đọc JavaScript dưới dạng
mã nguồn.
CHƯƠNG 45. JavaScript là ngôn ngữ
dựa trên đối tượng, nghĩa là bao gồm
nhiều kiểu đối tượng, ví dụ đối tượng
Math với tất cả các chức năng tốn
học. Nhưng JavaScript khơng là ngơn
ngữ hướng đối tượng như C++/Java.
CHƯƠNG 46.
9
0
0
Chương 3. Giao diện chương trình
CHƯƠNG 47. GIAO DIỆN
CHƯƠNG TRÌNH
I. Giao diện trang chủ
Mục đích: Chức năng này cho phép người dùng xem danh sách những cuốn sách nổi
bật và mới nhất.
Trong giao diện cho người dùng, chọn kiểu hiển thị các loại sách với nhiều chủ đề.
Mơ tả chức năng: Trang này ngồi cho phép người dùng xem thơng tin sách cịn có
thể sử các menu dọc,ngang để sang trang khác,..
10
0
0
Chương 3. Giao diện chương trình
Hình 1. Giao diện trang chủ
Trang web được chia làm 8 phần:
Phần 1: Logo của trang web, trang đăng nhập, trang đăng xuất và giỏ hàng.
Phẩn 2: Menu ngang: Bao gồm các mục: trang chủ, giới thiệu, liên hệ. Mỗi danh
mục liên kết đến một trang với nội dung khác nhau. Cùng với thanh tìm kiếm
Phần 3 : Chạy chữ ngang bằng Marquee.
11
0
0
Chương 3. Giao diện chương trình
Phần 4: Thanh trượt hiển thị sách được liên kết với trang chi tiết sản phẩm.
Phần 5: Bên trái là danh mục sách theo chủ đề, nhà xuất bản được liên kết với các
trang khác nhau và lịch ngày tháng năm.
Phần 6: Bên phải hiển thị sản phẩm bán nhiều nhất sử dụng thẻ Marquee để chạy,
được liên kết với trang chi tiết sản phẩm. Trang facebook, quảng cáo được liên kết tới
trang facebook và trang quảng cáo.
Phần 7: Ở giữa chứa các cuốn sách mới nhất được liên kết với trang chi tiết sản
phẩm
Phần 8: Footer
II. Giao diện trang giới thiệu:
Mục đích: Khi vào trang này, khách hàng sẽ biết được mục đích khi thành lập
website nhà sách BT cũng như nguyên tắc hoạt động, định hướng kinh doanh của nhà
sách BT.
Hình 2. Giao diện trang giới thiệu
III. Giao diện trang liên hệ
Mục đích: Trang này mục đích để khách hàng có thể liên lạc với shop.
Chức năng: Trong giao diện này cho phép người dùng gửi những thắc mắc về thông
tin về sách, dịch vụ vận chuyển, cũng như phản hồi vấn đề về bản quyền của sách...
12
0
0
Chương 3. Giao diện chương trình
Hình 3. Giao diện trang liên hệ
IV. Giao diện trang đăng ký
Mục Đích: Người dùng đăng ký tài khoản để trở thành khách hàng của website.
Chức năng: Cho phép khách hàng có thể đăng ký thông tin để trở thành khách hàng.
13
0
0
Chương 3. Giao diện chương trình
Hình 4. Giao diện trang đăng ký
V. Giao diện trang đăng nhập
Mục Đích: Người dùng đăng nhập tài khoản để đặt mua sách của website.
Hình 5. Giao diện trang đăng nhập
VI. Giao diện thanh menu sách theo chủ đề
Mục Đích: Thanh menu chứa danh sách các loại sách theo chủ đề của cửa hàng.
Khách hàng có thể sử dụng menu này để lựa chọn cuốn sách mà mình cần tìm.
14
0
0
Chương 3. Giao diện chương trình
Hình 6. Giao diện thanh menu sách theo chủ đề
1. Giao diện trang sách ngoại ngữ
Hình 7. Giao diện trang sách ngoại ngữ
2. Giao diện trang sách khoa học kỹ thuật
15
0
0
Chương 3. Giao diện chương trình
Hình 8. Giao diện trang sách khoa học kỹ thuật
3. Giao diện trang truyện
16
0
0
Chương 3. Giao diện chương trình
Hình 9. Giao diện trang truyện
4. Giao diện trang sách văn học
17
0
0
Chương 3. Giao diện chương trình
Hình 10. Giao diện trang sách văn học
5. Giao diện trang sách công nghệ thông tin
18
0
0
Chương 3. Giao diện chương trình
Hình 11. Giao diện trang sách công nghệ thông tin
6. Giao diện trang sách giáo khoa – tham khảo
19
0
0
