Khác biệt

Đây là những khác biệt giữa hai phiên bản của trang.

--- programming4:theme:items [2022/03/22 14:09] – [List site download ảnh không dính bản quyền] laser
+++ programming4:theme:items [2022/03/22 14:30] (hiện tại) – [5. Các layout thường sử dụng trong giao diện] laser
@@ Dòng 11: / Dòng 11: @@
 Giao diện được chia làm 3 phần **Header**, **Body** và **Footer**\\
-//Demo về dạng cấu trúc cơ bản của giao diện// {{ :nukeviet4:layout_l_b_r.jpg?nolink&800 |}}
+//Demo về dạng cấu trúc cơ bản của giao diện//
-     Header bao gồm: Logo , Banner , Menu , Search và Date.
+{{ :nukeviet4:layout_l_b_r.jpg?nolink&800 |}}
-     Body bao gồm: những thành phần thuộc nhóm -> Block left , Content, Block right.
-     Footer bao gồm: những thành phần từ  List 2, ADS Product, Address trở xuống phía dưới.
+  * Header bao gồm: Logo , Banner , Menu , Search và Date.
+  * Body bao gồm: những thành phần thuộc nhóm -> Block left , Content, Block right.
+  * Footer bao gồm: những thành phần từ  List 2, ADS Product, Address trở xuống phía dưới.
 ===== 3. Font sử dụng trong giao diện =====
@@ Dòng 20: / Dòng 22: @@
 \\ Nukeviet thường sử dụng các dạng font sau : **tahoma, arial, vendara, awesome, roboto**... (Tùy vào từng loại giao diện mà người thiết kế có thể thay đổi dạng font cho phù hợp).\\
 Ngoài ra thiết kế giao diện có thể kiếm thêm font để sử dụng tại : [[https://fonts.google.com/]] (đây là bộ font mà google đã chuyển đổi (nhớ chuyển language sang tiếng việt font hiển thị chính xác) và tích hợp. Các bạn có thể down về sử dụng).
-====== List site download ảnh không dính bản quyền ======
+===== 4. Hình ảnh sử dụng trong giao diện =====
 Ảnh hiển thị đóng góp 1 phần rất quan trọng đến giao diện và rất nhiều người thiết kế hiện nay đang sử dụng ảnh bị dính bản quyền tác giả mà không biết (khi bạn sử dụng ảnh bản quyền mà bị phát hiện thì rất có thể bạn sẽ bị kiện và trả một số tiền cực lớn cho việc này). Dưới đây là list các site download ảnh free mà thôi đã check và kiểm tra về quyền sử dụng các bức ảnh :
   *[[http://www.gratisography.com/]]
@@ Dòng 44: / Dòng 46: @@
   * Với 1 số trang không có giấy phép CC thì cần phải xem kĩ điều kiện mà người quản trị đưa ra
-===== 2. Các layout thường sử dụng trong giao diện =====
+===== 5. Các layout thường sử dụng trong giao diện =====
-Trong nukeviet thì các layout được biến đổi để phù hợp với từng giao diện sử dụng. NukeViet có những layout nào ?
+Trong NukeViet thì các layout được biến đổi để phù hợp với từng giao diện sử dụng. NukeViet có những layout sau đây thường được sử dụng
-^ Layout (dạng body hiển thị của nukeviet)                ^ Col (số cột tương ứng với từng layout)         ^ Ảnh minh họa (Click vào link để xem ảnh to)                                                              ^
+^ Layout (dạng body hiển thị của nukeviet)                ^ Col (số cột tương ứng với từng layout)         ^ Ảnh minh họa (Click vào link để xem ảnh to)   ^ Ví dụ minh họa trên NukeViet 4.0 |
-| Left - Main           | 6 - 18       | {{ :nukeviet4:layout_l_b.jpg?200 |}} |
+| Left - Main           | 6 - 18       | {{ :nukeviet4:layout_l_b.jpg?200 |}} | {{ :programming4:theme:layout_left_main.png?200 |}} |
-| Left - Main - Right   | 5 - 13 - 6   | {{ :nukeviet4:layout_l_b_r.jpg?200 |}} |
+| Left - Main - Right   | 5 - 13 - 6   | {{ :nukeviet4:layout_l_b_r.jpg?200 |}} | {{ :programming4:theme:layout_left-main-right.png?200 |}} |
-| Left - Right - Main   | 5 - 6 - 13   | {{ :nukeviet4:layout_l_r_b.jpg?200 |}} |
+| Left - Right - Main   | 5 - 6 - 13   | {{ :nukeviet4:layout_l_r_b.jpg?200 |}} | {{ :programming4:theme:layout_left-right-main.png?200 |}} |
-| Main                  | 24           | {{ :nukeviet4:layout_b.jpg?200 |}} |
+| Main                  | 24           | {{ :nukeviet4:layout_b.jpg?200 |}} | {{ :programming4:theme:layout_main.png?200 |}} |
-| Main - Left - Right   | 13 - 6 - 5   | {{ :nukeviet4:layout_b_l_r.jpg?200 |}} |
+| Main - Left - Right   | 13 - 6 - 5   | {{ :nukeviet4:layout_b_l_r.jpg?200 |}} | {{ :programming4:theme:layout_main-left-right.png?200 |}} |
-| Main - Right          | 18 - 6       | {{ :nukeviet4:layout_b_r.jpg?200 |}} |
+| Main - Right          | 18 - 6       | {{ :nukeviet4:layout_b_r.jpg?200 |}} | {{ :programming4:theme:layout_main_right.png?200 |}} |
@@ Dòng 60: / Dòng 62: @@
   *    Giao diện được vẽ ra trước khi đổi tên nên phần main được thay bằng content để phân biệt)
-===== 3. Quy chuẩn trong giao diện =====
+===== 6. Quy chuẩn trong giao diện =====
 Trong nukeviet có một số thành phần được quy chuẩn mà thiết kế cần phải tránh hoặc cân nhắc (khi thay hoặc thêm vào) khi sử dụng cho giao diện.