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

Do đó, muốn tăng mức độ nhận biết củacửa hàng cây cảnh với khách hàng thì việc đầu tư thiết kế website bán cây cảnh làđiều rất cần thiết.Là một doanh nghiệp kinh doanh mua bán cây cảnh,

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

BÁN CÂY CẢNH

GVHD: Th.S NGUYỄN HỮU VĨNH SVTH: LÊ VĂN SANG

MSSV: 1824801040058 LỚP: D18HT01

BÌNH DƯƠNG – 7/2020

TIỂU LUẬN MÔN HỌC

THIẾT KẾ WEB

XÂY DỰNG WEBSITE

BÁN CÂY CẢNH

GVHD: Th.S NGUYỄN HỮU VĨNH SVTH: LÊ VĂN SANG

MSSV: 1824801040058 LỚP: D18HT01

BÌNH DƯƠNG – 7/2020

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 bán cây cảnh

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

PHIẾU CHẤM ĐIỂM ii

MỤC LỤC iii

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

V ASP.NET 6

CHƯƠNG 3 GIAO DIỆN CHƯƠNG TRÌNH 11

I Giao diện Trang Chủ 11

II Giao diện trang Giới Thiệu 13

III Giao diện trang Các Loại Cây 15

IV Giao diện trang Cây Theo Nhu Cầu 18

V Giao diện trang Cây Theo Mùa 19

VI Giao diện trang Dịch Vụ Chăm Sóc Cây 20

VII Giao diên trang View Đẹp 20

VIII Giao diện trang Liên Hệ 21

CHƯƠNG 4 DANH MỤC HÌNH ẢNH 22

I Hình ảnh Trang Chủ 22

II Hình ảnh trang Giới Thiệu 24

III Hình ảnh trang Các Loại Cây 24

IV Hình ảnh trang Cây Theo Nhu Cầu 25

V Hình ảnh trang Cây Theo Mùa 27

VI Hình ảnh trang Dịch Vụ Chăm Sóc Cây 28

VII Hình ảnh trang View Đẹp 28

VIII Hình ảnh trang Liên Hệ 29

CHƯƠNG 5 KẾT LUẬN 31

I Kết quả đạt được 31

II Việc chưa làm được 31

III Hướng phát triển của đề tài 31

CHƯƠNG 6 TÀI LIỆU THAM KHẢO 33

Hiện nay, nhu cầu sống của mọi người đang tăng lên theo từng ngày Để tiếpcận được với lượng khách hàng tiềm năng này, các nhà buôn bán cây cảnh phải có mộtwebsite bán cây cảnh để làm cầu nối tiếp thị Do đó, muốn tăng mức độ nhận biết củacửa hàng cây cảnh với khách hàng thì việc đầu tư thiết kế website bán cây cảnh làđiều rất cần thiết.

Là một doanh nghiệp kinh doanh mua bán cây cảnh, muốn thành công bạn phảinắm bắt nhu cầu và điều phối thông tin cho khách hàng Khi khách hàng có nhu cầu thìbạn phải giới thiệu cây cảnh cho họ biết Và giới thiệu bằng cách nào? Rất đơn giản,hầu hết khách hàng sẵn sàng bỏ thời gian ra để nghiên cứu loại cây cảnh mà mìnhthích, tìm hiểu những đặc thù màu sắc sao cho không gian vườn nhà của họ trông đẹphơn, so sánh đánh giá của những người đã mua và trang trí vườn nhà của họ trên cáccộng đồng về cây cảnh Hơn nữa, họ cũng tìm hiểu những dịch vụ cộng thêm như cắttỉa, chăm sóc cây cảnh, bảo lưu không gian vườn nhà của họ mà phía cửa hàng câycảnh cung cấp Tất cả những điều này họ đều tìm hiểu trên internet, sau đó mới tới tậnnơi để được tư vấn và ra quyết định

Khi họ tìm thông tin trên internet thì điều này có nghĩa là bạn phải có mộtwebsite giới thiệu để cung cấp, cập nhật thông tin đến với người dùng Hơn nữa thế,với nhu cầu con người đang gia tăng việc thẩm mĩ càng được xem trong trong ngôinhà của bạn, bạn càng cần phải quan tâm đến việc thiết kế website bán cây cảnh.Website có chuyên nghiệp, cập nhật thông tin mới, chính xác… thì khách mới ghé vàođọc, rồi mới có đơn hàng cho cửa hàng của mình Từ đó, website của BEAUTIFUL PLANTS đã ra đời Đây là một trong những trang web buôn bán và trao đổi các loạicây cảnh đẹp, độc, lạ có tại Việt Nam

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 BÁN CÂY CẢNH.

