Thực đơn
trang chủTrình duyệt

Trình soạn thảo, dọn dẹp và chuyển đổi HTML trực tuyến miễn phí. Trình soạn thảo HTML

Mọi nhà thiết kế và lập trình web đều cần một trình soạn thảo trang web tốt để tạo và chỉnh sửa mã HTML, CSS và JavaScript. Notepad (Windows) và TextEdit (Mac) là những công cụ tuyệt vời để bắt đầu, nhưng khi bạn có thêm kinh nghiệm, bạn sẽ muốn sử dụng một công cụ mạnh mẽ hơn và thân thiện với người dùng hơn.

Có hàng trăm biên tập viên xuất sắc mà bạn có thể chọn người phù hợp, nhưng nhiều người trong số họ được trả tiền. Điều gì sẽ xảy ra nếu bạn không muốn vi phạm bản quyền nhưng ngân sách của bạn không có đủ tiền để mua một sản phẩm thương mại? Bài viết này xem xét một số biên tập viên miễn phí tuyệt vời.

  • Biên tập viên WYSIWYG.Đây là những trình soạn thảo đồ họa cho phép bạn xây dựng bố cục trang và đặt kiểu một cách trực quan, như trong trình xử lý văn bản nổi tiếng MS Word. Chúng là một công cụ thuận tiện để xây dựng thiết kế trang, mặc dù, như mọi nhà thiết kế web có kinh nghiệm đều biết, mã vẫn phải được điều chỉnh để đạt được kết quả tuyệt vời.
  • Trình soạn thảo văn bản.Đây là một công cụ để chỉnh sửa trực tiếp mã HTML và CSS. Một số trình soạn thảo có mục đích chung và không có các tùy chọn đặc biệt để hỗ trợ mã web. Một số khác chuyên sử dụng các ngôn ngữ web như HTML, CSS, JavaScript và PHP và có các thuộc tính tích hợp để nhập nhanh các thẻ HTML, thuộc tính CSS, v.v. Nhiều trình soạn thảo này cho phép bạn xem trang web trong một cửa sổ riêng biệt.

KompoZer (Windows, Mac, Linux)

KompoZer là một lựa chọn tuyệt vời nếu bạn cần một trình chỉnh sửa trực quan với mức ngân sách vừa phải

Komodo Edit là một trình soạn thảo tốt, dễ học nhưng mạnh mẽ và có thể mở rộng

Mặc dù là một trình soạn thảo có mục đích chung nhưng nó hỗ trợ HTML và CSS, đồng thời có tính năng tự động hoàn thành theo ngữ cảnh cho các thẻ HTML và thuộc tính CSS, cũng như một bộ sưu tập các đoạn mã chèn cho các thành phần HTML khác nhau. Để tận dụng tối đa Komodo, bạn cần cài đặt tiện ích mở rộng Bộ công cụ HTML, chứa các tính năng tuyệt vời như thẻ tự động đóng, xem trước giao diện CSS và trình tạo văn bản tạm thời.

Komodo Edit cho phép bạn xem các trang bạn đang chỉnh sửa trong bất kỳ trình duyệt đã cài đặt nào hoặc sử dụng trình duyệt tích hợp trong một cửa sổ riêng, để bạn có thể chỉnh sửa và xem kết quả thay đổi của mình cùng một lúc.

Trình chỉnh sửa có chức năng tích hợp để tải tệp lên trang web (FTP, FTPS, SFTP hoặc SCP) và bạn cũng có thể nhóm các tệp của mình một cách gọn gàng bằng tùy chọn trình quản lý dự án.

Tính năng rất hữu ích Mã > Chọn khối. Nó làm nổi bật khối HTML chính hiện tại, chẳng hạn như phần tử div hoặc ul hiện đang đóng. Một chức năng rất tiện lợi khi bạn cần chọn toàn bộ một phần trên trang để sao chép hoặc di chuyển.

Komodo Edit có rất nhiều tính năng mạnh mẽ và hữu ích, chẳng hạn như sử dụng biểu thức chính quy để tìm/thay thế, khả năng thực thi các lệnh bên ngoài, v.v. May mắn thay, trình soạn thảo cũng có hệ thống trợ giúp tốt giúp bạn dễ dàng tìm hiểu sức mạnh của Komodo Edit.

Aptana Studio (Windows, Mac, Linux)

Aptana Studio là môi trường phát triển ứng dụng web tích hợp hoàn chỉnh với một bộ plugin lớn. Mặc dù bạn chỉ có thể sử dụng nó làm trình soạn thảo mã HTML/CSS/JavaScript

Notepad++ là sự thay thế tuyệt vời cho Notepad trên Windows. Mặc dù nó không có nhiều tùy chọn như các trình soạn thảo khác nhưng nó rất phù hợp để chỉnh sửa HTML, CSS, JavaScript và các tệp mã khác

PSPad là một trình soạn thảo có mục đích chung khác dành cho Windows với nhiều tính năng hữu ích cho người lập trình HTML và CSS

jEdit là trình soạn thảo văn bản đa nền tảng với các tính năng plugin và lệnh macro mạnh mẽ. Cài đặt plugin XML nếu bạn cần chỉnh sửa trang web

TextWrangler là một trình soạn thảo có mục đích chung nhẹ. Mặc dù thiếu các chức năng đặc biệt để phát triển web nhưng nó có thể được sử dụng để làm việc với các trang web.

Vim chắc chắn là khó học, nhưng một khi bạn vượt qua được thử thách, bạn sẽ không bao giờ muốn quay lại!

Ông tổ của trình soạn thảo văn bản dành cho lập trình viên, Vim (hậu duệ trực tiếp của trình soạn thảo vi) là một trình soạn thảo văn bản bảng điều khiển nguồn mở. Nó là trình soạn thảo mặc định trên hầu hết các phiên bản Unix, bao gồm cả Linux và Mac OS X. Nó cũng có sẵn để sử dụng trên Windows và nhiều hệ thống khác.

Vim không phải là một hệ thống mà bạn có thể cài đặt và bắt đầu sử dụng ngay lập tức mà chưa từng làm việc với nó trước đây. Hầu hết các lệnh chỉnh sửa bao gồm các kết hợp kỳ lạ như :wq và / . Nó cũng có ba chế độ chỉnh sửa: chế độ chèn, trong đó văn bản được nhập vào; thị giác chế độ chọn văn bản; Và yêu cầu chế độ nhập lệnh. Chức năng này là di sản của Unix từ thời chưa có cửa sổ và chuột.

Tại sao anh ấy lại có tên trong danh sách? Nếu bạn thành thạo nó, bạn sẽ bị thuyết phục về tốc độ và sức mạnh của nó. Với một vài lệnh, bạn có thể thực hiện trong vài giây những việc mà các trình soạn thảo khác có thể mất vài phút.

