Công nghệ:
HTML5: Được sử dụng để tạo cấu trúc nội dung của trang web. Các tệp như about.html, index.html, và services.html chứa cấu trúc cơ bản của các trang khác nhau.
CSS3 và SCSS: Để tạo kiểu cho trang web, sử dụng style.css và tiny-slider.css. SCSS được sử dụng để viết CSS một cách hiệu quả hơn, với tệp style.scss là ví dụ.
Bootstrap 5: Một framework CSS phổ biến để tạo giao diện người dùng đáp ứng và hiện đại. Được nhúng qua tệp bootstrap.min.css và bootstrap.bundle.min.js.
JavaScript và Thư viện Bên Ngoài: Sử dụng JavaScript để thêm tính năng tương tác, với các tệp như custom.js và tiny-slider.js cho các chức năng như slider hình ảnh.
Chức năng:
Hiển thị Sản Phẩm và Thông Tin: Các trang như shop.html và services.html hiển thị sản phẩm và dịch vụ.
Liên Hệ và Gửi Phản Hồi: Trang contact.html cho phép người dùng gửi thông tin liên hệ và phản hồi.
Chức Năng Giỏ Hàng và Thanh Toán: Mặc dù không rõ ràng trong các đoạn mã được cung cấp, nhưng các tệp như cart.html và checkout.html có thể liên quan đến chức năng giỏ hàng và thanh toán.
Đáp Ứng và Tương Thích Đa Thiết Bị: Sử dụng Bootstrap và CSS tùy chỉnh để đảm bảo trang web hiển thị tốt trên các thiết bị khác nhau từ điện thoại di động đến máy tính để bàn.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Cài đặt một máy chủ web tĩnh: Dự án này không yêu cầu một backend phức tạp, nhưng bạn sẽ cần một máy chủ web tĩnh để phục vụ các tệp HTML, CSS, và JavaScript. Bạn có thể sử dụng các công cụ như Live Server trên Visual Studio Code, hoặc một máy chủ tĩnh như http-server thông qua npm.
Chạy máy chủ web tĩnh: Mở thư mục chứa dự án của bạn trong một IDE hoặc trình soạn thảo mã và khởi động máy chủ web tĩnh. Nếu bạn sử dụng Live Server trong VS Code, chỉ cần nhấp chuột phải vào một tệp HTML (ví dụ: index.html) và chọn "Open with Live Server". Nếu bạn sử dụng http-server, mở terminal hoặc command prompt, điều hướng đến thư mục dự án và chạy lệnh http-server.
Truy cập trang web: Một khi máy chủ web tĩnh đã chạy, bạn sẽ được cung cấp một URL để truy cập trang web, thường là http://localhost:5500 nếu bạn sử dụng Live Server, hoặc một cổng khác nếu bạn sử dụng http-server hoặc một công cụ khác.