CHƯƠNG 5 II Mục tiêu của đề tài:

CHƯƠNG 6 Xây dựng website báncây cảnh mang tên BEAUTIFULPLANTS

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 và thuận tiện trong việc mua sắm cácloại cây cảnh yêu thích

 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 cây cảnh ở ViệtNam

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ề thông tin cửa hàng

 Giới thiệu: Tại đây, khách hàng có thể biết được ngày thành lập cửa hàng và cáctiêu chí phục vụ khi khách hàng đến cửa hàng cây cảnh

 Các loại cây: Tại đây, khách hàng có thể lựa chọn mua loại cây cảnh mà mìnhmong muốn

 Cây theo nhu cầu: Khách hàng có thể xem các loại cây theo từng loại riêng biệt

 Dịch vụ chăm sóc cây: Trang này là trang rất cần thiết cho những khách hàng muathuê dịch vụ chăm sóc và thiết kế cây cảnh ở sân vườn của họ

 Veiw đẹp: Khách hàng có thể xem các mẫu thiết kế khu vườn nhà theo các phongcách khác nhau

 Liên hệ: Tại trang này, khách hàng có liên hệ, thắc mắc mọi thứ đều được tư vấn tạiđây

CHƯƠNG 11

CHƯƠNG 12

CHƯƠNG 13

CHƯƠNG 14 GIỚI THIỆU

CÔNG NGHỆCHƯƠNG 15 I Giới thiệu về HTML:

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

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

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ạnthích làm việc trong môi trường biên

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

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

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 đó

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 V ASP.NET:

CHƯƠNG 47 ASP là gì? Trước hết,

họ tên của ASP.NET là Active ServerPages .NET (.NET dây là .NET

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

framework) Nói đơn giản và ngắn gọnthì ASP.NET là một công nghệ có tínhcách mạng dùng để phát triển các ứngdụng về mạng hiện nay cũng như trongtương lai (ASP.NET is a revolutionarytechnology for developing webapplications) Lưu ý ở chỗ ASP.NET làmột phương pháp tổ chức hay khung tổchức (framework) để thiết lập các ứngdụng hết sức hùng mạnh cho mạng dựatrên CLR (Common LanguageRuntime) chứ không phải là một ngônngữ lập trình Ngôn ngữ lập trình đượcdùng để diễn đạt ASP.NET là VB.NET(Visual Basic NET) và VB.NET chỉ làmột trong 25 ngôn ngữ NET hiện nayđược dùng để phát triển các trangASP.NET mà thôi Tuy mang họ têngần giống như ASP cổ điển nhưngASP.NET không phải là ASP Ta sơlược ở đây một vài khác biệt giữaASP.NET và ASP để ta có một kháiniệm tổng quát

CHƯƠNG 48 Ta phải công nhận mộtđiều là .NET Framework và các ứngdụng của nó đã và đang tạo một cuộccách mạng kỹ thuật trong công nghệtin học (Information Technology), thayđổi tận gốc rễ các kiểu mẫu lập trìnhhay phét triển và triển khai mạng trênthế giới và do đó tạo một vận hội mới

đáp ứng mọi yêu cầu khẩn thiết chocác ngành nghề kỹ thuật và thương mạihiện nay cũng như vạch một hướng đivững chắc và lâu dài cho tương lai tinhọc ASP.NET chính là một trongnhững ứng dụng quan trọng nhất đểphát triển và triển khai mạng một cách

dễ dàng chưa từng thấy… từ xưa đếnnay Hãy lắng nghe chính Microsoftnói về ASP.NET như thế nào:

“ASP.NET is a revolutionaryprogramming frramework that enablesthe rapid development of powerful webapplications and services Part of theMicrosoft NET Platform, it providesthe easiest and most scalable way todevelop, deploy and run distributedweb applications that can target anybrowser or any application.” Chúng tacùng tìm hiểu những đặc tính củaASP.NET:

CHƯƠNG 49 - Easy ProgrammingModel: ASP.NET giúp chúng ta pháttriển và triển khai các ứng dụng vềmạng trong một thời gian kỷ lục vì nócung cấp cho ta một kiểu mẫu lập trình

dễ dàng và gọn gàng nhất Ngoài ra,các trang ASP.NET còn làm việc vớimọi browsers hiện nay như InternetExplorer (IE), Netscape, Opera,

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

AOL…mà không cần đổi tới đổi luicác nguồn mã vật vã như trước

