Ad Code

Responsive Advertisement

HTML Editor Untuk Membuat / Mengedit File HTML

 

Saat ini terdapat banyak HTML editor yang beredar di internet. Tentu sebagai pemula, hal tersebut akan membuat kita bingung dalam memilih editor yang tepat. Untuk mempermudah anda dalam memilih, inilah daftar 10 HTML teks editor terbaik dengan keunggulan masing-masing.

 

1. Notepad++

Salah satu editor teks yang ringan dan sangat popular di kalangan programmer adalah Notepad++. Software ini hanya berjalan di Windows. Jika Atom dan Sublime Text menggunakan background gelap secara default. Maka notepad++ sebaliknya. Software ini mirip Notepad namun dengan fitur yang jauh lebih banyak. Software ini adalah open source dan gratis.

Menu plugin pada Notepad++
Dalam pembelajaran ini kita menggunakan notepad. 
 
 
=======================================================================================
Text Editor Yang Lain ( Untuk menambah wawasan  ==> ::

2. Sublime Text

Tampilan Sublime text

Keunggulan dari sublime text adalah software ini sangat ringan dengan fitur yang canggih. Sama seperti Atom, Sublime Text memiliki paket plugin yang sangat banyak namun lebih ringan dibandingkan Atom. Software ini tersedia untuk Windows, Linux dan Mac. Lihat juga struktur dasar html.

 

Sublime Text juga termasuk salah satu text editor favorit programmer saat ini. Namun software ini tidak saya gunakan sebagai editor utama karena berlisensi free trial. Artinya, sublime text gratis hanya untuk testing. Jika kita ingin terus menggunakannya maka kita harus membayar $80 atau sekitar Rp 1150000. Simak juga tentang kepanjangan html.


3. Atom

Atom sebagai HTML editor terbaik

Atom adalah salah satu HTML teks editor gratis terbaik yang dikembangkan oleh GitHub dengan lebih dari 8500 paket plugin yang memungkinkan pengguna memperoleh bermacam-macam fitur.

Software ini adalah editor utama yang saya gunakan saat ini. Mengapa? Alasan utama saya adalah karena Atom itu gratis, open source dan ringan. Untuk itu saya akan menggunakan Atom dalam membuat tutorial belajar HTML. Atom tersedia untuk OS Windows, Mac dan juga Linux. Jadi, untuk anda yang menggunakan Mac atau Linux tidak perlu khawatir karena software ini juga bisa diinstall di OS yang anda gunakan.

Karena saya menyarankan untuk menginstall software ini maka saya akan berikan tutorial cara menginstall Atom pada OS yang anda gunakan.

Cara install Atom di Windows:

  • Download Atom di https://atom.io/
  • Selanjutnya anda bisa menginstallnya seperti menginstall software lain.

Cara install Atom di Mac:

  • Download Atom dari Mac anda di https://atom.io/
  • Anda akan mendapatkan file .zip
  • Klik file .zip tersebut untuk mengekstrak aplikasi, lalu drag aplikasi Atom tersebut ke folder “Applications” anda.

Cara menginstall Atom di Linux Debian, Ubuntu, Mint:

$wget -qO - https://packagecloud.io/AtomEditor/atom/gpgkey | sudo apt-key add -
$sudo sh -c 'echo "deb [arch=amd64] https://packagecloud.io/AtomEditor/atom/any/ any main" > /etc/apt/sources.list.d/atom.list'
$sudo apt-get update
$sudo apt-get install atom

Cara menginstall Atom di Linux Red Hat dan CentOS (YUM):

$sudo rpm --import https://packagecloud.io/AtomEditor/atom/gpgkey
$sudo sh -c 'echo -e "[Atom]\nname=Atom Editor\nbaseurl=https://packagecloud.io/AtomEditor/atom/el/7/$basearch\nenabled=1\ngpgcheck=0\nrepo_gpgcheck=1\ngpgkey=https://packagecloud.io/AtomEditor/atom/gpgkey" > /etc/yum.repos.d/atom.repo'
$sudo yum install -y atom.x86_64.rpm

4. Brackets

Jika anda ingin membuat HTML dan melihatnya secara langsung secara realtime maka Brackets adalah pilihan anda. Editor teks ini juga merupakan software open source dan gratis. Software ini dikembangkan oleh Adobe sehingga kita bisa mengintegrasikannya dengan beberapa produk Adobe. Software ini juga tersedia untuk Windows, Linux dan Mac.

5. Coffeecup HTML Editor

Sama seperti Sublime Text, Coffeecup adalah software berlisensi free trial yang artinya gratis hanya untuk testing. Jika kita ingin menggunakan selamanya maka perlu membayar sebesar $29 atau sekitar Rp 400000. Coffeecup ini juga memiliki tema HTML yang dapat anda gunakan. Editor ini juga memiliki fitur visual sehingga anda dapat melihat secara live preview halaman yang anda buat secara langsung. Sayangnya Coffeecup hanya tersedia untuk Windows. Pelajari juga materi tentang cara membuat tabel di html.

6. Komodo Edit

Komodo Edit adalah salah satu editor HTML yang ringan dan gratis. Dilengkapi dengan fitur preview seperti Coffeecup akan memudahkan kita dalam melihat hasil coding yang sudah kita lakukan. Text editor ini tersedia untuk Windows, Mac dan Linux.

7. Bluefish

Software ini tergolong jarang digunakan oleh programmer dibandingkan software yang telah saya sebutkan sebelumnya. Namun, Bluefish juga bisa anda coba karena tergolong ringan dan tentunya gratis. Selain itu, editor ini juga dapat tersedia untuk Windows, Linux dan Mac.

8. NetBeans

Netbeans adalah IDE yaitu aplikasi yang memiliki beberapa fitur untuk membuat software yang meliputi editor kode, debugger dan compiler. Software ini juga bisa kita gunakan untuk membuat HTML namun lebih berat dan membutuhkan resource CPU dan RAM yang lebih banyak. Jika anda sudah terbiasa menggunakan netbeans, anda bisa menggunakannya untuk membuat HTML. Software ini gratis dan tersedia untuk Windows, Mac dan juga Linux.

9. Aptana Studio 3

Software ini juga merupakan jenis IDE sama seperti NetBeans. Jika anda suka menggunakan Eclipse maka Aptana Studio adalah pilihan tepat karena bisa anda integrasikan dengan Eclipse. Software ini juga tersedia gratis dan dapat anda install di Windows, Linux dan Mac. Simak juga cara membuat list di html.

10. AWD

AWD adalah singkatan dari Android Web Developer yaitu software IDE untuk membuat web yang berjalan di Android. Software ini dapat digunakan untuk membuat atau mengedit HTML dari Android smartphone atau tablet anda. Meskipun hanya berjalan di Android, AWD memiliki fitur yang cukup lengkap diantaranya adalah code highlighting, code completion dan preview. Selain itu, AWD dapat anda install secara gratis di tablet atau smartphone anda.


 

 

PRAKTEK I

 



Post a Comment

0 Comments