Công cụ tạo mã nguồn mở BlueFish
-
Upload
ha-viet-trang -
Category
Technology
-
view
104 -
download
1
Transcript of Công cụ tạo mã nguồn mở BlueFish
![Page 1: Công cụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/1.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/2.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/3.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/4.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/5.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/6.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/7.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/8.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/9.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/10.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/11.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/12.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/13.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/14.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/15.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/16.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/17.jpg)
3.3 Hơn cả một text editor
17
![Page 18: Công cụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/18.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/19.jpg)
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ụ tạo mã nguồn mở BlueFish](https://reader033.fdocument.pub/reader033/viewer/2022052418/58f1c8b61a28aba16b8b45f7/html5/thumbnails/20.jpg)
4. Trang web demo sử dụng editor BlueFish
20