Tutorial Elektronika dan Komputer

Untuk menunjang pembuatan script-script website kita harus mempunyai teks editor yang baik. Sebenarnya menggunakan aplikasi teks editor seperti notepad saja sudah cukup untuk menghasilkan script HTML maupun PHP namun jika script sudah banyak dan kompleks maka aplikasi minimum seperti notepad agaknya sudah tidak cocok lagi.
Mengapa demikian, karena dengan banyaknya script maka tag-tag akan seakin banyak dan pengelompokan script juga semakin luas jadi siperlukan setidaknya fitur syntax highlighting untuk membantu pengelompokan script. Selain itu beberapa fitur seperti auto completion dan accordion juga perlu untuk melokalisir area manakala terjadi masalah.

Syarat-syarat teks editor untuk pembuatan script HTML, PHP, CSS dan JAVASCRIPT

1. Syntax Highlighter, adalah fitur yang membedakan warna untuk masing-masing bagian script. Misalnya tag dengan warna hijau dan teks dengan warna hitam.
2. Code Folding, adalah fitur untuk meminimize satu blok script. Jadi script bisa dicek per blok.
3. Auto Complete, adalah fitur untuk memberikan sugesti terhadap kode yang akan ditulis. Jadi tidak perlu menghafal kode atau setidaknya meringankan kerja dalam mengetik kode.
4. Auto Recovery, berfungsi jika tiba-tiba terjadi kesalahan daya saat proses mengetik kode sehingga kode yang telah diketik tidak hilang.
5. Project Manager, adalah fitur ekstra untuk memudahkan proses pengerjaan sebuah proyek website atau aplikasi PHP.
6. Folder Tree, adalah fitur mirip file manager yang membantu kita dalam proses buka tutup file.
7. Support multi language script, dengan demikian aplikasi text editor bisa beradaptasi dengan berbagai bahasa pemrograman seperti HTML, PHP, CSS dan JAVASCRIPT.
8. Freeware, ini bukan syarat utama namun menjadi salah satu syarat manakala kita tidak mau atau tidak mampu membeli aplikasi yang berbayar. Setidaknya keinginan untuk belajar dan berkarya tidak diawali dengan membajak aplikasi yang berbayar.

1. Notepad++

2. BlueFish Editor

Browser atau lengkapnya Web Browser adalah sebuah aplikasi untuk menjelajah internet melalui halaman website. Web Browser sering juga disebut dengan Peramban. Browser bertugas membuka halaman-halaman dari sebuah situs sesuai dengan permintaan dari pengguna melalui sebuah alamat yang disebut URL.
URL adalah singkatan dari Uniform Resource Locator. Pengertian URL adalah sebuah susunan huruf yang merupakan penunjuk sebuah alamat situs atau file.
Web Browser pertama bernama WorldWideWeb diciptakan pada tahun 1993 oleh sang penemu internet, Tim Berners-Lee. Beberapa Web Browser yang kemudian muncul diantaranya Mosaic atau kemudian bernama Netscape, Internet Explorer, Opera, Firefox dan Safari. Kemudian Google sebagai raksasa internet juga ikut meluncurkan Web Browser yang diberi nama Google Chrome.

Fungsi Web  Browser saat pembuatan kode HTML

Aplikasi Web Browser dibutuhkan untuk melihat hasil tampilan kode dari file HTML yang kita buat. Hal ini dikarenakan rata-rata para pembuat web menggunakan aplikasi teks editor bukan aplikasi yang support WYSIWYG. WYSIWYG adalah kepanjangan dari What You See is What You Get yang berarti saat kita membuat web kita langsung melihat bentuk jadinya. Contoh aplikasi WSIWYG yang terkenal adalah Microsoft Frontpage dan Adobe Dreamweaver.

5 Web Browser Terbaik

1. Mozilla Firefox
   dibuat oleh Mozilla Corporation, merupakan salah satu web browser open source yang dibangun dengan Gecko layout engine. Salah satu kelebihan Firefox adalah dukungan fasilitas Add-ons yang banyak dan dapat diinstall sesuai dengan kebutuhan pengguna. Tersedia untuk platform Windows dan Linux.
2. Google Chrome
   dibuat oleh Google, paling akhir muncul namun dinilai oleh beberapa pengguna sebagai browser tercepat dan teringan. Hal ini membuat Google Chrome sedikit demi sedikit mulai menggusur dominasi Firefox dan Interne Explorer. Google Chrome juga tersedia untuk platform Windows dan Linux.
3. Apple Safari
   dibuat oleh Apple dan awalnya hanya khusus untuk sistem operasi buatan Apple, Mac OS. Kini Safari tersedia untuk platform Windows dan Linux. Tampilan Safari merupakan tampilan browser tercantik yang pernah saya pakai.
4. Opera
   dibuat oleh Opera Software Norwegia. Opera merupakan browser terlengkap dan stabil namun kalah bersaing dengan Firefox dan Chrome. Meski demikian, produk opra diplatform mobile yang dikenal dengan Opera Mini merupakan penguasa dibidangnya.
5. Internet Explorer
   adalah browser buatan Microsoft. Dulu saat Windows 98 dan Windows XP mendominasi sistem operasi komputer dunia, Internet Explorer merupakan browser yang paling banyak dipakai. Namun karena minim pengembangan dan kalah pamor dari Firefox, Internet Explorer pun perlahan-lahan mulai di tinggalkan.

HTML adalah kepanjangan dari HyperText Markup Language. HTML merupakan bahasa standar dalam dunia website. Disebut Markup karena terdapat kode yang merupakan perintah bagi browser. Sebagai contoh kode <b> menandai perintah bagi browser untuk mencetak tebal sebuah huruf atau teks. Jadi sebuah file HTML utuh berisi sekumpulan kode yang apabila ditampilkan pada browser dapat membentuk sebuah halaman website. Kode-kode ini selanjutnya disebut dengan TAG.

Standar penulisan HTML diawali dengan <…> dan diakhiri dengan </…>, dimana … merupakan tag kode HTML. Tag HTML yang paling tinggi adalah <HTML>. Semua kode yang diapit oleh tag HTML akan diencode oleh browser dengan standar encode HTML. Jadi jika kode HTML tidak diletakkan pada tag HTML akan ditampilkan sebagai teks biasa.
Penulisan tag kode HTML tidak membedakan antara huruf besar dan huruf kecil.

Contoh file HTML Sederhana

 <!DOCTYPE html>  
 <html>  
  <head>  
  <title>Belajar HTML</title>  
  </head>  
  <body>  
  <p>Ini adalah contoh paragraf</p>  
  </body>  
 </html>  

Jika kode HTML diatas dijalankan pada browser maka akan menghasilkan tampilan berikut ini:

Mengenal tag-tag file HTML