Mẫu được để trong mục Template mn bấm vào để xem nha Trong đó gồm file:
- findword.xd file này là file của adobe xd nếu được thì mn tải bản crack của xd về dùng nha (khuyến khích dùng cách này để xem layout chính xác nhất. File cài đặt ở google dỉve https://drive.google.com/drive/folders/1XA0mxj_sWRP3J9WIa498vY8jb8DzsfHg?usp=sharing
- Findwork.pdf nếu ko tải xd thì mn có thể dùng file này để xem tổng quát nhưng ko tương tác với template đc
- Folder ảnh như cái tên luôn folder chứa ảnh của từng trang web cũng như cách trên ko tương tác đc nhưng có thể xem riêng lẻ từng trang web
- Grid layout folder chứa ảnh của layout khi được bật grid lên (khi design mn cố gắng theo sát cách bố trí layout trong đó nhe. VD trong ảnh dangky.png cái khung đăng ký sẽ chiếm 6 col trong grid nên mục đích của cái cái folder này là để mn biết được element đó sẽ chiếm bao nhiêu col, hai element cách nhau bao nhiêu,... còn nếu code khó quá thì mn có thể ước lượng đại cũng được miễn là nó ko phá vỡ layout và đẹp là đc :D. Đối với những element có width lẻ như chiếm 4.5 col thì sẽ đc đề cập ở phần Custom)
- demo.mkv là video demo phần tương tác (có adobe xd thì phần này tự mn làm cũng đc nha. Cái này ko biết giải thích sao nhưng mà video chỉ là phần tương tác để mn xem cái layout của web mình ra sao khi scroll còn nó cụ thể hơn nữa thì mn xem cái web ở phần web tham khảo. Khi mn scroll xuống hay bấm vào xem việc web đó hiển thị ra sao thì web của mình của y hệt vậy luôn)
- Trong folder Style là để chứa các file.css và có chứa file custom.css file này là để mn tự do custom code css để cho nó dễ dùng . Trong này đã có sẵn code để mn có thể tạo ra element với width lẻ (VD để tạo ra một element chiếm 4.5 col đơn giản là chỉ cần cho class = "col-4-5").
- Folder chứa các file.js
- Chứa các ảnh cần thiết của trang web
- Mn cố gắng code layout bằng boostrap hết nha, khi nào bí quá hãy dùng css
- Đối với các file code mn chia càng nhỏ ra càng tốt vd như header.css là file để style riêng cho header hay navbar.js là file chứa script riêng cho nav bar. Và code xong phần nào thì mn comment lại cho dễ đọc nha mục đích là để sao này có bug thì dễ fix thôi :D
#000000#FFFFFF#A1A1A1#2D2D2D#969696