Có một số lượng lớn macro và plugin dành cho Vim giúp làm việc với mã HTML, CSS và JavaScript dễ dàng hơn, bao gồm tô sáng cú pháp, tự động hoàn thành, HTML Tidy và xem trình duyệt. Dưới đây là một danh sách lớn các liên kết hữu ích:

  • Tự động hoàn thành Vim Omni
  • Chỉnh sửa HTML/XHTML trong Vim
  • trang chủ

Fraise (Mac)

Fraise là trình chỉnh sửa trực quan dành cho Mac, với bộ tính năng đủ để chỉnh sửa web

Giống như TextWrangler và gedit, Fraise là một trình soạn thảo nhẹ, tuyệt vời và rất dễ sử dụng. Nó là một ngã ba từ biên tập viên. Nó tương đối mới và không có máy chủ web thích hợp. Hiện tại nó chỉ được hỗ trợ trên Mac OS X 10.6 (Snow Leopard), nghĩa là nếu bạn đang chạy phiên bản 10.5, bạn sẽ phải tải xuống Smultron.

Fraise có một số tùy chọn tuyệt vời để chỉnh sửa web:

  • Làm nổi bật mã cho HTML, CSS, JavaScript, PHP và một số ngôn ngữ lập trình khác.
  • Lệnh Đóng thẻ(Command-T) để đóng thẻ hiện tại. Điều này thực sự tiết kiệm thời gian khi nhập danh sách.
  • Xem trước thuận tiện trong trình duyệt tích hợp (sử dụng WebKit), với tùy chọn Cập nhật trực tiếp rất tiện lợi? cập nhật trình duyệt ngay khi đánh dấu và CSS trên trang đang được chỉnh sửa thay đổi.
  • Tùy chọn Tìm nâng cao, hỗ trợ tìm kiếm/thay thế bằng biểu thức thông thường.
  • Hỗ trợ các khối để nhập nhanh thẻ HTML và thuộc tính CSS.
  • Một số lệnh hữu ích để thao tác văn bản, chẳng hạn như xác thực HTML và chuyển đổi ký tự thành phần tử HTML.

Fraise đáng để khám phá nếu bạn sử dụng máy Mac và muốn một trình chỉnh sửa thân thiện với người dùng với nhiều khả năng hơn TextEdit tích hợp sẵn.

Mục đích chính của trình soạn thảo HTML của chúng tôi là đơn giản hóa việc tạo mã trang của các chuyên gia khi phát triển tài nguyên hoặc điền nội dung vào chúng. Trình chỉnh sửa này tăng tốc đáng kể quá trình này và cho phép xem trước và xem kết quả ngay lập tức.

Tại sao dân IT lại sử dụng trình soạn thảo HTML?

Như bạn đã biết, không một tài nguyên hiện đại nào có thể làm được nếu không sử dụng ngôn ngữ đánh dấu siêu văn bản cho các trang web và độ dài mã cho một trang có thể lên tới vài nghìn dòng. Trong phiên bản cổ điển, cách tối ưu để viết mã đánh dấu là sổ ghi chú thông thường. Nó được hiển thị cho người dùng ở dạng thuần túy, trong đó các thẻ chính phải được nhập bằng tay. Điều này đòi hỏi một lượng thời gian rất lớn và không thể loại trừ nguy cơ mắc lỗi đánh máy thuần túy cơ học. Như một mẹo vặt trong cuộc sống, để giúp công việc của họ dễ dàng hơn, các nhà phát triển web tích cực sử dụng trình soạn thảo HTML, trình soạn thảo này đã cung cấp khả năng tự động chỉnh sửa các phần tử, nhưng điều chính là bạn có thể nhập các ký tự không phải theo cách thủ công mà sử dụng mã chương trình đã viết sẵn cho những phần tử này. mục đích.

Trình chỉnh sửa mã HTML thực tế đủ đơn giản để người dùng tiềm năng thành thạo và có thể dễ dàng đưa ra giải pháp tối ưu cho vấn đề bố cục trang web ngay cả đối với người dùng thiếu kinh nghiệm.

Lợi ích của trình soạn thảo HTML là tối đa!

  • Cho phép bạn nhập chính xác mã hóa các phần tử mà không sợ thiếu ký tự bắt buộc, đóng dấu ngoặc đơn hoặc mắc lỗi đánh máy hoặc nhầm lẫn. Bạn chỉ cần tìm phần tử cần thiết trên trang công cụ, nhấp vào nó - và tất cả dữ liệu sẽ được đăng ký ngay lập tức, bạn thậm chí không cần phải kiểm tra nội dung.
  • Tốc độ viết mã tăng lên đáng kể do sử dụng phần mềm bán tự động; người dùng có thể tin tưởng vào việc tiết kiệm được khá nhiều thời gian để thực hiện các hành động cụ thể. Do đó, mã được biên dịch nhanh hơn nhiều.
  • Có sẵn trực tuyến mà không cần cài đặt sẵn trên PC. Trình chỉnh sửa sẽ cho phép bạn làm việc mà không gặp vấn đề gì ở bất kỳ đâu trên thế giới, đảm bảo dữ liệu được lưu tự động và đảm bảo sự thuận tiện tối đa cho người biểu diễn.
  • Miễn phí sẽ tiết kiệm đáng kể thời gian và tiền bạc cho khách hàng tiềm năng, mang lại cho anh ta phạm vi hoạt động không giới hạn và không cho phép anh ta mắc nhiều sai sót trong công việc. Sẽ không cần phải trả số tiền lớn để sử dụng phần mềm.

Điều đáng chú ý là nhiều chuyên gia chuyên nghiệp khuyên bạn nên học với những biên tập viên như vậy. Chà, đối với các nhà phát triển tài nguyên đã có uy tín, một đề xuất như vậy sẽ là một giải pháp thay thế xứng đáng cho việc gõ thủ công vất vả, một cơ hội để thực hiện mọi thứ một cách nhanh chóng và thiết thực.

Để làm việc thoải mái với các trang HTML, thực hiện các thay đổi và chỉnh sửa chúng, các trình soạn thảo HTML được sử dụng. Ngày nay có rất nhiều trình soạn thảo như vậy, mỗi trình soạn thảo đều có điểm mạnh và điểm yếu riêng và cũng có thể được sử dụng cho nhiều nhiệm vụ khác nhau.

Adobe Dreamweaver là một trong những trình soạn thảo HTML lâu đời nhất, phiên bản đầu tiên được phát hành vào tháng 12 năm 1997. Kể từ đó, gói này đã trải qua nhiều thay đổi và cuối cùng trở thành một trình soạn thảo HTML chuyên nghiệp thực sự, được sử dụng để làm việc với các dự án web phức tạp. Tại đây bạn sẽ tìm thấy tất cả các công cụ mới nhất dành cho nhà phát triển web.

