MỞ ĐẦU Ngày nay, chúng ta đƣợc sống trong kỷ nguyên của tin học nhờ sự vƣợt bậc, sự bùng nổ mạnh mẽ của công nghệ thông tin. Công nghệ thông tin không chỉ dừng lại ở mục đích phục vụ cho khoa học kĩ thuật mà đi sâu vào đời sống, kinh tế, chính trị, xã hội trở nên thân thiện, gần gũi, mang lại nhiều lợi ích cho con ngƣời. Công nghê thông tin ngày càng khẳng định đƣợc tính hữu dụng và sức mạnh trong mọi phƣơng diện, mọi ngành nghề của cuộc sống, nhất là trong thời đại kinh tế thị trƣờng hiện nhƣ bây giờ. Đi kèm theo đó, các hệ thống website cũng phát triển không ngừng với đủ các lĩnh vực: văn hoá, thời sự, khoa học công nghệ, làm đẹp, nấu ăn, thể thao, âm nhạc, phim ảnh, giáo dục, y tế … Khi đó, để tạo ra một trang web có sức sống bền lâu thì bản thân nó phải mang lại lợi ích cho nhiều ngƣời.
Giao diện bắt mắt là yếu tố quan trọng để ngƣời xem click trỏ chuột đến website của chúng ta. Nhƣng yếu tố quyết định giữ chân ngƣời dùng lại là nội dung mà website cung cấp. Với lí do đó, đƣợc sự hƣớng dẫn và giúp đỡ từ thầy giáo PGS.TS Ngô Hồng Sơn, em chọn đề tài: “THIẾT KẾ, XÂY DỰNG VÀ QUẢN LÝ WEBSITE BÁN HÀNG” làm đề tài cho đồ án tốt nghiệp của em. Trong quá trình thực hiện đồ án em đã nhận đƣợc sự trợ giúp của các thầy, cô giáo trong nhà trƣờng.
Đặc biệt, em xin gửi lời chân thành cảm ơn đến PGS.TS Ngô Hồng Sơn đã hƣớng dẫn tận tình em trong quá trình hoàn thành đồ án tốt nghiệp. Em cũng xin gửi lời cảm ơn trân thành đến tất cả các thầy, cô giáo trong khoa Công nghệ thông tin – trường Đại học Phenikaa đã giảng dạy em suốt thời gian qua. Tuy nhiên, do thời gian hạn hẹp, dù đã nỗ lực hết mình nhƣng chắc chắn rằng đồ án sẽ có nhiều sai sót. Em mong sẽ có đƣợc sự thông cảm, đóng góp từ các thầy cô giáo và các bạn.
Hà Nội, tháng 6 năm 2021 CHƢƠNG 1 INTERNET, WEBSITE VÀ HTML 1. Khái niệm cơ bản về Internet 1. Giới thiệu chung Internet là gì? Internet là mạng toàn cầu bao gồm hàng tỷ máy tính và các thiết bị điện tử khác. Với Internet, bạn có thể truy cập hầu hết mọi thông tin, giao tiếp với bất kỳ ai khác trên thế giới và bạn còn làm đƣợc nhiều hơn thế nữa.
Bạn có thể làm tất cả điều này bằng cách kết nối máy tính với Internet, hay còn đƣợc gọi là going online. Khi ai đó nói rằng máy tính đang trực tuyến, đó là cách nói khác chỉ rằng nó đang đƣợc kết nối với Internet. Internet hoạt động nhƣ thế nào? Internet hoạt động nhƣ thế nào? Câu trả lời chính xác khá phức tạp và sẽ mất một thời gian trễ của bạn để giải thích. Thay vào đó, hãy xem xét một số điều quan trọng mà bạn nên biết.
Điều quan trọng là phải nhận ra rằng Internet là một mạng lƣới cáp vật lý toàn cầu, có thể bao gồm dây đồng điện thoại, cáp TV và cáp quang. Ngay cả các kết nối không dây nhƣ Wi-Fi và 3G/4G/5G cũng dựa vào các loại cáp vật lý này để truy cập Internet. Khi bạn truy cập một trang web, máy tính của bạn sẽ gửi một yêu cầu qua các dây này tới một máy chủ. Máy chủ là nơi lƣu trữ các trang web và nó hoạt động giống nhƣ ổ cứng máy tính của bạn.
Khi yêu cầu đến, máy chủ sẽ truy xuất trang web và gửi dữ liệu chính xác trở lại máy tính của bạn. Thao tác truy vấn này, tất cả đƣợc thực hiện chỉ trong vài giây! 1 SVTH: Nguyễn Thái Hà Bạn có thể tìm hiểu thêm video về cách thức hoạt động tại đƣờng dẫn: https://www.com/watch?v=jKA5hz3dV-g 1. Bạn có thể làm đƣợc những gì trên Internet Một trong những tính năng tốt nhất của Internet là khả năng giao tiếp gần nhƣ ngay lập tức với bất kỳ ai trên thế giới. Email là một trong những cách lâu đời nhất và phổ biến nhất để giao tiếp và chia sẻ thông tin trên Internet với hàng tỷ ngƣời đang sử dụng nó.
Mạng xã hội cho phép mọi ngƣời kết nối theo nhiều cách khác nhau và xây dựng cộng đồng trực tuyến. Có rất nhiều tính năng khác bạn có thể làm trên Internet. Có hàng ngàn cách để cập nhật tin tức hoặc mua sắm bất cứ thứ gì đang trực tuyến. Bạn có thể thanh toán hóa đơn, quản lý tài khoản ngân hàng, gặp gỡ những ngƣời mới, xem TV hoặc học các kỹ năng mới.
Bạn có thể học hoặc làm hầu hết mọi thứ từ internet. Website là gì? Trang web, có thể hiểu là một tập hợp các trang web con với các nội dung vô cùng đa dạng từ văn bản, hình ảnh, video, flash, landing page… Trang web đƣợc truy cập và nằm trong một tên miền chính hoặc các tên miền phụ. Trang web là một tập tin HTML hoặc XHTML dùng giao thức HTTP hoặc HTTPS và có thể đƣợc tạo nên bằng nhiều ngôn ngữ lập trình web. Thông thƣờng, để truy cập một trang web, ngƣời ta sử dụng các trình duyệt, các hệ điều hành phổ biến hiện nay nhƣ Chrome, Firefox, Cốc Cốc… 1.
Các yếu tố để một trang web hoạt động Để một trang web hoạt động bạn cần có 3 yếu tố sau đây: Tên miền (có thể xem là “địa chỉ”, là dấu hiệu nhận biết để ngƣời dùng dùng nó truy cập vào website của bạn) 2 SVTH: Nguyễn Thái Hà Hosting (có thể xem là các máy chủ, các “mảnh đất” chứa ngôi nhà website của bạn. Lợi ích của một trang web Có thể nói, website giống nhƣ một cửa hàng, một địa điểm trực tuyến nơi mà ngƣời dùng có thể tìm kiếm mọi thông ti họ cần về một sản phẩm, dịch vụ. Nhiều website còn là nơi giao tiếp, giao dịch, trao đổi thông tin giữa khách hàng, đối tác và nhà cung cấp. Với website, họ sẽ không cần phải đi đâu xa mà có thể truy cập thông tin bất kì lúc nào mong muốn.
Điều này vừa giúp tiết kiệm chi phí lại làm cho quá trình công việc diễn ra nhanh chóng hơn, hiệu quả hơn. Sự phát triển vƣợt bậc của công nghệ số đã dẫn đến việc ra đời của hàng trăm hàng ngàn website, cũng vì lý do này mà ngƣời ta chia website thành nhiều loại, mỗi loại lại sở hữu các tính năng, đặc điểm khác nhau. Tuy nhiên, đặc điểm chung của trang web là có thể hỗ trợ và tác động rất nhiều cho con ngƣời trong thực hiện công việc, các sinh hoạt trong cuộc sống hằng ngày. Dù bạn là ngƣời khởi xƣớng các hoạt động kinh doanh hay đứng ở cƣơng vị ngƣời dùng, bạn cũng đều sẽ sử dụng website khi bƣớc chân vào thế giới Internet.
HTML là gì? HTML viết tắt của Hypertext Markup Language là ngôn ngữ lập trình dùng để xây dựng và cấu trúc lại các thành phần có trong Website. HTML tạm dịch là ngôn ngữ đánh dấu siêu văn bản. Ngƣời ta thƣờng sử dụng HTML trong việc phân chia các đoạn văn, heading, links, blockquotes,… 1. Cấu trúc HTML của website là gì? Một Website thƣờng chứa nhiều trang con và mỗi trang con này lại có một tập tin HTML riêng.
Lƣu ý, HTML không phải là ngôn ngữ lập trình. Điều này có 3 SVTH: Nguyễn Thái Hà nghĩa là nó không thể thực hiện các chức năng “động”. Hiểu một cách đơn giản hơn, cũng tƣơng tự nhƣ phần mềm Microsoft Word, HTML chỉ có tác dụng bố cục và định dạng trang web. HTML khi kết hợp với CSS và JavaScript sẽ trở thành một nền tảng vững chắc cho thế giới mạng.
HTML hoạt động nhƣ thế nào? HTML document có đuôi file dạng .html hoặc htm. Bạn có thể xem chúng bằng các trình duyệt web hiện hành nhƣ Google Chrome, Firefox, Safari,… Nhiệm vụ của trình duyệt là đọc những file HTML này và “biến đổi” chúng thành một dạng nội dung visual trên Internet sao cho ngƣời dùng có thể xem và hiểu đƣợc chúng. Thông thƣờng, một Website sẽ có nhiều HTML document (ví dụ: trang chủ, trang blog, trang liên hệ,…) và mỗi trang con nhƣ vậy sẽ có một tệp HTML riêng. Mỗi tài liệu HTML bao gồm 1 bộ tag (hay còn gọi là element).
Nó tạo ra một cấu trúc tƣơng tự nhƣ cây thƣ mục với các heading, section, paragraph,… và một số khối nội dung khác. Hầu hết tất cả các HTML element đều có một tag mở và một tag đóng với cấu trúc <tag></tag>. Ƣu và nhƣợc điểm của HTML là gì? 1. Ƣu điểm HTML đƣợc sử dụng để tạo bố cục, cấu trúc trang web.
Nó có một số ƣu điểm sau: Có nhiều tài nguyên hỗ trợ với cộng đồng ngƣời dùng vô cùng lớn Có thể hoạt động mƣợt mà trên hầu hết mọi trình duyệt hiện nay Học HTML khá đơn giản Các markup sử dụng trong HTML thƣờng ngắn gọn, có độ đồng nhất cao Sử dụng mã nguồn mở, hoàn toàn miễn phí HTML là chuẩn web đƣợc vận hành bởi W3C Dễ dàng để tích hợp với các loại ngôn ngữ backend (ví dụ nhƣ: PHP, Node.js,…) 4 SVTH: Nguyễn Thái Hà 1. Nhƣợc điểm Bên cạnh ƣu điểm, HTML cũng có các nhƣợc điểm nhất định. Cụ thể nhƣ sau: Chỉ đƣợc áp dụng chủ yếu cho web tĩnh. Nếu muốn tạo các tính năng động, lập trình viên phải dùng thêm JavaScript hoặc ngôn ngữ backend của bên thứ 3 (ví dụ nhƣ: PHP) Mỗi trang HTML cần đƣợc tạo riêng biệt, ngay có khi có nhiều yếu tố trùng lặp nhƣ header, footer.
Khó để kiểm soát cách đọc và hiển thị file HTML của trình duyệt (ví dụ, một số trình duyệt cũ không render đƣợc tag mới. Do đó, dù trong HTML document có sử dụng các tag này thì trình duyệt cũng không đọc đƣợc). Một vài trình duyệt còn chậm cập nhật để hỗ trợ tính năng mới của HTML 1. Bố cục HTML Bên dƣới là ví dụ bố cục HTML của một trang web: <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>The Main Heading</h1> <h2>A catchy subheading</h2> <p>First paragraph</p> </body> 5 SVTH: Nguyễn Thái Hà </html> Trong đó: <!DOCTYPE html>: khai báo kiểu dữ liệu hiển thị <html> và </html>: cặp thẻ bắt buộc, element cấp cao nhất, có nhiệm vụ đóng gói tất cả nội dung của trang HTML <head> và </head>: khai báo các thông tin meta của trang web nhƣ: tiêu đề trang, charset <title> và </title>: cặp thẻ nằm bên trong thẻ <head>, dùng để khai báo tiêu đề của trang <body> và </body>: cặp thẻ dùng để đóng gói tất cả các nội dung sẽ hiển thị trên trang <h1></h1>, <h2></h2>: định dạng dữ liệu dạng heading.
Thông thƣờng có 6 cấp độ heading trong HTML, trải dài từ <h1> tới <h6>.