Computer >> Hướng Dẫn Máy Tính >  >> Kết Nối Mạng >> Internet

Đơn giản hóa phát triển web với Bluefish và KompoZer – Hướng dẫn cho người mới bắt đầu

Xây dựng website? Không biết bắt đầu đâu? Để tôi giúp bạn. Tạo website từ con số 0 là việc nghiêm túc. Bạn cần ý tưởng. Bạn cần thiết kế. Và bạn cần công cụ để xây dựng. Sau đó, bạn cần quen với HTML, ngôn ngữ của web, trước khi thực sự bắt tay vào làm.

Không nhất thiết. Có thể xây dựng website hợp lý mà không phải bậc thầy HTML, XHTML, CSS, hoặc ngôn ngữ liên quan. Mặc dù chắc chắn giúp nếu thành thạo ít nhất một trong số đó, bạn có thể bắt đầu chỉ với một nắm đam mê.

Đơn giản hóa phát triển web với Bluefish và KompoZer – Hướng dẫn cho người mới bắt đầu

Sứ mệnh

Đến đó, người ta dùng HTML editor. Đây là chương trình xây dựng web tự động wrap văn bản tự do trong code liên quan, giúp người viết không cần đắm chìm vào chi tiết kỹ thuật và tập trung vào nội dung.

Trong bài này, tôi sẽ trình bày một cặp HTML editor như vậy, bạn có thể dùng để xây dựng website. Cả hai thuộc thể loại What You See Is What You Get (WYSIWYG), nghĩa là chúng cho phép bạn thấy sản phẩm cuối cùng trông như thế nào ngay lập tức, real time, không cần compile hay chuyển đổi phức tạp, dài dòng. Hai ứng cử viên là KompoZer và Bluefish.

Bluefish

homepage

Bluefish là trình soạn thảo đa ngôn ngữ mạnh mẽ, dành chủ yếu cho lập trình viên và web developer. Nó hỗ trợ nhiều ngôn ngữ lập trình và markup và tập trung vào website động và tương tác. Bluefish dùng được trên Linux và Mac.

Đơn giản hóa phát triển web với Bluefish và KompoZer – Hướng dẫn cho người mới bắt đầu

Bluefish là editor mạnh với mảng tùy chọn khổng lồ. Nếu bạn mới vào nghề phát triển web, bạn có thể bị choáng ngợp bởi menu và category dồi dào Bluefish cung cấp. Tuy nhiên, nó khá dễ dùng, несмотря vào rối rắm thị giác.

Bạn có thể chọn giữa chỉ dựa vào code để tạo tài liệu hoặc dùng wizard tích hợp. Người ít kiến thức HTML khuyến khích dùng wizard, ít nhất ban đầu. Đây là ví dụ tạo radio button:

Khi bạn hài lòng với lựa chọn, nút sẽ được tạo. Tốt nhất, Bluefish ghi lại chính xác code dùng để tạo đối tượng, vậy chắc chắn giúp bạn hiểu tốt hơn các bước bạn vừa thực hiện.

Bất kỳ lúc nào trong quá trình làm việc, bạn có thể preview trang bạn tạo. Danh mục External trong menu cho phép xem tài liệu tạo trong vài trình duyệt. Bạn có thể thêm trình duyệt khác. Điều này rất tiện để so sánh đầu ra, đặc biệt nếu bạn dùng CSS phức tạp, vì mỗi engine trình duyệt render trang hơi khác.

Đây là radio button của chúng ta trong Opera:

Đơn giản hóa phát triển web với Bluefish và KompoZer – Hướng dẫn cho người mới bắt đầu

Bluefish có nhiều sức mạnh. Hỗ trợ nhiều ngôn ngữ markup và lập trình, bao gồm C, CSS, HTML, Java, Javascript, Perl, PHP, Python, Ruby, XML, thậm chí Matlab. Editor cũng dùng plugin bên ngoài, như lint hay tidy, và auto-complete tag cho tài liệu HTML và XML. Có cả hàm undo/redo không giới hạn.

Bluefish được khuyến nghị mạnh cho người dùng trung cấp và nâng cao. Webmaster mới có thể thấy hơi uy hiếp lúc đầu, nhưng dùng hiệu quả chương trình không đòi hỏi biết hoặc dùng hàng loạt chức năng. Bluefish cũng có dự án chị em, Winefish, editor LaTeX.

KompoZer

homepage

KompoZer là chương trình soạn thảo web đơn giản, thân thiện, thiết kế chủ yếu cho người ít kiến thức, với ít hoặc không có kinh nghiệm trước về HTML hoặc web coding. Nó có ít tính năng hơn Bluefish, nhưng bù lại với sự dễ dùng cực đoan. KompoZer có sẵn cho Windows, Linux và Mac.

KompoZer kế thừa di sản của Nvu, dự án đã ngừng, được khởi xướng và tài trợ bởi distro Linspire. KompoZer giới thiệu sửa lỗi và yếu tố mới, bao gồm markup tài liệu sạch hơn so với Nvu.

KompoZer dựa trên engine Gecko, engine chạy trình duyệt dựa trên Mozilla. Thực tế, điều này cho phép bạn preview tài liệu HTML bên trong KompoZer, không cần gọi trình duyệt bên ngoài, vì nó chứa engine render riêng.

Các tính năng khác bao gồm site manager, CSS editor, HTML validator, spell checker, và khả năng dùng extension, giống Firefox. Điều này cho phép tăng năng suất và giao diện HTML editor, với theme mới và tiện ích như Tidy.

Đơn giản hóa phát triển web với Bluefish và KompoZer – Hướng dẫn cho người mới bắt đầu

CSS editor đặc biệt hữu ích, nếu bạn không muốn tự tạo style bằng trình soạn thảo văn bản. Nói chung, dùng CSS là phương pháp khuyến khích tách style khỏi content và tạo nội dung web modular, sạch.

KompoZer là lựa chọn hợp lý, đặc biệt cho novices hoặc người ít kiến thức HTML hoặc CSS. Cũng có phiên bản portable cho người dùng Windows.

Kết luận

Nếu bạn quan tâm bắt đầu website, Bluefish và KompoZer sẽ giúp bạn bắt đầu - và nhiều hơn. Nếu bạn có kinh nghiệm hơn và hướng tới website động, Bluefish dường như ứng cử tốt hơn. Nếu bạn mới hoặc thích giao diện đơn giản, ít tùy chọn, bạn nên dùng KompoZer.

Vẫn, cả Bluefish và KompoZer không ép bạn dùng tính năng nâng cao, nếu bạn không muốn. Bạn có thể để chúng ở đó và bắt đầu dùng khi đủ tự tin với HTML. Điều này hứa hẹn đường cong học tập thích ứng tốt nhất cho nhu cầu bạn.

Bất kể bạn chọn cái nào, cả hai đều free, nhẹ, nên giúp bạn tạo website đẹp nhanh và dễ dàng. Tốt nhất, bạn có thể dùng cả hai, tùy ý. Tương lai, chúng ta sẽ nói thêm về HTML editor, bao gồm vài chương trình khác, tập trung vào mẹo và thủ thuật năng suất, và review HTML helper như tidy, lint và những cái khác.

Chào.