Phiên bản mới hỗ trợ chuẩn HTML 5, đồng thời cải thiện trình soạn thảo mã và cửa sổ dành cho nhà phát triển. Hỗ trợ bộ tiền xử lý CSS đã được triển khai cũng như hiển thị tất cả các thay đổi trong cửa sổ trình duyệt theo thời gian thực. Tích hợp chặt chẽ với Flash Player được cung cấp. Thiết kế bên ngoài đã được cập nhật hoàn toàn.

Nhược điểm của Adobe Dreamweaver là “nặng” và yêu cầu phần cứng. Bạn phải có vài gigabyte trống trên ổ cứng để cài đặt gói. Chương trình có một số lượng lớn các tab và cài đặt khác nhau, cần thêm thời gian để làm quen với nó. Ngoài ra, Adobe Dreamweaver là phần mềm độc quyền yêu cầu bạn phải trả tiền để sử dụng.

Mặc dù vậy, chương trình có thời gian dùng thử miễn phí, trong thời gian đó bạn có thể đánh giá tất cả lợi ích và ưu điểm của gói này. Thông thường khoảng thời gian này kéo dài trong một tháng kể từ ngày cài đặt chương trình.

Trình soạn thảo đa nền tảng Sublime Text đang dần được các chuyên gia ưa chuộng. Điều này là do tính đơn giản tối đa, không rườm rà và đồng thời có sự hiện diện của tất cả các công cụ cần thiết mà nhà phát triển cần. Tuy nhiên, nếu bạn đột nhiên cần thứ gì đó và nó không có chức năng tiêu chuẩn của Sublime Text, thì bạn luôn có thể tìm thấy nó dưới dạng plugin hoặc bạn có thể tự viết nó bằng Python. Tất cả công việc được thực hiện bằng phím nóng, vì vậy bản thân cửa sổ chương trình chứa tối thiểu các thành phần giao diện. Khu vực làm việc có thể được chia thành nhiều cửa sổ độc lập, được sắp xếp theo chiều ngang, chiều dọc hoặc theo dạng lưới.

Bất chấp tất cả những ưu điểm, trình soạn thảo Sublime Text vẫn là một công cụ khá khó khăn đối với người mới bắt đầu. Ngay cả cấu hình tiêu chuẩn của trình chỉnh sửa ở đây cũng không sử dụng menu mà sử dụng các tệp config.json, hoạt động với tệp này đòi hỏi người dùng phải đào tạo cơ bản. Tuy nhiên, đối với các lập trình viên chuyên nghiệp, sẽ không khó để tùy chỉnh công cụ này vì nó đi kèm với tài liệu đầy đủ.

Trình soạn thảo Sublime Text là phần mềm độc quyền nhưng bạn không phải trả tiền để sử dụng nó. Mỗi khi bạn khởi chạy nó, một cửa sổ sẽ xuất hiện nhắc nhở bạn rằng bạn có thể chính thức mua chương trình này, nhưng việc này được thực hiện trên cơ sở quyên góp chứ không phải mua bắt buộc.

Bạn có thể tải xuống chương trình trên trang web chính thức: https://www.sublimetext.com.

Notepad++ về mặt kỹ thuật không phải là một trình soạn thảo HTML nhưng nó có thể được sử dụng cho những mục đích này. Nó có tính năng tô sáng cú pháp tích hợp cho các ngôn ngữ đánh dấu HTML và XML, các ngôn ngữ lập trình phổ biến nhất, một số ngôn ngữ được sử dụng trong phát triển web, chẳng hạn như PHP, Ruby, Perl, Python và nhiều ngôn ngữ khác.

Có một số công cụ giúp bạn chỉnh sửa mã, chẳng hạn như điểm đánh dấu, gấp khối mã, tự động hoàn thành, trình quản lý dự án, chỉnh sửa và đánh dấu nhiều dòng, hỗ trợ nhiều loại mã hóa khác nhau, v.v. Ngoài ra còn có một số lượng lớn plugin cho Notepad++ từ nhiều nhà phát triển khác nhau, giúp mở rộng đáng kể chức năng của chương trình, khiến nó trở thành đối thủ cạnh tranh nặng ký đối với các trình soạn thảo HTML chuyên nghiệp.

Ưu điểm của trình soạn thảo văn bản Notepad++ bao gồm tốc độ và dung lượng ổ đĩa nhỏ. Ngoài ra, chương trình có giao diện rất đơn giản, không cần thêm thời gian đào tạo để làm việc. Ngoài ra, các bản cập nhật Notepad++ liên tục được phát hành, chương trình này sẽ tự thông báo cho người dùng và đề nghị cài đặt chúng. Ưu điểm quan trọng nhất của trình soạn thảo là nó được phân phối theo giấy phép GNU GPL 2, ngụ ý phần mềm miễn phí.

Bạn có thể tải xuống trình chỉnh sửa này ngay bây giờ từ trang web chính thức https://notepad-plus-plus.org mà không có bất kỳ hạn chế nào.

Đây là một trình soạn thảo đơn giản với giao diện đẹp mắt, gợi nhớ một cách trực quan đến Sublime Text. Được viết bằng CoffeeScript. Atom là một trình soạn thảo văn bản khá trẻ, phiên bản đầu tiên ra mắt vào ngày 26 tháng 2 năm 2014. Có hỗ trợ các plugin được viết bằng Node.js. Thích hợp cho người mới bắt đầu làm việc không chỉ với HTML mà còn với một số tác vụ khác.

Atom miễn phí và có thể được cài đặt trên hầu hết các hệ điều hành phổ biến. Ngoài ra, nó khá dễ cài đặt và sử dụng, hoạt động nhanh chóng và cần một lượng nhỏ dung lượng trống trên ổ cứng của bạn.

Để bắt đầu với trình chỉnh sửa này, chỉ cần nhấp vào “Mở dự án” từ cửa sổ chào mừng mở theo mặc định. Tiếp theo, một thư mục dành cho công việc được chọn, sau đó một tệp được tạo trong đó và phần mở rộng của nó được chỉ định. Cú pháp của tệp được xác định tự động dựa trên phần mở rộng đã chỉ định.

Vim là một trình soạn thảo văn bản miễn phí chuyên nghiệp có nguồn gốc từ dòng trình soạn thảo Unix lâu đời nhất. Vim được phát hành lần đầu tiên vào ngày 2 tháng 11 năm 91. Nó được biết đến như một công cụ dành cho các lập trình viên chuyên nghiệp, mang lại cơ hội to lớn cho việc tự động hóa công việc. Giao diện trực quan tiêu chuẩn của Vim là giao diện điều khiển, nhưng có một bản sửa đổi của Gvim hoạt động thông qua giao diện đồ họa cửa sổ.

