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 và phân tích bố cục của chúng 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 Từ đó, tiến hành phân tích thiết kế hệ thống thông tin và xây dựng nội dung quản trị Back-end cùng với giao diện Front-end cho website.
Khi xây dựng một 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 các thư viện hỗ trợ giúp tối ưu hóa 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 do gia đình sở hữu với sức chứa khoảng 30 người Tại đây, khách hàng có thể thưởng thức nhiều loại đồ uống đa dạng như trà sữa, cà phê và sinh tố Quán cũng tổ chức các sự kiện nhỏ như tiệc và sinh nhật Ngoài dịch vụ bán hàng trực tiếp, Hellen Tea & Coffee còn cung cấp dịch vụ giao hàng tận nơi qua Foody.vn Địa chỉ quán là 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ả đến khách hàng mà còn quảng bá hình ảnh quán một cách mạnh mẽ Thực khách có thể dễ dàng cập nhật tin tức thú vị về đồ uống và nhận thông báo về các chương trình khuyến mại mới Quan trọng hơn, website hỗ trợ quá trình mua sắm sản phẩm trực tuyến, tạo thuận lợi cho khách hàng trong việc lựa chọn và đặt hàng.
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), hay còn gọi là web, là dịch vụ phổ biến nhất trên Internet, chiếm khoảng 85% giao dịch trực tuyến Hiện nay, số lượng website trên toàn cầu đã đạt con số khổng lồ, cho phép người dùng truy cập thông tin dưới nhiều hình thức như văn bản, hình ảnh, âm thanh và video Thông qua các website, các công ty có thể giảm thiểu chi phí in ấn và phân phối tài liệu cho khách hàng ở nhiều địa điểm khác nhau.
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 chuyên nghiệp như PHPStorm, Dreamweaver và Nescape Editor sẽ giúp quá trình thiết kế website trở nên dễ dàng và nhanh chóng hơn, vì phần lớn mã lệnh HTML đã được cung cấp 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 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, hoạt động như một giao diện giữa người dùng và Web Server 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 đó qua mạng đến các Web Server và hiển thị dữ liệu nhận được 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 thông 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 lưu trữ các tệp tin của một website, bao gồm tài liệu HTML, hình ảnh, CSS và JavaScript Nó có khả năng phân phát các tệp tin này đến thiết bị của người dùng cuối thông qua kết nối Internet, và có thể được truy cập thông qua một tên miền như mozilla.org.
Một web server bao gồm các thành phần phần mềm giúp quản lý cách người dùng truy cập các tệp 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 mà trình duyệt sử dụng để truy cập các trang web.
- 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, hay còn gọi là thẻ title, là một yếu tố quan trọng và bắt buộc trong SEO Thẻ này giúp hiển thị tiêu đề của website trên thanh tiêu đề của trình duyệt mỗi khi người dùng truy cập vào trang web Việc tối ưu hóa thẻ title không chỉ cải thiện trải nghiệm người dùng mà còn tăng cường khả năng hiển thị của website trên các công cụ tìm kiếm.
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ả thông tin được khai báo và sẽ hiển thị trên website, cho phép người dùng dễ dàng nhìn thấy nội dung bên trong.
- 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ẻ được sử dụng để định dạng bảng trên website Khi 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 để tạo nên cấu trúc bảng hoàn chỉnh.
- 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ẻ là thẻ HTML quan trọng dùng để tạo liên kết giữa các website, cũng như liên kết đến địa chỉ Internet, Mail, Intranet (URL) và các tập tin trong mạng cục bộ (UNC).
Thẻ là một thành phần quan trọng 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ác loại thẻ 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 thu thập thông tin từ 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ẻ 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ẻ chỉ cho phép chọn một phần tử, nó hoạt động giống như một combobox Ngược lại, nếu thẻ cho phép người dùng chọn nhiều phần tử cùng lúc, nó sẽ hoạt động như một listbox.
Thẻ trong HTML được sử dụng để gửi dữ liệu người dùng từ website lên server, với hai phương thức chính là POST và GET Một website có thể chứa nhiều thẻ để xử lý các loại dữ liệu khác nhau.
khác nhau, nhưng các thẻ
