Các bước xây dựng trang web bán hàng đơn giản

Liệu bạn đã biết cách xây dựng một trang web bán hàng đơn giản cho riêng mình? Hãy để bài viết này hướng dẫn cho bạn cụ thể các bước từ A đến Z nhé!

1.Giới thiệu

Xây dựng 1 trang web bán hàng cơ bản từ 5 trang trở lên bao gồm: Trang chủ, trang liên hệ, trang giới thiệu, trang chi tiết sản phẩm, trang đăng ký, đăng nhập ….

2.Công cụ sử dụng

Công cụ lập trình:
- HTML5
- CSS3
- Javascript
Công cụ lưu trữ: GitHub
Công cụ deploy trang web: Vercel

3.Thực hiện

3.2. Tạo thư mục

Tạo sẵn các file html phù hợp theo trang muốn xây dựng, trong đó có 1 file style.css để chứa code css của các trang và 1 file main.js để chứa code Javascript của web

Ta sẽ bắt đầu xây dựng từ trang home.html bao gồm các phần header, footer vì nó sẽ xuất hiện của toàn bộ ở các trang khác, từ đó sẽ tiết kiệm thời gian hơn

Tiến hành link file css và file js vào để code của các phần đó cũng sẽ apply vào trang web của chúng ta.

Để thay đổi font chữ, ta có thể vào trang gg font để lấy font chữ qua link cdn

Kết quả: Như các bạn có thể thấy font chữ đã thay đổi đẹp hơn đúng như ta muốn.

ĐƯA WEBSITE LÊN TRANG LƯU TRỮ NHƯ GITHUB NHƯ SAU:

Đầu tiên các bạn phải tải Git và có tài khoản Git sau đó đăng nhập trên máy
Link tham khảo: https://www.youtube.com/watch?v=2j7fD92g-gE&t=319s
Sau đó tạo tài khoản Github và tạo 1 Repo lưu trữ mới

Trên máy của chúng ta sau khi setup xong hãy mở Terminal lên

Gõ lệnh git init để tạo Repo dưới local, sau đó hãy gõ từng dòng theo hướng dẫn của git phía dưới

Sau khi gõ xong ta reload lại github sẽ thấy dự án của chúng ta được đẩy lên

Như các bạn thấy mình đã đẩy lên được và có phần commit là vừa hoàn thành Header.

Như vậy là ta đã có phần header và footer rồi bây giờ chỉ cần copy code từ phần home qua cho các trang còn lại sau đó chỉnh sửa phần nội dung tùy vào yêu cầu là được

Sau đó hoàn thiện trang home dùng Js để render ra danh sách sản phẩm đồng thời tạo thêm phần hero cho trang Home