Khi làm việc với Vim, có một số chế độ, việc chuyển đổi giữa các chế độ này sẽ thay đổi các phím nóng và chức năng của chúng. Ban đầu, Vim bắt đầu ở chế độ được gọi là chế độ “bình thường” hoặc “lệnh”. Nó có tất cả các phím nóng thông thường, chẳng hạn như “sao chép”, “xóa”, “dán”. Ở các chế độ khác, bạn nhập văn bản, làm việc với bảng điều khiển hoặc gọi chế độ trực quan. Có vẻ như tại sao lại có những khó khăn như vậy? Thực tế là Vim được phát triển như một công cụ trong đó mọi hành động được coi là không phải theo quan điểm “tiện lợi” cổ điển mà là thứ đòi hỏi sự tối ưu hóa tối đa.

Vim rất nhanh và hầu như không sử dụng tài nguyên hệ thống. Về độ khó của việc học, đây chắc chắn không phải là công cụ dành cho người mới bắt đầu. Hơn một trăm lệnh đã được phát triển cho riêng thao tác di chuyển. Tất nhiên, bạn không cần phải ghi nhớ tất cả. Mọi người đều chọn phong cách lập trình của riêng mình và dựa vào đó để tìm hiểu những gì họ cần. Để thành thạo trình soạn thảo này ở mức độ phù hợp sẽ cần rất nhiều kiên nhẫn và thời gian. Tuy nhiên, như một phần thưởng, những người dùng siêng năng sẽ nhận được trình chỉnh sửa mã mạnh mẽ nhất hiện có. Vim là một công cụ miễn phí và đa nền tảng chạy trên Linux, Mac, Windows và một số hệ điều hành khác.

Không giống như các chương trình khác, IntelliJ IDEA là môi trường phát triển tích hợp chuyên nghiệp (IDE). Ngoài thực tế là nó có thể hoạt động liền mạch với các ngôn ngữ đánh dấu HTML/XHTML/HAML và các ngôn ngữ mô tả giao diện trang CSS/SASS/LESS, nó còn có thể hợp tác chặt chẽ với Java, JavaScript, Python và Coffee Script. IntelliJ IDEA được phát triển bởi JetBrains.

Tại sao bạn nên bắt đầu sử dụng chương trình cụ thể này? Thứ nhất, nó có một giao diện thực sự chu đáo. Bạn có thể bắt đầu làm việc với nó ngay sau khi cài đặt, ngay cả khi bạn chưa từng gặp nó trước đây. Ngoài ra, bạn có thể làm việc với các công cụ phổ biến như CVS, Apache Ant, Maven, JUnit và Subversion, nhân tiện, những công cụ này hoàn toàn miễn phí.

Thật không may, bản thân IntelliJ IDEA không phải là một chương trình hoàn toàn miễn phí. Phiên bản đầy đủ chỉ có sẵn trong thời gian dùng thử 30 ngày và phiên bản rút gọn của nó thiếu nhiều tính năng hữu ích và thực sự có thể hữu ích để phát triển ứng dụng trên Android hoặc khi làm việc với máy Java.

Có nhiều cách để tạo trang web của riêng bạn - từ sử dụng các mẫu tạo sẵn trên Narod.ru đến đăng ký một quảng cáo như “tạo trang web trong hai ngày từ 300 rúp”. Ngay cả một đứa trẻ cũng có thể tạo blog hoặc trang chủ đơn giản của riêng mình. Đó là lý do tại sao hầu hết mọi người đều có thể tự hào vì có trang web riêng của mình trên Internet. Các dịch vụ khác nhau cung cấp cho bất kỳ ai những công cụ xây dựng trang web có thể tạo một trang người dùng cá nhân đơn giản chỉ trong vài giây. Có hàng trăm, hàng trăm nghìn trang như vậy trên Internet. Theo quy luật, chúng giống nhau và không được ghi nhớ. Đối với những người sử dụng các công cụ trực tuyến miễn phí để tạo một trang Internet cá nhân, việc sở hữu một trang web thường là một trò đùa; Nội dung trên đó trong hầu hết các trường hợp chỉ dừng lại ở việc xuất bản các bức ảnh về con chó của bạn và một số thông tin “về bản thân bạn”.

Sẽ là một vấn đề khác nếu một người coi trang web của chính mình như một phương thức liên lạc, chẳng hạn như điện thoại hoặc thư. Việc có trang web riêng sẽ rất hữu ích cho bất kỳ doanh nhân nào muốn giới thiệu doanh nghiệp của mình, bác sĩ hành nghề, luật sư mở phòng tư vấn riêng, trung tâm đào tạo, v.v. Trong trường hợp này, trang phải nguyên bản và có ý nghĩa, cung cấp thông tin hữu ích cho khách truy cập. Để có được một trang web đáp ứng các yêu cầu này, bạn không thể chỉ sử dụng các trình tạo trang chủ miễn phí. Tuy nhiên, việc nắm vững những điều cơ bản về lập trình web có thể mất nhiều thời gian. Tất nhiên, bạn có thể thuê một chuyên gia sẽ tạo bất kỳ trang nào theo mong muốn của bạn, nhưng tùy chọn này có một nhược điểm rất rõ ràng, vì vậy đối với nhiều người, điều đó là không thể chấp nhận được.

Trình soạn thảo web trực quan là một cách hay để tiết kiệm thời gian học lập trình web và nhanh chóng tạo một trang web, điền vào đó tất cả các thông tin cần thiết. Một mặt, để tạo một dự án web bằng chương trình như vậy, bạn không cần phải có kiến ​​​​thức đặc biệt hoặc phải là một lập trình viên. Mặt khác, những loại ứng dụng này mang lại không gian cho sự sáng tạo và đảm bảo rằng trang web trông không giống hệt hàng nghìn trang web khác. Công việc của các trình soạn thảo web trực quan dựa trên thuộc tính WYSIWYG - What You See Is What You Get (những gì bạn thấy là những gì bạn nhận được). Nói cách khác, trong quá trình chỉnh sửa, các trang web trông gần giống như khi chúng được hiển thị trong trình duyệt.

⇡ Trình tạo web WYSIWYG 7.1.0

  • Nhà phát triển: Giải pháp phần mềm Pablo
  • kích thước phân phối: 5,5 MB
  • phân phối: phần mềm chia sẻ
  • Giao diện tiếng Nga: không

Các trang web được tạo bằng WYSIWYG Web Builder và các trình soạn thảo trực quan khác bao gồm các khối riêng biệt. Đây có thể là văn bản, đồ họa, video flash, v.v. Tất cả những gì người dùng cần làm là chọn các khối cần thiết và đặt chúng vào những vị trí thích hợp trên trang và mã sẽ được chương trình tạo tự động.

