M ục tiêu đề tài
Tìm hiểu, nghiên cứu và xây dựng Website Hellen Tea & Coffee
Xây dựng một website động với nội dung linh hoạt, cấu trúc rõ ràng, bắt mắt để phù hợp với mục đích quảng bá, bán hàng.
Gi ải pháp và cách thự c hi ện đề tài
Khám phá các website đồ uống phổ biến để tham khảo bố cục thiết kế Ghé thăm quán Hellen Tea để thu thập thông tin, hình ảnh và dữ liệu về hoạt động của quán Tiến hành phân tích thiết kế hệ thống thông tin, từ đó xây dựng nội dung quản trị Back-end và giao diện Front-end cho website.
Khi xây dựng website, việc lựa chọn ngôn ngữ lập trình và ứng dụng là rất quan trọng Bài viết này tập trung vào việc sử dụng ngôn ngữ PHP để phát triển website, cùng với một số thư viện hỗ trợ hữu ích trong quá trình xây dựng.
Tìm hiể u v ề Hellen Tea & Coffee
Quán Hellen Tea & Coffee, khai trương vào tháng 8 năm 2020, là một địa điểm kinh doanh đồ uống thuộc sở hữu gia đình với sức chứa khoảng 30 người Tại đây, khách hàng có thể thưởng thức đa dạng các loại đồ uống như trà sữa, cà phê, và sinh tố Quán cũng tổ chức các sự kiện vừa và nhỏ như tiệc và sinh nhật Ngoài việc phục vụ trực tiếp tại quán, Hellen Tea & Coffee còn cung cấp dịch vụ bán hàng online và giao hàng tận nơi qua Foody.vn Địa chỉ quán nằm tại 147B Trung Lực, P Đằng Lâm, Quận Hải An, Hải Phòng.
Ý nghĩa
Xây dựng website, đặc biệt là cho Hellen Tea & Coffee, mang lại nhiều lợi ích quan trọng Nó không chỉ giúp truyền đạt thông tin hiệu quả tới khách hàng mà còn quảng bá hình ảnh quán một cách mạnh mẽ Website còn là cầu nối giúp thực khách cập nhật tin tức thú vị về đồ uống, thông báo các chương trình khuyến mại mới, và quan trọng hơn, hỗ trợ quá trình mua sắm sản phẩm trực tuyến.
Sinh viên: Trần Duy Hải - Lớp: CT2001C - Ngành Công nghệ Thông tin 2
TỔ NG QUAN
T ổ ng quan v ề World Wide Web
World Wide Web (WWW) là dịch vụ phổ biến nhất trên Internet, chiếm khoảng 85% các giao dịch trực tuyến Hiện nay, số lượng website trên toàn cầu đã tăng lên đáng kể, cho phép người dùng truy cập thông tin văn bản, hình ảnh, âm thanh và video từ khắp nơi trên thế giới Qua đó, các doanh nghiệp có thể giảm thiểu chi phí in ấn và phân phối tài liệu tới khách hàng một cách hiệu quả.
Có nhiều cách để tạo website, có thể tạo website trên bất kì chương trình xử lí văn bản nào:
Tạo web bằng cách viết mã nguồn bởi một trình soạn thảo văn bản như:
- Notepad, WordPad, v.v là những chương trình soạn thảo văn bản có sẵn trong Window
- Thiết kế bằng cách dùng web Wizard và công cụ của Word 97, Word 2000
Sử dụng các phần mềm thiết kế web chuyên nghiệp như PHPStorm, Dreamweaver, và Nescape Editor giúp quá trình tạo website trở nên dễ dàng và nhanh chóng hơn, với phần lớn mã lệnh HTML đã được chuẩn bị sẵn trong phần code.
Để phát triển một ứng dụng web thương mại hoàn chỉnh, cần kết hợp giữa Client Script và Server Script cùng với một loại cơ sở dữ liệu như MSAccess, SQL Server, MySQL hoặc Oracle.
- Khi muốn triển khai ứng dụng web trên mạng, ngoài các điều kiện về cấu hình phần cứng, cần có trình chủ web thường gọi là web Server
1.1.3 Trình duyệt web (web Client hay web Browser)
Trình duyệt Web là phần mềm cho phép người dùng truy cập và tương tác với dữ liệu trên Internet Nhiệm vụ chính của trình duyệt là nhận yêu cầu từ người dùng, gửi yêu cầu đó đến các máy chủ Web và nhận dữ liệu cần thiết để hiển thị trên màn hình Để sử dụng dịch vụ World Wide Web (WWW), người dùng cần có một trình duyệt Web và kết nối Internet qua nhà cung cấp dịch vụ (ISP) Một số trình duyệt phổ biến hiện nay bao gồm Microsoft Internet Explorer, Google Chrome và Mozilla Firefox.
Sinh viên: Trần Duy Hải - Lớp: CT2001C - Ngành Công nghệ Thông tin 3
"Web server" có thể là phần cứng hoặc phần mềm, hoặc cả hai
Một web server là một máy tính chuyên lưu trữ các tệp tin như tài liệu HTML, hình ảnh, file CSS và JavaScript của một website Nó có khả năng phân phát các tệp này tới thiết bị của người dùng cuối qua mạng Internet và có thể được truy cập thông qua tên miền như mozilla.org.
Một web server bao gồm các phần mềm điều khiển cách người dùng truy cập các file trên máy chủ HTTP Máy chủ HTTP là phần mềm có khả năng hiểu các URL và giao thức HTTP, cho phép trình duyệt hiển thị các website.
- IIS (Internet Information Service): Hỗ trợ ASP, mở rộng hỗ trợ PHP
- Tomcat: Hỗ trợ JSP (Java Servlet Page).
T ổ ng quan v ề Html-Css
- Thẻ định nghĩa trang html, kiểu khai báo của html 5
Thẻ tiêu đề trang là yếu tố bắt buộc trên thanh tiêu đề, cho phép hiển thị chuỗi thông tin mỗi khi người dùng truy cập vào website trên trình duyệt.
Sinh viên: Trần Duy Hải - Lớp: CT2001C - Ngành Công nghệ Thông tin 4
Thẻ chứa tất cả các thông tin mà bạn khai báo, và những thông tin này sẽ hiển thị trực tiếp trên website Tất cả nội dung trong thẻ đều có thể được người dùng nhìn thấy khi truy cập trang web.
- Thẻ … định nghĩa một nội dung
- Thẻ
tạo một đoạn mới
- Thẻ thay đổi phông chữ, kích cỡ và màu kí tự
Thẻ là thẻ dùng để định dạng bảng trên website Để sử dụng thẻ này, cần khai báo các thẻ hàng và thẻ cột , cùng với các thuộc tính tương ứng của chúng.
- Thẻ cho phép chèn hình ảnh vào website Thẻ này thuộc loại thẻ không có thẻ đóng
Thẻ được sử dụng để tạo liên kết giữa các website hoặc dẫn đến địa chỉ Internet, Mail, Intranet (URL) và các tệp tin trong mạng cục bộ (UNC).
Thẻ trong HTML cho phép người dùng nhập dữ liệu hoặc thực hiện các hành động như gửi biểu mẫu Có nhiều loại thẻ Input, bao gồm: text, password, submit, button, reset, checkbox, radio, hidden và image, mỗi loại phục vụ một mục đích khác nhau trong việc tương tác với người dùng.
- Thẻ < textarea> < \textarea> cho phép người dùng nhập liệu với rất nhiều dòng Với thẻ này không thể giới hạn chiều dài lớn nhất trên website
Thẻ … là một phần tử HTML cho phép người dùng chọn phần tử từ một danh sách đã được định nghĩa trước Khi thẻ cho phép người dùng chọn một phần tử duy nhất, nó hoạt động giống như một combobox Tuy nhiên, nếu thẻ cho phép người dùng chọn nhiều phần tử cùng một lúc, nó sẽ giống như một listbox, cho phép người dùng lựa chọn nhiều tùy chọn cùng một thời điểm.
Thẻ trong HTML được sử dụng để gửi dữ liệu từ người dùng từ phía Client lên Server Có hai phương thức chính để thực hiện việc này là POST và GET Một trang web có thể chứa nhiều thẻ khác nhau để thu thập thông tin từ người dùng.
khác nhau, nhưng các thẻ
