Tiểu luận môn học thiết kế web xây dựng website nhà sách bt

Giao diện thanh Menu Sách Theo Nhà Xuất Bản.... Giao diện trang nhà xuất bản Văn Hóa – Văn Nghệ.... Giao diện trang chủTrang web được chia làm 8 phần:  Phần 1: Logo của trang web trang

Trang 1

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

Trang 2

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT

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

Trang 3

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

Trang 4

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

Trang 5

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

Trang 6

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

Trang 7

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ộcsố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ệuquả

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ọilĩ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 chochú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 đọcsá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ạitiến độ (hoặc thậm chí có thể ngăn chặn) căn bệnh Alzheimer và mất trí nhớ Đồngthờ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 caotuổ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ảithiệ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ôngnghệ 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ươngmạ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

quá 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 đầutập thói quen đọc sách mà không phải tốn nhiều thời gian

Trang 8

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ánsá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 muasắ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ứuchủ 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ủanhà 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ủawebsite

 Trang đăng nhập: Người dùng đăng nhập tài khoản để đặt mua sản phẩm của

Trang 9

 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ủanhà 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 để xemchi tiết

CHƯƠNG 11

CHƯƠNG 12

Trang 10

CHƯƠNG 13

Trang 11

Chương 2 Giới thiệu công nghệ

CHƯƠNG 14 GIỚI THIỆU

CHƯƠNG 18 Ngôn ngữ HTML dùngcá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 trangnhư 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ộtloạt các thẻ và thuộc tính và đượcdùng để hiện thị văn bản và các thôngtin khác, cung cấp siêu liên kết tới cáctà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àiliệu trực tuyến hay truy xuất các thông

Trang 12

tin trực tuyến bằng cách dùng các liênkết được chèn vào trang web

CHƯƠNG 24 Tạo ra các biểu mẫutrực tuyến nhằm thu thập các thông tinngười dùng, quản lý giao dịch….CHƯƠNG 25 Thêm vào đối tượngcác hình ảnh video, âm thanh…

CHƯƠNG 26 3 Định dạng của HTML:

đó 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ùngcác trang web và các ứng dụng web.Cho dù bạn có thích thú với công việcviết mã HTML thủ công hoặc bạn

Trang 13

soạn trực quan, Dreamweaver cungcấp cho bạn những công cụ hữu ích đểnâng cao kinh nghiệm thiết kế web củabạn

CHƯƠNG 32 Các tính năng biên soạntrực quan trong Dreamweaver chophé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 trongwebsite 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ạnbằng cách tạo và sửa các ảnh trongMacromedia Fireworks hoặc trong ứngdụng ảnh khác, rồi sau đó chèn trựctiếp vào Dreamweaver Dreamweavercũng cung cấp những công cụ giúp đơngiản hóa việc chèn Flash vào trangweb

CHƯƠNG 33 Dreamweaver cũng chophép bạn thiết kế các ứng dụng webđộng dựa theo dữ liệu sử dụng côngnghệ máy chủ như CFML, ASP.NET,ASP, JSP, và PHP Nếu sở thích củabạ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 trangXSLT, chèn file XML và hiển thị dữliệu XML trên trang web của bạn

Trang 14

CHƯƠNG 34 Dreamweaver có thểtùy biến hoàn toàn Bạn có thể tạo choriêng mình những đối tượng và yêucầ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ủaDreamweaver với những hành vi mới,những chuyên gia giám định Propertymớ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ằngHTML, XHTML, XML, SVG, hayUML,…

CHƯƠNG 37 CSS cung cấp nhiềuthuộc tính trình bày dành cho các đốitượng với sự sáng tạo trong việc kếthợp các thuộc tính giúp mang lại hiệuquả cao

CHƯƠNG 38 CSS đã được hỗ trợ bởitấ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ươngthức áp dụng từ một file CSS ở ngoài

Có hiệu quả đồng bộ khi tạo mộtwebsite có hàng trăm trang hay khimuốn thay đổi một thuộc tính trình bàynào đó

Trang 15

CHƯƠNG 40 CSS được cập nhật liêntụ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ểudiễn thông tin chứ chưa phải là cáctrang Web động có khả năng đáp ứngcá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 đó đổitê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 fileHTML Đượ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ồmnhiều kiểu đối tượng, ví dụ đối tượngMath với tất cả các chức năng toánhọc Nhưng JavaScript không là ngônngữ hướng đối tượng như C++/Java

CHƯƠNG 46

Trang 16

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ổibậ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 ngoà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,

Trang 17

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 danhmụ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

Trang 18

 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áctrang 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ớitrang 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ảnphẩ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

Trang 19

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

Trang 20

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

Trang 21

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

Trang 22

Hình 8 Giao diện trang sách khoa học kỹ thuật

3 Giao diện trang truyện

Trang 23

Hình 9 Giao diện trang truyện

4 Giao diện trang sách văn học

Trang 24

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

Trang 25

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

Trang 26

Hình 12 Giao diện trang sách giáo khoa – tham khảo

7 Giao diện trang sách kinh tế

Trang 27

Hình 13 Giao diện trang sách kinh tế

8 Giao diện trang sách nghệ thuật sống

Trang 28

Hình 14 Giao diện trang sách nghệ thuật sống

VII Giao diện thanh menu sách theo nhà xuất bản

Hình 15 Giao diện thanh menu sách theo nhà xuất bản

1 Giao diện trang nhà xuất bản Trẻ

Trang 29

Hình 16 Giao diện trang nhà xuất bản Trẻ

2 Giao diện trang nhà xuất bản Thống Kê

Trang 30

Hình 17 Giao diện trang nhà xuất bản Thống Kê

3 Giao diện trang nhà xuất bản Kim Đồng

Trang 31

Hinh 18 Giao diện trang nhà xuất bản Kim Đồng

4 Giao diện trang nhà xuất bản Đại Học Quốc Gia

Trang 32

Hình19 Giao diện trang nhà xuất bản Đại Học Quốc Gia

5 Giao diện trang nhà xuất bản Văn Hóa – Văn Nghệ

Trang 33

Hình 20 Giao diện trang nhà xuất bản Văn Hóa – Văn Nghệ

6 Giao diện trang nhà xuất bản Phụ Nữ

Trang 34

Hình 21 Giao diện trang nhà xuất bản Phụ Nữ

7 Giao diện trang nhà xuất bản Lao Động – Xã Hội

Tiêu đề	Thiết kế Web Xây Dựng Website Nhà Sách BT
Tác giả	Nguyễn Bảo Thanh
Người hướng dẫn	Th.S Nguyễn Hữu Vĩnh
Trường học	Trường Đại Học Thủ Dầu Một
Chuyên ngành	Kỹ Thuật Công Nghệ
Thể loại	tiểu luận môn học
Năm xuất bản	2020
Thành phố	Bình Dương

Định dạng
Số trang	55
Dung lượng	3,3 MB