Adobe Dreamweaver là một công cụ phổ biến cho các chuyên gia thiết kế trang web. Mặc dù nó đã tận hưởng tất cả vinh quang trong thập kỷ qua, nhưng nó không còn là công cụ phổ biến nhất hiện có nữa (ít nhất, theo như tôi biết)
Các gói đăng ký đắt đỏ và sự sẵn có của các lựa chọn thay thế nguồn mở và miễn phí đã để lại tác động đến mức độ phổ biến của nó
Hơn nữa, với sự phát triển của các tùy chọn CMS nguồn mở phổ biến và trình tạo trang web kéo thả, việc xây dựng một trang web thực sự dễ dàng so với thập kỷ trước
Trừ khi bạn là một người chuyên nghiệp với một bộ yêu cầu cụ thể, không có lý do gì để sử dụng Dreamweaver. Vì vậy, ở đây, trong bài viết này, tôi sẽ liệt kê một số giải pháp thay thế Dreamweaver mã nguồn mở miễn phí tốt nhất cho phép bạn chỉnh sửa HTML/CSS
Trình chỉnh sửa HTML và CSS mã nguồn mở dành cho nhà phát triển web
Tôi hiểu rằng một số nhà phát triển và thiết kế web thích tính năng WYSIWYG (What You See Is What You Get). Không phải tất cả các trình soạn thảo được đề cập ở đây đều cung cấp tính năng này nhưng khi chúng có, tôi đã đánh dấu nó một cách rõ ràng
Tôi đã sử dụng mẫu trang web này để kiểm tra trình soạn thảo HTML. Danh sách này không theo thứ tự xếp hạng cụ thể
1. biên tập cá xanh
Điểm nổi bật chính
- Tự động hoàn thành
- Xem trước trong trình duyệt
- Tùy chọn tải lên/tải xuống trang web
- gấp khối mã
- Hỗ trợ một số ngôn ngữ lập trình
- Hỗ trợ các tệp định nghĩa ngôn ngữ WordPress
- Hỗ trợ đa nền tảng
Bluefish là một trình chỉnh sửa giàu tính năng hoàn toàn phù hợp cho cả người mới bắt đầu và nhà thiết kế web có kinh nghiệm
Mặc dù nó KHÔNG cung cấp WYSIWYG, nhưng tính năng xem trước trình duyệt cho phép bạn thực hiện các thay đổi đối với mã hóa và xem nó hoạt động nhanh chóng mà không cần bất kỳ cấu hình đặc biệt nào. Nó cũng là một ứng dụng nhẹ - vì vậy nó không nặng về tài nguyên
Hãy dùng thử để khám phá thêm về nó
Làm thế nào để cài đặt nó?
Bạn có thể tìm thấy nó được liệt kê trong trung tâm phần mềm của bạn. Nếu không, bạn có thể làm theo hướng dẫn cài đặt chính thức để thêm kho lưu trữ và cài đặt nó trên bản phân phối Linux của mình
Ngoài ra, có sẵn gói Flatpak trong trường hợp bạn thích sử dụng nó hơn. Tôi khuyên bạn nên tham khảo hướng dẫn Flatpak của chúng tôi nếu bạn không biết về nó
cá xanh
2. Màu XanhGriffon
Điểm nổi bật chính
- Trình soạn thảo WYSIWYG
- Chủ đề đen và sáng
- Hỗ trợ thiết kế đáp ứng
- EPUB 3. 1 hỗ trợ
- Hỗ trợ đa nền tảng
BlueGriffon là một trình soạn thảo WYSIWYG HTML/CSS ấn tượng. Bạn có thể chọn chỉnh sửa mã và kiểm tra thiết kế hoặc chỉ cần chỉnh sửa trực quan mà không cần phải loay hoay với mã
Điều này đặc biệt hữu ích cho những người không quen với HTML/CSS và mới bắt đầu. Nó giúp dễ dàng chỉnh sửa trong khi cung cấp tất cả các tính năng cần thiết cho một nhà thiết kế web
Làm thế nào để cài đặt nó?
Bạn có thể tải xuống gói gỡ lỗi từ trang web chính thức của nó hoặc chọn tham gia các trình cài đặt và mã nguồn khác tùy thuộc vào bản phân phối Linux mà bạn đang sử dụng
Bạn có thể muốn đọc các cách khác nhau để cài đặt tệp DEB nếu bạn đang sử dụng bản phân phối dựa trên Ubuntu
Màu XanhGriffon
3. Khỉ Biển
Điểm nổi bật chính
- Trình soạn thảo WYSIWYG
- Trình duyệt riêng
- chỉnh sửa HTML
- Hỗ trợ đa nền tảng
SeaMonkey không phải là trình soạn thảo mã thông thường của bạn — nhưng nó là một tập hợp các ứng dụng Internet như trình duyệt, email, trò chuyện IRC và trình soạn thảo HTML
Nó hỗ trợ chỉnh sửa mã nguồn của trang web và khả năng chỉnh sửa trực quan mà không cần biết HTML
Bạn có thể khám phá thêm về nó khi bạn cài đặt nó
Làm thế nào để cài đặt nó?
Bạn chỉ cần tải xuống gói dành cho Linux có sẵn trên trang web chính thức của họ và chạy tệp ứng dụng SeaMonkey thực thi để bắt đầu
Khỉ Biển
4. dấu ngoặc
Điểm nổi bật chính
- Tùy chọn xem trước trực tiếp
- Phù hợp với thiết kế web
- Tự động hoàn thành
- đa nền tảng
Chân đế đã là một trong những trình soạn thảo văn bản hiện đại tốt nhất để viết mã trong Linux. Nó chủ yếu được xây dựng cho các nhà phát triển web đồng thời hỗ trợ các ngôn ngữ lập trình khác
Đáng ngạc nhiên, đó là một dự án nguồn mở của Adobe, dự án này không được duy trì tích cực lắm - nhưng nó ở đó
Làm thế nào để cài đặt nó?
Bạn chỉ cần lấy tệp deb từ trang web chính thức của nó cho Ubuntu 19. 10 hoặc thấp hơn. Đối với Ubuntu20. 04 hoặc bất kỳ bản phân phối Linux nào khác, bạn nên sử dụng gói Flatpak hoặc Snap
Bạn cũng có thể khám phá phần phát hành GitHub của họ để tải xuống khác
dấu ngoặc
5. NetBeans
Điểm nổi bật chính
- Trình soạn thảo HTML
- đa nền tảng
NetBean về mặt kỹ thuật không phải là trình soạn thảo HTML-CSS vượt trội. Tuy nhiên, bạn có thể sử dụng nó làm trình soạn thảo HTML khi xây dựng ứng dụng HTML5
Đây không phải là giải pháp phù hợp để chỉnh sửa HTML, nhưng nó là một tùy chọn dành cho một nhóm lập trình viên cụ thể. Bạn có thể dùng thử xem nó có làm như bạn mong đợi không
Làm thế nào để cài đặt nó?
Bạn có thể tìm thấy nó được liệt kê trong trung tâm phần mềm của bạn. Trong cả hai trường hợp, bạn chỉ cần truy cập trang tải xuống chính thức để cài đặt nó
NetBeans
Bạn sử dụng trình soạn thảo HTML nào?
Có một số trình chỉnh sửa khác mà bạn có thể sử dụng để chỉnh sửa HTML và CSS. Có Phiên bản cộng đồng Aloha Editor được một số nhà phát triển web ưa thích
Bạn chắc chắn có thể sử dụng các trình soạn thảo mã hiện đại khác như Atom và VS Code hoặc trình soạn thảo văn bản Geany cũ để chỉnh sửa các tệp HTML và CSS
Nếu bạn thường xuyên làm việc trong lĩnh vực thiết kế và phát triển web, bạn sẽ sử dụng và giới thiệu trình soạn thảo HTML mã nguồn mở nào? . Bạn cũng có thể đề cập đến các trình soạn thảo WYSIWYG nguồn mở nhưng điều đó sẽ không được thêm vào danh sách vì những lý do rõ ràng