Jumat, 07 Maret 2014

Pengenalan Perancangan Web 1 : Konsep Dasar

     Hai sobat, kali ini saya mau berbagi ilmu yang saya dapat dari mata kuliah 'Pengenalan Perancangan Web'. Saya baru saja dapet dapat mata kuliah tersebut kemarin, pertemuan pertama masih perkenalan saja. Berikut ulasannya...
     Konsep dasar pemrograman web :
-Internet : yaitu seluruh jaringan komputer yang saling terhubung menggunakan IP sebagai protokol pertukaran paket (packet switching communication protocol) untuk melayani seluruh pengguna internet di muka bumi ini.

-Web : yaitu aplikasi yang berisikan dokumen-dokumen multimedia misalnya: teks, gambar, animasi, suara, video yang di dalamnya menggunakan HTTP (hypertext transfer protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser.
-Situs web : kumpulan dari halaman web yang sudah dipublikasikan di jaringan internet dan memiliki domain/URL yang dapat diakses semua pengguna internet dengan cara mengetikkan alamat web yang ingin dituju.
-HTTP  (Hyper Text Transfer Protocol) : yaitu protokol yang digunakan untuk mentransfer dokumen dalam World Wide Web.
-WWW (World Wide Web) : halaman-halaman website yang saling terkoneksi antara satu dengan yang lainnya yang memberntuk suatu informasi.
-URL (Uniform Resourse Locator) : yaitu rangkaian karakter menurut suatu formatstandart tertentu yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen atau gambar di internet.
ex: http://amikom.ac.id/profile.html
-URI (Uniform Re source Indentifier) : yaitu sebuah rangkaian karakter yang digunakan untuk mengidentifikasi nama, sumber, atau layanan internet.
ex: http://amikom.ac.id/profile.html#satu 

Kemudian web itu dibagi menjadi 2 jenis:
 1. web statis, jenis website yang penggunanya tidak bisa merubah konten dari web tersebut langsung melalui Browser. Misalnya: di Blogger, kita tidak bisa mengedit postingan kita secara langsung, kita harus mengubahnya lewat kode html/ menggunakan software lain.
 2. web dinamis, jenis website yang penggunanya bisa langsung merubah konten dari web tersebut melalui Browser. Misalnya: di Facebook, jika kita ingin mengubah status, kita tidak perlu menggunakan software ataupun koe html. Hanya lewat Browser pun kita bisa mengubah sesuai keinginan kita.

Nah, sekarang kita mulai dulu dari awal, kita akan mempelajari HTML (Hyper Text Markup  Language).
HTML adalah bahasa untuk membentuk sebuah halaman web dan html bukanlah sebuah bahasa pemrograman melainkan bahasa (markup language). Markup language terdiri dari sekumpulan markups tag. Simbol markup yang digunakan oleh HTML ditandai dengan tanda 'lebih kecil' (<) dan tanda 'lebih besar' (>) yang biasa disebut tag.

1.  Penamaan Dokumen HTML
Untuk membuat program aplikasi yang berjalan di atas web, kita harus menguasai HTML. Saat ini banyak aplikasi yang dapat digunakan untuk membuat halaman web seperti Macromedia DreamWeaver, Notepad++, Sublime, dan sebagainya, yang memudahkan kita untuk merancang suatu halaman web.
Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri yang paling nampak jelas adalah ekstensi filenya, yaitu .htm atau .html. Format ekstensi berformat .htm awalnya hanyalah mengakomodasi penggunaan html dalam operasi DOS.

2. Definisi Elemen dan Tag HTML
Elemen HTML yaitu komponen penyusun terkecil dari sebuah dokumen HTML. Elemen dapat berupa teks murni, atau bukan teks, atau keduanya. Untuk menandai sebuah elemen dalam suatu dokumen HTML di sebut tag. Suatu elemen biasanya memilki pasangan tag, tetapi ada juga elemen yang tidak memiliki pasangan tag, di antaranya :
- Image : <img/>        - Horizontal rule : <hr/>
- Ganti baris : <br/>   - Input field : <input/>

3. Penggunaan Tag dan Atribut Tag
Dalam pembuatan dokumen HTML penulisan elemen yang di awali dan di akhiri tanda tag, memiliki syarat penulisan yaitu:
- tag HTML diapit dua karakter/simbol 'kurung sudut' < dan >
- tag HTML secara normal selalu berpasangan, misal <b>...</b> (*tag <b> berfungsi untuk mencetak tebal teks tulisan/ Bold)
- tag HTML tidak boleh jika seperti ini <b>....</B> (*itu salah, yang benar seperti contoh diatas ini)
- Jika dalam suatu tag terdapat tag lain, maka penulisannya tidak boleh silang dan harus berurutan. misalnya <b> <u>contoh</u> </b> (*maka tampilannya menjadi 'contoh', tebal & bergaris bawah)



Sekian review yang saya peroleh dari mata kuliah saya, semoga bermanfaat! Terima kasih ^^

1 komentar: