ݺߣ

ݺߣShare a Scribd company logo
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
Khởi động firefox 
Mở cây thước đo lên
Bài 13 : Addon firefox cần dùng và cách chỉnh sửa css template
Bài 13 : Addon firefox cần dùng và cách chỉnh sửa css template
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ả
Ví dụ: Lấy mã màu trên google
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
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. …..
Cài đặt tương tự như trên phần 1 
Kết quả
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ề
Tải về 
Cài vô máy tính 
Kết quả
Bài 13 : Addon firefox cần dùng và cách chỉnh sửa css template
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
Kết quả
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ế
Kết quả

More Related Content

Bài 13 : Addon firefox cần dùng và cách chỉnh sửa css template

  • 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
  • 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ế