Nếu bạn chưa có kinh nghiệm về thiết kế web, bạn nên bắt đầu tạo dự án đầu tiên của mình trong chương trình bằng mẫu có sẵn. Theo mặc định, WYSIWYG Web Builder có khoảng mười mẫu thuộc các loại khác nhau và có thể tải xuống miễn phí hàng chục mẫu khác từ trang web chính thức của chương trình. Sau khi tải xuống mẫu, bạn sẽ có thể chỉnh sửa bất kỳ thành phần nào của nó.

Để làm điều này, bạn có thể sử dụng nhiều công cụ nằm trên bảng dọc. Để thuận tiện, chúng được chia thành các danh mục: điều hướng (cây trang, menu điều hướng), vẽ (đường, đường cong, đa giác), công cụ đa phương tiện (Trình phát Flash, trình phát YouTube, đối tượng Java, OLE), công cụ để làm việc với biểu mẫu web ( a trường để chèn mã CAPTCHA, hộp kiểm, nút tải xuống tệp, trường để nhập văn bản), Paypal (các nút khác nhau để làm việc với hệ thống thanh toán điện tử này), v.v. Nếu bạn không cần bất kỳ danh mục công cụ nào trong hoạt động, bạn có thể thu nhỏ nó để giải phóng không gian màn hình cho nhiều công cụ cần thiết hơn.

Điều đáng chú ý là danh mục Bổ sung. Nó chứa các công cụ để tạo thư viện ảnh, thêm đăng ký nhận tin tức ở định dạng RSS, trình chiếu và tìm kiếm trên trang web. Tại đây bạn có thể tìm thấy toàn bộ bộ sưu tập các phần tử mã Javascript được tạo sẵn. Chúng bao gồm nhiều hiệu ứng hình ảnh và các công cụ hữu ích như xác định phiên bản hiện tại của trình duyệt, hiển thị thông tin về lần cuối cùng một trang web được sửa đổi và đặt liên kết để đánh dấu trang.

Mặc dù thực tế là khi làm việc trong WYSIWYG Web Builder, người dùng sẽ thấy các phần tử trang được tạo sẵn, nhưng trong trình duyệt, trang web có thể trông hơi khác so với trong cửa sổ làm việc của trình chỉnh sửa. Để xem nhanh giao diện của trang trong trình duyệt, chỉ cần nhấn phím F5. WYSIWYG Web Builder sẽ mở dự án trong trình duyệt mặc định của hệ thống. Nếu bạn cần xem các trang trong nhiều trình duyệt cùng một lúc, bạn có thể thêm chúng vào danh sách.

Thông thường, một mẫu trang web bao gồm một số trang. Để quản lý dự án thuận tiện, cửa sổ chương trình có bảng Trình quản lý trang đặc biệt, hiển thị một cây các trang của trang. Sử dụng các công cụ của bảng điều khiển này, bạn có thể tạo các trang mới dựa trên các mẫu, thêm các trang đã lưu trước đó trên ổ cứng, sao chép các trang hiện có, xem thuộc tính của chúng, v.v.

Khi làm việc trên một tài nguyên bao gồm một số lượng lớn các trang, các công cụ chương trình như kiểm tra chức năng liên kết, ước tính kích thước trang và trình tạo sơ đồ trang web ở dạng tệp XML sẽ được đặt trong thư mục gốc của trang web có thể cũng có ích. Ngoài ra, WYSIWYG Web Builder có thể giúp bạn thu thập tất cả hình ảnh và các tệp phương tiện khác được sử dụng trên các trang web ở một nơi.

Mặc dù thực tế rằng bản thân WYSIWYG Web Builder là một trình soạn thảo khá chức năng nhưng bạn có thể không tìm thấy bất kỳ công cụ nào trong đó. Trong trường hợp này, bạn nên xem qua thư viện tiện ích mở rộng - có lẽ công cụ bạn cần có sẵn dưới dạng plugin. Có hơn 250 tiện ích mở rộng cho chương trình và số lượng của chúng không ngừng tăng lên. Tiện ích mở rộng được viết bởi người dùng tích cực của trình chỉnh sửa và đăng trên diễn đàn chính thức. Điều cần lưu ý là bạn không thể kết nối các tiện ích mở rộng với phiên bản dùng thử của WYSIWYG Web Builder; để làm được điều này, bạn cần phải đăng ký chương trình.

⇡ Trình tạo trang web 3.21

  • Nhà phát triển: www.webpage-maker.com
  • kích thước phân phối: 3,66 MB
  • phân phối: phần mềm chia sẻ
  • Giao diện tiếng Nga: không

Web Page Maker là một trình soạn thảo trực quan khá đơn giản, phù hợp để tạo một trang web nhỏ bao gồm nhiều trang. Với sự trợ giúp của nó, bạn có thể thêm văn bản, phần tử vectơ, tệp đồ họa, video ở các định dạng, bảng, biểu mẫu web khác nhau và các phần tử trang quen thuộc khác vào trang.

Chương trình cũng có các tùy chọn làm sẵn cho một thành phần quan trọng của bất kỳ trang web nào như menu điều hướng. Web Page Maker chứa nhiều tùy chọn menu khác nhau. Sau khi chọn cái thích hợp, bạn có thể chỉnh sửa nó ngay lập tức bằng cách chỉ định hướng (ngang hoặc dọc), khoảng cách giữa các thành phần, văn bản và tham số liên kết.

Một số thành phần (ví dụ: cùng một menu điều hướng) phải được đặt trên tất cả các trang của trang web. Khi chỉnh sửa bất kỳ khối nào, bạn có thể nhanh chóng đặt nó trên tất cả các trang của dự án hiện tại hoặc chỉ định những trang đó sẽ xuất hiện.

Phần chính của cửa sổ chương trình là khu vực làm việc và bên phải là bảng Nội dung Trang. Sử dụng bảng điều khiển này, thật thuận tiện để quản lý các trang của trang cũng như các thành phần trang riêng lẻ. Tab Thành phần hiển thị tất cả các khối trên trang và khi bạn nhấp vào từng khối, bạn có thể thấy ngay vị trí của nó. Ngoài ra, bạn có thể mở ngay cửa sổ thuộc tính cho từng phần tử hoặc xóa các khối không cần thiết. Đối với bộ công cụ tạo cấu trúc trang web, cần lưu ý khả năng tạo một trang mới dựa trên tài nguyên hiện có trên Internet. Bạn chỉ cần chỉ định địa chỉ của nó và Web Page Maker sẽ tải trang, chia nó thành các khối và cung cấp chúng để chỉnh sửa.

Để làm cho trang web của bạn sinh động hơn, bạn có thể sử dụng hiệu ứng hoạt hình. Bạn có thể tìm thấy ví dụ về mã Javascript được tạo sẵn trong thư viện Web Page Maker. Sử dụng chúng, bạn có thể thay đổi màu cuộn cửa sổ, đặt đồng hồ ở góc màn hình hiển thị thời gian hiện tại, thêm trình chiếu, v.v.

