Mengenal Perencanaan Web

      Pengenalan Perancangan WEB merupakan mata kuliah yang diberikan pada Semester 2 di STMIK AMIKOM YOGYAKARTA. Materi yang diberikan pada kuliah ini meliputi :
1. Konsep Perencanaan WEB
2. Pengenalan Client-Side Scripting
3. HTML dan XHTML
4. CSS dan CSS3
5. Javascript
6. Jquery
7. Bootstrap

Dimulai dari beberapa hal dasar yang perlu diketahui terlebih dahulu seperti pengertian Web, pengertian Situs Web, pengertian World Wide Web, Web Statis dan Web Dinamis, dan pengenalan HTML.

      A. Pengertian WEB

Web adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, suara, animasi, video) di dalamnya yang menggunakan protokol HTTP (Hypertext Transfer Protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser. Beberapa jenis browser yang sering kita kenal antara lain: Interet Explorer yang diproduksi oleh Microsoft, Mozilla Firefox, Opera, dan Safari yang diproduksi oleh Apple.

Browser adalah aplikasi yang mampu menjalankan dokumen-dokumen web dengan cara diterjemahkan.

B. Pengertian Situs WEB

Situs Web adalah kumpulan dari halam web yang sudah dipublikasikan di jaringan internet dan memiliki domain/URL (Uniform Resource Locator) yang dapat di akses semua pengguna internet dengan cara menggetik alamatnya.

Contoh : www.amikom.ac.id, http://facebook.com

C.Pengertian World Wide Web

WWW merupakan kumpulan situs web yang dapat di akses di internet yang berisikan semua informasi yang dibutuhkan semua pengguna internet. 

D. Web Statis dan Web Dinamis

Web Statis adalah web yang isinya/content tidak berubah-ubah. Maksudnya isi dari dokumen web tersebut tidak dapat diubah secara cepat dan mudah. Ini karena teknologi yang digunakan untuk membuat web tidak memungkinkan dilakukan perubahan isi/data. Teknologi yang digunakan untuk web statis adalah jenis client side scriptng seperti HTML, Cascanding Style Sheet (CSS).

Web Dinamis adalah jenis web yang content/isinya dapat berubah sewaktu-waktu. Web yang banyal menampilkan animasi flash belum tentu termasuk web dinamin karena dinamis/berubah0ubah isinya tidak sama dengan animasi. Untuk membuat wen dinamis diperlukan beberapa komponen yaitu client side scripting ( HTML, Javascript, Cascanding Style Sheet ), server side scripting seperti PHP, program basisi data seperti MySQL untuk menyimpan data-datanya.

E. Pengenalan HTML

HTML adalah kependekan dari Hypertext Markup Language yang merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen ini sering di kenal dengan web page. Dokumen HTML merupakan dokumen yang disajikan pada web browser.

Contoh :

 
Penggunaan Tag dan Atribut 
Dalam pembuatan dokumen HTML, penulisan elemen yang diawali dan diakhiri tanda tag HTML memiliki syarat penulisan yaitu :
a. Tag HTML diapit dengan dua karakter kurung sudut (<dan>)
b. Tag HTML secara normal selalu berpasangan, misal (<i> .. </i>)
c. Tag HTML tidak ‘case sensitive’. <b> sama dengan </b>
d. Jika dalam suatu tag ada tag lagi, maka penulisan tag akhir tidak boleh bersilang, harus berurutan. Misalnya <b><i> .. Tebal Miring.. </l></b>


REFERENSI :
M.Rudyanto Arief.2011.Pemograman Web Dinamis menggunakan PHP dan MySQL.Penerbit ANDI Yogyakarta