công cụ mã nguồn mở bluefish

20
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

Upload: trang-ha-viet

Post on 22-Jan-2017

230 views

Category:

Software


0 download

TRANSCRIPT

Page 1: Công cụ mã nguồn mở BlueFish

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

Page 2: Công cụ mã nguồn mở BlueFish

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

Page 3: Công cụ mã nguồn mở BlueFish

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

Page 4: Công cụ mã nguồn mở BlueFish

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

Page 5: Công cụ mã nguồn mở BlueFish

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

Page 6: Công cụ mã nguồn mở BlueFish

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

Page 7: Công cụ mã nguồn mở BlueFish

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ở

Page 8: Công cụ mã nguồn mở BlueFish

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

Page 9: Công cụ mã nguồn mở BlueFish

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

Page 10: Công cụ mã nguồn mở BlueFish

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=“”>

Page 11: Công cụ mã nguồn mở BlueFish

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

Page 12: Công cụ mã nguồn mở BlueFish

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

Page 13: Công cụ mã nguồn mở BlueFish

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

Page 14: Công cụ mã nguồn mở BlueFish

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

Page 15: Công cụ mã nguồn mở BlueFish

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

Page 16: Công cụ mã nguồn mở BlueFish

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

Page 17: Công cụ mã nguồn mở BlueFish

3.3 Hơn cả một text editor

17

Page 18: Công cụ mã nguồn mở BlueFish

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

Page 19: Công cụ mã nguồn mở BlueFish

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

Page 20: Công cụ mã nguồn mở BlueFish

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

20