Post on 15-Apr-2017
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 – 20140499Hà Viết Tráng – 20144625
Phạm Văn Tuyên – 20122722Nguyễn Quang Huy - 20141967
Giáo viên hướng dẫn: TS. Trần Hải Anh
Nội dung1. Tổng quan BlueFish2. Ưu nhược điểm của BlueFish3. Sử dụng BlueFish4. Trang web minh họa
2
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
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
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
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
1.4 Giao diện sau cài đặt
7
Vùng soạn thảo
Menu bar
Tool bars
HTML tool barSnippets menu
Statusbar
Sidebar
Các tabs đang mở
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
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
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=“”>
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
3.1 Làm việc với tập tin và thư mục
Hầu hết các hoạt độngcủa tập tin đều có thểđược thực hiện trongmenu File
Ngoài ra ta có thể truycập các file thông quansidebar
12
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
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
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áchtạo table trực quan…
15
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
3.3 Hơn cả một text editor
17
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
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
4. Trang web demo sử dụng editor BlueFish
20