1. Bài 13 : Addon firefox cần dùng và cách chỉnh sửa css template
Giới thiệu các addon thông dụng và hướng dẫn cài đặt
1. Addon measureit
Dùng để đo kích thướt trên website cho ra kích thước dạng px

2. Khởi động firefox
Mở cây thước đo lên

5. 2. Add on Color Zilla
Dùng để hút màu trên web đưa ra mã màu mà mình hút được
Cài đặt tương tự trên phần 1
kết quả

6. Ví dụ: Lấy mã màu trên google

7. Kết quả Ta được #E58a08
Hoặc ta có thể sử dụng tool Color Cop củng có chức năng tương tự như trên

8. 3. Addon web developer
Web Developer là một add-on nhỏ gọn, nhưng sẽ bổ sung cho bạn một thanh
công cụ nhiều tiện ích, tích hợp cùng trình duyệt, đặc biệt hữu dụng với các nhà
phát triển và thiết kế web. Đáng chú ý có:
* Trình biên tập HTML và chỉnh sửa/duyệt mã nguồn.
* Biên tập CSS.
…..

9. Cài đặt tương tự như trên phần 1
Kết quả

10. 4. Notepad ++
Dùng để xem và chỉnh sửa code
Truy cập vào trang web http://notepad-plus-plus.org/ download về

11. Tải về
Cài vô máy tính
Kết quả

13. 5. Addon fireBug
Giúp ta có thể tìm kiếm những dòng code css dễ dàng
Cài đặt tương tự như phần 1
Dùng firebug kết hợp vớ các tool và addon giới thiệu bên trên để chỉnh sửa 1
template
Click phải lên website cần tìm code css  chọn inspect Element with firebug

14. Kết quả

15. Ta vào đúng đường dẫn
Dùng notepad ++ Tìm đến dòng 1687 chỉnh sửa màu lại
Dùng công cụ color corp hoặc Add on Color Zillad ( phần trên)
Để lấy mã màu thay thế

16. Kết quả