WebCTS - Website Gioi Thieu Cong Nghe Oto

Du an la mot website HTML/CSS/JS chay tinh (static), da duoc cap nhat logo thanh CTS AutoTech.

Cong nghe

• HTML5
• CSS3
• JavaScript thuan

Cau truc thu muc

WebCTSAutoTech/
|-- TrangChu.html
|-- GiaoDien.css
|-- XuLy.js
|-- image/
|   |-- CTS AutoTech.jpg
|-- README.md

Da cap nhat trong ban nay

• Doi logo sang image/CTS AutoTech.jpg
• Da gan GiaoDien.css vao TrangChu.html
• Da gan XuLy.js vao TrangChu.html
• CSS/JS da duoc chinh theo cau truc HTML hien tai de menu/search/mobile hoat dong on dinh hon

Chay local

Cach 1: mo truc tiep

Mo file TrangChu.html bang trinh duyet.

Cach 2: dung Live Server (khuyen nghi)

1. Cai extension Live Server trong VS Code.
2. Chuot phai TrangChu.html.
3. Chon Open with Live Server.

Cach 3: dung Python HTTP server

cd c:\Users\PC\Documents\GitHub\WebCTSAutoTech
python -m http.server 5500

Mo trinh duyet tai: http://localhost:5500

Test tren mobile (cung mang Wi-Fi)

1. Chay server local (Live Server hoac Python server).
2. Tren may tinh, lay IP bang lenh:

ipconfig

3. Tim IPv4 Address (vi du 192.168.1.23).
4. Tren dien thoai, mo: http://192.168.1.23:5500

Neu khong vao duoc, cho phep firewall cho cong 5500.

Deploy GitHub Pages

Repository da push len: https://github.com/ducanhdev-lab/WebCTS

Bat Pages

1. Vao Settings -> Pages trong repo.
2. Source: chon Deploy from a branch.
3. Chon branch main, folder / (root).
4. Nhan Save.

Link public sau khi deploy: https://ducanhdev-lab.github.io/WebCTS/

Luu y: GitHub Pages can 1-5 phut de cap nhat sau moi lan push.

Quy trinh cap nhat code va deploy lai

cd c:\Users\PC\Documents\GitHub\WebCTSAutoTech
& "C:\Program Files\Git\cmd\git.exe" add .
& "C:\Program Files\Git\cmd\git.exe" commit -m "update website"
& "C:\Program Files\Git\cmd\git.exe" push origin main

Luu y ban quyen

Khong nen sao chep nguyen ban noi dung/anh thuong hieu cua ben thu ba. Nen thay doi text, logo, hinh anh, thong tin lien he theo thuong hieu rieng truoc khi su dung thuong mai.