CHƯƠNG 50 - Flexible LanguageOptions: Không như ASP kiểu cổ điểnchỉ giới hạn với VBScripts andJScripts, ASP.NET yểm trợ trên 25ngôn ngữ lập trình (dĩ nhiên ngoài cácngôn ngữ mới thiết lập đã cài sẵn yểmtrợ NET framework như là VB.NET,C# và JScript.NET còn có MC++.NET,

CHƯƠNG 52 - Rich ClassFramework: Nhờ nền tảng vững vàng

và tài nguyên phong phú .NETFramework với hơn 5000 classes baogồm đủ thứ như XML, data access, fileupload, regular expressions,transactions, message queuing, SMTPmail, … nên việc thiết kế các đặc tínhtrong một ứng dụng trở nên nhẹ nhàng

và thoải mái hơn xưa rất nhiều Compile execution: ASP.NET khôngnhững chạy nhanh hơn ASP cổ điểngấp 5 lần mà còn có thể duy trì kiểumẫu cập nhật gọi là kiểu mẫu “just hitsave”, nghĩa là ASP.NET tự động dòtìm mọi sự thay đổi và compile fileskhi cần thiết cũng như lưu trữ kết quảcompile đó để cung ứng dịch vụ chonhững yêu cầu tiếp theo sau, nhờ vậyứng dụng của bạn luôn luôn được cậpnhật hóa và chạy với tốc độ nhanh CHƯƠNG 53 - Rich output caching:ASP.NET có khả năng lưu trữ một kếtquả chung trong bộ phận memory củatrang để gửi giải đáp cho cùng một yêucầu từ nhiều khách hàng khác nhau vànhờ đó không những tiết kiệm được sựlặp đi lặp lại công tác thi hành của mộttrang web mà còn gia tăng hiệu suấtmột cách ngoạn mục do giới hạn tối đaviệc chất vấn các cơ sở dữ liệu

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

( eliminating the need to query thedatab ase on every request ) rất tốnnhiều thời gian

CHƯƠNG 54 - .NET OutperformsJ2EE: Trong việc đối đầu nhau về hiệusuất (performance) và scalability vớicùng một ứng dụng phát triển giữaSun's Java Pet Store J2EE và ASP.NETthì ASP.NET không những nhanh vượttrội hơn J2EE đến 28 lần (khoảng2700%), nguoonfmaxlaij it hơn nhiều(khoảng ¼ nguồn mã của J2EE) màcòn dùng bộ xử lý (processor) chỉkhoảng 1/6 lần so với việc sử dụngprocessor của J2EE

CHƯƠNG 55 - Memory Leak,DeadLock và Crash protection:ASP.NET cũng có khả năng dò tìm vàphục hồi (detects and recovers) nhữngtrở ngại nghiêm trọng như deadlockshay bộ nhớ bị rỉ để đảm bảo ứng dụngcủa bạn luôn luôn sẵn sàng khi dùng

mà không làm cản trở việc cung ứngdịch vụ cần thiết thường lệ 6/63

CHƯƠNG 56 - Simple applicationdeployment: ASP.NET đơn giản hóaviệc triển khai ứng dụng mạng, do đóbiến việc triển khai toàn bộ ứng dụngtrở nên dễ dàng và thuận tiện hơn hẳntrước kia vì bây giờ ta chỉ cần sao (với

XCOPY) và lưu trữ ở server chứkhông cần phải chạy chương trình

“regsrv32” để đăng ký bất cứ thànhphần nào cả, và thêm nữa khi cần lưutrữ những yếu tố phụ cần thiết cho việcthiết lập hay bố trí các ứng dụng, ta chỉcần lưu trữ nó vào trong một hồ sơdưới dạng XML là đủ

CHƯƠNG 57 - Dynamic update ofrunning application: ASP.NET chophép ta tự động cập nhật hóa các thànhphần đã compiled (compiledcomponents) mà không cần phải khởiđộng lại các Web server

CHƯƠNG 58 - Easy Migration Path:

Ta không cần phải du nhập những ứngdụng được phát triển và triển khia bằngASP cổ điển hiện có vào ASP.NET vìASP.NET có thể chạy song song vớiASP ở cùng một Internet InformationServer (IIS) trong nền windows 2000hay windowx XP Các ứng dụng cũvẫn được chạy hết sức thoải mái vớiASP.DLL trong khi ASP.NET sẽ xử lýcác ứng dụng mới Ngoài ra, ASP.NETcòn cho phép bạn dùng lại những thànhphần thương mại hiện nay kiểu COM

cổ điển trong các ứng dụng của nó

CHƯƠNG 59 - XML Web Services:Dịch vụ về mạng với XML cũng cho