Nulis-Ilmu.com

Tutorial Elektronika dan Komputer

  • Home
  • Elektronika
  • Komputer
  • Javascript

Aplikasi Teks Editor untuk Pemrograman Web

20 September 2014 By Eko Purnomo

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.

Berikut ini beberapa aplikasi teks editor yang memenuhi kriteria diatas

1. Notepad++


Merupakan aplikasi text editor yang gratis dan powerfull. Sayangnya Notepad++ hanya tersedia untuk platform OS Windows.
Notepad++ dapat di download disitus resminya di ttp://notepad-plus-plus.org/
2. BlueFish Editor


BlueFish juga termasuk aplikasi text editor yang gratis dan powerfull. Kita bisa memilih mode berbagai bahas pemrograman. Awalnya saya mengenal Bluefish karena saya menggunakan Linux, namun ternyata BlueFish juga tersedia untuk platform Windows.
BlueFish dapat didownload disitus resminya di http://bluefish.openoffice.nl/

Referensi :

  • http://www.duniailkom.com/belajar-html-memilih-aplikasi-editor-html/
  • http://abisabrina.wordpress.com/2014/01/09/aplikasi-penunjang-belajar-php/

Filed Under: HTML

Mengenal Browser dan URL

20 September 2014 By Eko Purnomo

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.
Referensi :
  • http://en.wikipedia.org/wiki/Web_browser

Filed Under: HTML

Apakah itu HTML?

20 September 2014 By Eko Purnomo

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:

contoh html

Mengenal tag-tag file HTML

Pada contoh file HTML diatas dapat dilihat beberapa tag HTML seperti <html>, <head>, <title>, <body> dan <p>. Dari sekian tag tersebut dilihat bahwa tag <HTML> adalah yang paling luar, lalu dibagi menjadi dua tag besar yaitu <HEAD> dan <BODY>. Baru kemudian didalam tag <HEAD> dan <BODY> terdapat tag tag kecil seperti <TITLE> dan <P>.

Tag <HEAD>

Bagian HEAD berisi informasi yang tidak ditampilkan pada browser, seperti TITLE dan META DATA. TITLE adalah keterangan teks yang ditampilkan pada title window browser. Sedangkan META DATA bisa berisi informasi tentang keyword, character dan name. Selain itu bagian HEAD juga berisi LINK REL terhadap file eksternal yang digunakan oleh file HTML tersebut seperti CSS dan FAVICON.

Tag <BODY>

Bagian BODY merupakan bagian yang akan ditampilkan pada browser. Pada bagian inilah kita mengkreasikan tampilan website agar tampak menarik bagi pembaca. Beberapa tag untuk kreasi tampilan hanya bekerja didalam BODY dan tidak bekerja jika ditaruh pada bagian HEAD.

Referensi :

  • http://en.wikipedia.org/wiki/HTML

Filed Under: HTML

  • « Previous Page
  • 1
  • …
  • 58
  • 59
  • 60

Kategori

  • Android
  • Blogging
  • CSS
  • Desain
  • Elektronika
  • HTML
  • Internet
  • Javascript
  • Komputer
  • Mikrokontroler
  • PHP
  • Website

Pos-pos Terbaru

  • Rangkaian Adaptor 12 Volt 3 Ampere
  • 10 Aplikasi Transportasi Online Terbaru 2018
  • 3 Cara Screenshot di Laptop Windows
  • Rangkaian Adaptor 12V 35Ampere
  • Komunitas Desainer Kampung Jepara
  • Solder Yang Bagus dan Berkualitas
  • Cara Melewatkan Parameter ke dalam Fungsi pada Bahasa C
  • Parameter Dalam Bahasa C: Formal dan Aktual
  • Prototipe Fungsi dalam Bahasa C
  • Cara Menggunakan Fungsi dalam Bahasa C
  • Home
  • Privacy
  • Disclaimer
  • Kontak

Copyright © 2023 · Nulis-ilmu.com