Khi công việc trên trang web hoàn tất, dự án có thể được lưu vào ổ cứng của bạn hoặc tải ngay lên máy chủ FTP. Hơn nữa, không cần thêm ứng dụng khách nào cho việc này - Web Page Maker có các công cụ tích hợp sẵn để làm việc với FTP.

⇡ Trình thiết kế trang web trực quan CoffeeCup 6.06

  • Nhà phát triển: Phần mềm CoffeeCup
  • kích thước phân phối: 17,6 MB
  • phân phối: phần mềm chia sẻ
  • Giao diện tiếng Nga: không

Các nhà phát triển của CoffeeCup Visual Site Designer có lẽ sống theo khẩu hiệu “kiếm tiền từ mọi thứ bạn có thể kiếm tiền”. Do đó, bạn cần lưu ý rằng nếu bạn mua trình soạn thảo trực quan này với giá 49 đô la, bạn sẽ không nhận được tất cả các tính năng mà bạn có thể mong đợi khi mua hầu hết các chương trình tương tự khác.

Do đó, chương trình đi kèm với mười mẫu và để tải xuống phần còn lại, bạn được yêu cầu truy cập trang web của nhà phát triển. Khi mở trang thích hợp, bạn sẽ thấy rằng các mẫu bổ sung được trả tiền và bán với giá 9 USD mỗi mẫu. Những “điều bất ngờ” tương tự đang chờ đợi người dùng khi làm việc với ứng dụng. Nhấp vào công cụ tạo biểu mẫu web và bạn sẽ thấy rằng bạn phải trả thêm 39 đô la để sử dụng nó; hãy thử thêm thư viện ảnh vào trang web của mình và bạn sẽ thấy rằng tính năng đó cũng có tính phí bổ sung.

Phiên bản tiêu chuẩn của chương trình cho phép bạn làm việc với văn bản, các phần tử vector và đồ họa. Sau khi chọn một công cụ, một bảng nổi với các cài đặt của nó sẽ xuất hiện trên bảng dọc. Nó vẫn còn trên màn hình cho đến khi người dùng thay đổi công cụ. Nhờ cách tiếp cận này, lượng không gian tối đa được phân bổ cho khu vực làm việc.

Chỉ có thể tạo các thành phần trang web phổ biến như bộ đếm và biểu mẫu web trong chương trình bằng cách sử dụng công cụ chèn mã HTML tùy chỉnh.

Khi làm việc với các phần tử vectơ (mũi tên, đa giác, ngôi sao, chú thích, v.v.), bạn có thể sử dụng nhiều công cụ để thay đổi giao diện của chúng. Ví dụ: có thể thay đổi độ trong suốt, thêm bóng, tạo đối tượng ba chiều, làm cho đối tượng phát sáng hoặc thay đổi hình dạng khi di con trỏ chuột. Ngoài ra, bạn có thể điều chỉnh độ tô của từng đối tượng và thêm họa tiết.

CoffeeCup Visual Site Designer có ứng dụng khách FTP tích hợp mà bạn có thể tải trang web lên máy chủ từ xa. Nếu sau khi tải trang web, bạn quyết định thay đổi một số trang của trang web, bạn có thể sử dụng chức năng đồng bộ hóa dữ liệu. Trong trường hợp này, chương trình sẽ tải những trang đã được thay đổi. Nếu cần, mà không cần rời khỏi CoffeeCup Visual Site Designer, bạn thậm chí có thể xóa hoàn toàn trang web khỏi máy chủ.

⇡ Trang web X5 Tiến hóa 8

  • Nhà phát triển: Incomedia
  • kích thước phân phối: 15,3 MB
  • phân phối: phần mềm chia sẻ
  • Giao diện tiếng Nga: có

Hầu hết các trình soạn thảo trực quan đều tương tự nhau. Điều này có lợi thế của nó, bởi vì một khi bạn hiểu một trong những chương trình này, bạn sẽ cảm thấy tự tin nếu quyết định thử một chương trình khác sau này. Tuy nhiên, nếu bạn chưa từng tạo trang web trước đây thì ngay cả trình soạn thảo trực quan đơn giản nhất cũng có thể đặt ra nhiều câu hỏi ban đầu, chẳng hạn như: “bạn nên làm gì trước?”, “công cụ chương trình nào là chính và công cụ nào là phụ trợ?” vân vân.

Chương trình WebSite X5 Evolution thực hiện một cách tiếp cận hơi khác để tạo một trang web, nhờ đó nhiều câu hỏi sẽ tự biến mất. Ứng dụng này được xây dựng theo nguyên tắc trình hướng dẫn từng bước, vì vậy người dùng mới làm quen có thể chắc chắn rằng mình không bỏ sót điều gì quan trọng.

Mặc dù thực tế là trình hướng dẫn sẽ hướng dẫn bạn qua tất cả các giai đoạn tạo dự án, nhưng người dùng có thể, nếu muốn, "nhảy" qua một số giai đoạn, chọn từ menu bên những hành động mà họ muốn thực hiện vào lúc này. Tổng cộng có năm giai đoạn.

Cái đầu tiên chứa các cài đặt chung. Vì vậy, ở đây tên trang web, tác giả và ngôn ngữ được nhập, từ khóa được chọn, Favicon được tải, loại menu được chọn (ngang hoặc dọc), mẫu phù hợp được chọn (có hơn một trăm tùy chọn thiết kế trong chương trình thư viện) và hình thức của phần trên cùng và dưới cùng của các trang trong trang web được thiết lập.

Ở giai đoạn thứ hai, người ta đề xuất tạo một bản đồ trang web, nghĩa là xem xét cấu trúc của nó. Sử dụng nút "sao chép" và "dán" trên thanh công cụ, bạn có thể tạo các trang mới dựa trên các trang hiện có. Tại đây bạn có thể xác định trang tài nguyên nào sẽ bị ẩn và chỉ định tần suất cập nhật cho mỗi trang.

Nhấp đúp vào tiêu đề trang sẽ đưa bạn đến giai đoạn làm việc tiếp theo trên trang web và tại đây bạn có thể bắt đầu làm việc trực tiếp với nội dung của nó. Theo mặc định, trang được chia thành bốn khối, trong mỗi khối bạn có thể thêm một đối tượng: văn bản, tệp đồ họa, trình chiếu, bảng, hoạt ảnh flash, tệp đa phương tiện, v.v. Nếu muốn, số khối trên trang có thể tăng hoặc giảm. Sau khi đặt một đối tượng trên trang, bạn cần xác định cài đặt của nó, ví dụ: chỉ định đường dẫn đến tệp đồ họa, nhập văn bản, v.v. Tất cả các hoạt động này sẽ cần phải được thực hiện cho mỗi trang.

