Giới thiệu những tính năng cơ bản của BlueFish.

1. Tìm hiểu công cụ mã nguồn
mở tạo trang web trên Linux:
BlueFish
Nguyễn Thái Bảo – 20140329
Đặng Văn Công – 20140499
Hà Viết Tráng – 20144625
Phạm Văn Tuyên – 20122722
Nguyễn Quang Huy - 20141967
Giáo viên hướng dẫn: TS. Trần Hải Anh

2. Nội dung
1. Tổng quan BlueFish
2. Ưu nhược điểm của BlueFish
3. Sử dụng BlueFish
4. Trang web minh họa
2

3. 1. Tổng quan về BlueFish
 1.1 BlueFish là gì?
 1.2 Công ty phát hành
 1.3 Cài đặt BlueFish
 1.4 Giao diện BlueFish sau cài đặt
3

4. BlueFish là gì?
 Bluefish là một editor cho các nhà thiết kế
web và lập trình
 Sử dụng giao diện GUI GTK-2.
 Editor mã nguồn mở được ưa chuộng nhất
 Không phải là một WYSIWYG
4

5. 1.2 Công ty phát hành
 BlueFish được khởi đầu bởi Chris Mazuc và
Olivier Sessink vào năm 1997 cho các
chuyên gia về web trên nền tảng Linux:
THTML editor
 Sau BlueFish được phát triển tiếp bởi nhóm
phát triển web của Olivier Sessink.
 Tên cuối cùng là BlueFish
5

6. 1.3 Cài đặt BlueFish
 Bản mới nhất 2.2.8
 Trên Linux (Ubuntu, Mint, Debian…):
 sudo apt-get install bluefish
 Ubuntu software center
 Ngoài ra BlueFish còn có trên Windows và
OSX
6

7. 1.4 Giao diện sau cài đặt
7
Vùng soạn thảo
Menu bar
Tool bars
HTML tool bar
Snippets menu
Statusbar
Sidebar
Các tabs đang mở

8. 2. Ưu nhược điểm của BlueFish
8
 Ưu điểm
 Phần mềm tự do và mã nguồn mở
 Hỗ trợ nhiều Plug-in
 Undo/redo không giới hạn
 Có sẵn các cấu trúc phổ biến
 Đa nền tảng
 Nhẹ nhàng và nhanh chóng, tiêu tốn ít tài
nguyên
 Mở nhiều file cùng lúc

9. 2. Ưu nhược điểm của BlueFish
9
 Ưu điểm
 Hỗ trợ nhiều ngôn ngữ lập trình trên web
 Hỗ trợ tô sáng cú pháp và auto complete
 Khả năng kiểm tra chính tả tuyệt vời
 Lấy keyboard làm trung tâm => nhanh chóng

10. 2. Ưu nhược điểm của BlueFish
10
 Nhược điểm
 Yêu cầu sử dụng nhiều phím con trỏ
 Không thể chỉnh sửa trực quan như
WYSIWYG
 Không có trình kiểm cú pháp
 Không hỗ trợ tự động điền cú pháp <span
class=“”>

11. 3. Sử dụng BlueFish
 3.1 Làm việc với tập tin và thư mục
 3.2 Danh mục chính và quản lý tài liệu
 3.3 Hơn cả một text editor
 3.4 Tùy chỉnh BlueFish
 3.5 Phát triển cho BlueFish
11

12. 3.1 Làm việc với tập tin và thư mục
 Hầu hết các hoạt động
của tập tin đều có thể
được thực hiện trong
menu File
 Ngoài ra ta có thể truy
cập các file thông quan
sidebar
12

13. 3.2 Danh mục chính và quản lý tài liệu
 Khu vực chỉnh sửa của BlueFish là khu vực
GTK chuẩn:
 Home: nhảy đến đầu dòng
 End: nhảy đến cuối dòng
 Page-up: nhảy lên trên một trang
 Page-down: nhảy xuống dưới một trang…
13

14. 3.2 Danh mục chính và quản lý tài liệu
 Di chuyển giữa các tài liệu đang mở
 Ctrl + Page-up: đến tài liệu phía trước
 Ctrl + Page-down: đến tài liệu phía sau
 File nhiều dòng? => Goto Line, Search,
Bookmark
 Quản lý dự án
14

15. 3.3 Hơn cả một text editor
 Lùi dòng:indent và unindent
 Tự động đóng thẻ (Hủy bỏ bấm Ctrl + T)
 Kiểm tra chính tả: 17 ngôn ngữ như Nga,
Nhật, Trung Quốc… (Spell Check)
 Hỗ trợ HTML rất nhiều:
biểu mẫu, danh sách
tạo table trực quan…
15

16. 3.3 Hơn cả một text editor
 Tìm kiếm và thay thế mạnh mẽ
 Loại bỏ trùng lặp
 Đồng bộ file đang mở với chương trình khác
 Khôi phục tập tin chưa kịp lưu
 Hỗ trợ từ xa: FTP, SFTP, HTTP, WebDAV,
CIFS…
 Chọn nội dung theo dòng
16

17. 3.3 Hơn cả một text editor
17

18. 3.4 Tùy chỉnh BlueFish
 Sửa đổi phím tắt theo ý muốn
 Font & style, thêm plug-in
 Hiển thị các tập tin sao lưu (một mức độ nhất
định)
 Tùy biến xử lý file và web browser
 Tùy biến các Bookmark: đánh dấu book…
 Tùy biến các phong
cách thẻ HTML
18

19. 3.5 Phát triển BlueFish
 Khuyên góp cho BlueFish
 Thông báo lỗi
 Sử dụng công cụ GDB GNU Debugger
 Mã nguồn: sourceforge.net/projects/bluefish
19

20. 4. Trang web demo sử dụng editor BlueFish
20