Ở giai đoạn thứ tư, WebSite X5 Evolution sẽ đề nghị chỉ định một số cài đặt bổ sung, chẳng hạn như xác định giao diện của trang giới thiệu, đặt tham số để hiển thị quảng cáo flash, thêm blog và nguồn cấp tin tức RSS vào trang web.

Trong số các tính năng được cung cấp còn có một yếu tố như “Giỏ hàng thương mại điện tử”. Sử dụng nó, bạn có thể nhanh chóng tạo cửa hàng trực tuyến của riêng mình. Bằng cách đi tới cài đặt của nó, bạn có thể nhanh chóng tạo danh mục sản phẩm, xác định điều khoản giao hàng, chọn tùy chọn thanh toán, chèn thỏa thuận cấp phép và tùy chỉnh giao diện của các thành phần cửa hàng.

Cuối cùng, bước cuối cùng là xuất dự án. Trang web đã hoàn thành có thể được lưu vào ổ cứng của bạn hoặc tải ngay lên máy chủ FTP. Ngoài ra, chương trình cho phép bạn lưu các tệp dự án để chuyển chúng sang máy tính khác. Lưu ý rằng dự án đã tạo có thể được lưu ở bất kỳ giai đoạn nào ở định dạng riêng của chương trình.

Có lẽ điều bất tiện duy nhất khi làm việc với WebSite X5 Evolution là không thể xem trước các trang trong trình duyệt. Nếu bạn muốn xem trang web trông như thế nào, bạn có thể sử dụng chức năng Kiểm tra, nhưng sẽ mất một chút thời gian để tạo dự án. Ngoài ra, chương trình còn tạo các trang trong trình xem riêng của nó, được tạo trên công cụ Internet Explorer.

⇡ KompoZer 0.7.10

  • Nhà phát triển: Fabien Cazenave
  • kích thước phân phối: 7,9 MB
  • phân phối: miễn phí
  • Giao diện tiếng Nga: có

KompoZer là trình soạn thảo web trực quan mã nguồn mở miễn phí. Chương trình này không chỉ có sẵn cho Windows mà còn cho Mac, cũng như Linux. Trình chỉnh sửa được tạo trên công cụ Gecko, chạy trình duyệt Firefox nổi tiếng. Điều này mang lại một số lợi ích: thứ nhất, công cụ này hỗ trợ hoàn hảo các tiêu chuẩn web hiện đại như XML, CSS và JavaScript. Thứ hai, khả năng của trình soạn thảo dựa trên Gecko có thể được mở rộng thông qua các plug-in.

Có lẽ tiện ích bổ sung đầu tiên bạn muốn cài đặt sẽ là gói bản địa hóa cho tiếng Nga. Nó được cài đặt theo cách tương tự như cách cài đặt plugin cho Firefox: trong menu Công cụ, bạn cần chọn lệnh Tiện ích mở rộng, sau đó chỉ định đường dẫn đến tệp bản địa hóa đã tải xuống có phần mở rộng .xpi. Sau khi cài đặt plugin, bạn sẽ cần khởi động lại chương trình, sau đó giao diện sẽ trở thành tiếng Nga.

Chương trình có một ứng dụng khách FTP tích hợp và nó không chỉ có thể được sử dụng để tải lên một dự án đã hoàn thành mà còn để chỉnh sửa nhanh chóng các trang của một trang web đã được lưu trữ trên máy chủ. Bằng cách chỉ định thông tin đăng nhập máy chủ của bạn, bạn có thể điều hướng cây thư mục và chọn các trang để chỉnh sửa. Nội dung của chúng sẽ được tải trong cửa sổ KompoZer và chúng có thể được chỉnh sửa nhanh chóng.

KompoZer giúp bạn có thể làm việc với nhiều trang cùng lúc. Mỗi tab mở ra trong một tab riêng biệt, bạn có thể nhanh chóng chuyển đổi giữa chúng. Mỗi trang có lịch sử hủy và trả lại hành động riêng. Bằng cách nhìn vào biểu tượng trong tiêu đề tab, bạn có thể xác định ngay xem nội dung của trang chưa được lưu có thay đổi hay không.

Mặc dù KompoZer tự động tạo mã cho các trang web nhưng bạn có thể xem mã đó và thực hiện một số thay đổi nếu cần. Ở cuối mỗi trang có các tab cho phép bạn chuyển đổi giữa hiển thị trang trực quan và hiển thị mã.

Theo mặc định, các công cụ được sử dụng thường xuyên nhất sẽ được hiển thị trên thanh công cụ của chương trình: thêm siêu liên kết, chèn hình ảnh, bảng biểu, công cụ tạo biểu mẫu web, v.v. Nếu muốn, bạn có thể thay đổi giao diện của bảng này (ví dụ: bằng cách làm cho các biểu tượng nhỏ hơn) đồng thời thêm một số công cụ khác vào bảng đó.

Nhìn chung, mặc dù KompoZer là một trình soạn thảo web trực quan nhưng nó được thiết kế cho những người dùng đã có một số kinh nghiệm trong việc tạo trang web. Bạn sẽ không tìm thấy các mẫu và ví dụ về menu điều hướng được tạo sẵn trong đó, nhưng một trình soạn thảo CSS mạnh mẽ được tích hợp vào chương trình, có các công cụ để kiểm tra mã HTML và kiểm tra chính tả.

⇡ Trình soạn thảo HTML BestAddress 17

  • nhà phát triển: Đa phương tiện Úc
  • kích thước phân phối: 7,1 MB
  • phân phối: phần mềm chia sẻ
  • Giao diện tiếng Nga: không

Khi một người dùng quyết định nghiên cứu một số lĩnh vực, chẳng hạn như đồ họa máy tính, chỉnh sửa video hoặc lập trình, anh ta thường hỏi những đồng chí có kinh nghiệm hơn xem chương trình nào là tốt nhất để bắt đầu học một nghề mới. Trong một số trường hợp, thực sự tốt hơn là nên sử dụng các công cụ đơn giản ngay từ đầu, sau đó, khi đã hiểu được khả năng của chúng, hãy chuyển sang các trình chỉnh sửa nâng cao hơn. Đối với BestAddress HTML Editor 2010 Professional, chúng tôi có thể nói rằng chương trình này có mọi cơ hội để trở thành công cụ đầu tiên và cuối cùng dành cho nhà phát triển web mới vào nghề.

Làm việc ở chế độ xây dựng trực quan của trang web gợi nhớ đến việc làm việc với một nhà thiết kế - bạn có thể tùy ý đặt kích thước và màu sắc của các thành phần, nút đặt, đồ họa, menu và các thành phần trang web khác một cách độc lập. Định dạng thuận tiện, gần giống như trình soạn thảo văn bản, có thể được sử dụng để kiểm soát vị trí của bất kỳ thành phần trang nào. Bạn sẽ không tìm thấy các mẫu trong BestAddress HTML Editor 2010 Professional, nhưng bạn có thể tải xuống một trang web có tại địa chỉ được chỉ định. Khi bạn mở trang trong chương trình, bạn có thể chỉnh sửa nó.

Trình chỉnh sửa có thể tự động tải dự án lên máy chủ - để thực hiện việc này, chương trình sử dụng ứng dụng khách FTP Truy cập FTP Kỹ thuật số đi kèm với nó.

BestAddress HTML Editor 2010 Professional cũng bao gồm các công cụ chuyên nghiệp để viết mã. Những người mới bắt đầu muốn hiểu cách hoạt động và viết mã HTML, CSS, Java và PHP có thể tham khảo tài liệu. Nó phác thảo các quy tắc quan trọng nhất để viết mã, chẳng hạn như mục đích của thẻ, ví dụ về các thao tác đơn giản, v.v. Các bài học đơn giản và dễ hiểu cung cấp ý tưởng ngắn gọn về cấu trúc của HTML và giúp người mới bắt đầu nắm vững kiến ​​thức.

⇡ Kết luận

Các chương trình được thảo luận trong bài đánh giá này cho phép bạn nhanh chóng tạo trang web của riêng mình và đưa nó lên Internet. Cần nhớ rằng tất cả những ứng dụng này chỉ là công cụ trong tay người dùng. Liệu trang web có thu hút được sự chú ý của khách truy cập hay không, liệu nó có trở thành một thành phần bổ sung cho sự thành công trong kinh doanh hay không, chỉ phụ thuộc vào trí tưởng tượng của tác giả và mong muốn cải thiện những gì mình đã bắt đầu. Và tất nhiên, để trang web đáp ứng được mong đợi của bạn, nỗ lực của bạn phải thành công, đó là điều chúng tôi mong muốn cho mọi người!

Bộ phần mềm soạn thảo HTML trực tuyến theo thời gian thực tốt nhất với tính năng xem trước hình ảnh trực tiếp tức thì và trình soạn thảo WYSIWYG nội tuyến sử dụng CKEditor và tính năng dọn dẹp đánh dấu. Bao gồm trình xem HTML, trình soạn thảo, trình nén, trình làm đẹp và định dạng dễ dàng. Không thể tạo mã không hợp lệ bằng công cụ này.

Làm cách nào để sử dụng Trình soạn thảo HTML?

Kích hoạt cuộn tự động. Hai người chỉnh sửa sẽ cuộn cùng nhau khi tùy chọn này được bật.

Điều chỉnh kích thước phông chữ theo sở thích của bạn.

Thực hiện tất cả các tùy chọn đã được chọn trong cài đặt (xem biểu tượng bánh răng ở trên).

Các tính năng chỉnh sửa quan trọng khác

Bạn có thể thử các tính năng soạn thảo HTML này để thực hành và tối đa hóa hiệu quả mã hóa của mình.

  • Trình chuyển đổi tài liệu- Để chuyển đổi bất kỳ tài liệu trực quan nào như Excel, PDF, Word sang HTML, chỉ cần dán tài liệu vào trình chỉnh sửa trực quan và phần đánh dấu sẽ hiển thị ngay lập tức ở bên phải.
  • Trình soạn thảo văn bản trực tuyến- Soạn tài liệu, giống như trong trình soạn thảo văn bản đa dạng thức. Sử dụng bảng điều khiển để đưa hình ảnh, bảng, tiêu đề, danh sách và các mục khác vào bài viết của bạn.
  • Sao chép dán- Trình chỉnh sửa sẽ không cho phép bạn lưu tài liệu. Để làm được điều này, bạn phải sao chép mã đã tạo vào một tệp văn bản trống, thay đổi phần mở rộng của nó thành. .html và mở nó trong một trình duyệt web.
  • Làm việc với bảng- Sử dụng bảng soạn thảo WYSIWYG, bạn có thể tạo bảng có kích thước bất kỳ chỉ bằng 2 cú nhấp chuột. Có một tùy chọn dọn dẹp để chuyển đổi chúng thành thẻ DIV được tạo kiểu.
  • Hoàn tác- Cả hai trình soạn thảo đều có chức năng này cho phép hoàn nguyên tài liệu về trạng thái trước đó. trước khi quá trình làm sạch được thực hiện.
  • Bản trình diễn tương tác- Thực hiện chuyến tham quan 4 bước để tìm hiểu các tính năng bằng cách nhấp vào Tham quan nhanh mục thực đơn. Tìm hiểu cách sử dụng trình chỉnh sửa và thử nghiệm văn bản demo.

Không bao giờ quên:

  • Hãy sao lưu trước khi sử dụng công cụ này để đảm bảo bạn luôn có thể quay lại tài liệu gốc của mình.
  • Luôn kiểm tra mã của bạn trước khi xuất bản trên một trang web trực tiếp.
  • Trình chỉnh sửa này không bao giờ lưu hoặc gửi tài liệu của bạn, mọi thao tác đều được thực hiện trên máy tính cục bộ của bạn.
  • Giống như hầu hết các trang web, trang này sử dụng cookie.

Kiểu dáng bảng Div

Đảm bảo bạn áp dụng mã CSS bên dưới khi xuất bản các bảng được chuyển đổi thành phần tử div. Hãy thử trình tạo kiểu bảng trực tuyến tương tác có thể tạo lưới từ cả phần tử div và bảng. Cả hai đều được hỗ trợ bởi trình soạn thảo này.

Xin lưu ý rằng tên lớp được chúng tôi sử dụng hơi khác so với tên lớp được DivTable.com sử dụng.

.rTable ( hiển thị : bảng; chiều rộng : 100 % ;) .rTableRow ( display : table-row ; ) .rTableHeading ( màu nền : #ddd ; display : table-header-group ; ) .rTableCell , .rTableHead ( display : table-cell ; phần đệm : 3 px 10px; biên giới : 1 px rắn #999999 ; ) .rTableHeading ( display : table-header-group ; màu nền : #ddd ; font-weight : đậm ; ) .rTableFoot ( display : table-footer-group ; font-weight : đậm ; màu nền : #ddd ; ) .rTableBody ( hiển thị : nhóm hàng bảng ; )

Nhấp và sao chép mã từ trường bên dưới: .rTable ( display: table; width: 100%;) .rTableRow ( display: table-row; ) .rTableHeading ( Background-color: #ddd; display: table-header-group ; ) .rTableCell, .rTableHead ( hiển thị: ô bảng; đệm: 3px 10px; đường viền: 1px rắn #999999; ) .rTableHeading ( hiển thị: table-header-group; màu nền: #ddd; font-weight: đậm ; ) .rTableFoot ( hiển thị: table-footer-group; font-weight: đậm; màu nền: #ddd; ) .rTableBody ( hiển thị: table-row-group; )