PERTEMUAN 1

Resume : 1

Mata Kuliah : Pemrograman Web

Dosen : Kurniawan Jatmika, S.KOM 

1. HTML

• HTML Merupakan suatu script dimana kita bisa menampilkan informasi dan daya kreasi kiata lewat Internet.HTML memiliki perbedaan dengan dokumen teks biasa.misalnya:perbedaan yang paling men-colok adalah pada dokumen word,banyaknya karakter akan terbatasi oleh besarnya kertas.Sedangkan HTML tak memiliki batasan teks. 

• HTML adalah Bahasa pemrograman yang fleksibel di mana kita bisa meletakkan skrip dari bahasa pemrograman lain seperti JAVA,Visual Basic,C dan lain-lain.jika HTML tersebut tidak dapat mendukung suatu perintah pemrograman tertentu.Browser tidak akan menampilkan kotak dialog”Syntax Error” jika terdapat penulisan kode yang keliru pada skrip HTML sepanjang kode-kode yang kita tuliskan merupakan kode-kode HTML tanpa penambahan kode-kode dari luar seperti  java. Oleh karena itu,jika terjadi syntax error pada skrip HTML ,efek yang paling jelas adalah HTML tersebut tak akan ditampilkan pada halaman jendela Browser.

• Sejarah HTML

Konsep hypertext bagi kebanyakan orang merupakan sesuatu yang baru.ide pembuatan  Hypertext itu  sendiri muncul tatkala kita akan memberikan suatu penjelasan khusus terhadap dokumen lainnya lewat suatu link.HTML memiliki arti bahwa dalam suatu dokumen teks terdapat dua bagian yang khusus,yaitu bagian teks itu sendiri dan bagian elemen-elemen yang menjelaskan teks-teks itu.Konsep HTML diciptakan pertama kali oleh IBM pada tahun 1980 pada saat tercetus ide untuk meletakkan elemen-elemen yang menandai bagian suatu dokumen seperti judul,alamat,dan isi dokumen.Lalu ,pada akhirnya elemen-elemen itu menjadi suatu program untuk melakukan pemformatan dokumen secara otomatis.Bahasa pemrograman untuk melakukan tugas tersebut disebut markup Language,atau lebih lengkapnya IBM menamai program tersebut Generalized Markup Language(GML)

a.   SGML KE HTML

HTML dulu merupakan salah satu bagian dari SGML ini.Seorang peneliti yang bernama Tim Berners-Lee dari CERN-yang kini menjadi direktur W3C mengemukakan suatu ide tentang pembuatan suatu skrip bahasa pemrograman dan dokumen yang bisa diakses oleh seluruh komputer tanpa melihat jenis platform-nya apakah windows,UNIX,Linux,dan sebagainya.Semenjak itu HTML justru lebih populer daripada SGML

• Perkembangan  HTML

Hingga kini HTML telah mencapai versi 3.02 yang telah kita pakai sekarang ini

                        I. HTML VERSI 1.0

HTML Versi 1.0 merupakan HTML Pionir yang di dalamnya  masih terdapat banyak sekali kelemahan sehingga wajar jika tampilanyang di hasilkan sangat sederhana.Kemampuan yang dimiliki versi 1.0 ini antara lain heading,paragraf,hyper-

Text,list,serta cetak tebal dan miring pada teks.Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan text di sekelilingnya.

                        II. HTML VERSI 2.0

Pada versi ini,penambahan kualitas HTML terletak pada kemampuan untuik menampilkan suatu form pada dokumen.Dengan adanya form ini ,maka kita dapat memasukkan nama,alamat,serta saran dan kritikan.HTML Versi 2.0 ini merupakan pionir dari adanya Homepage interaktif.

                        III. HTML VERSI 3.0

Versi HTML 3.0 menambahkan beberapa fasilitas baru seperti  FIGURE yang merupakan perkembangan dari IMAGE untuk meletakkan gambar dan tabel.selain itu,HTML ini mendukung adanya rumus-rumus matematika dalam dokumennya.

                        IV. HTML VERSI 3.2

HTML Versi 3.2 merupakan HTML yang sering kita gunakan saat ini.Di dalamnya terdapat suatu teknologi untuk meletakkan teks di sekeliling gambar,gambar sebagai latar belakang,tabel,frame stylesheet,dan lain-lain.Selain itu pada HTML Versi ini,kita bisa menggunakan script di luar HTML untuk mendukung kinerja HTML kita tersebut seperti JAVASCRIPT,VBSCRIPT,dan lain-lain

                        

                        V. HTML VERSI 4.0

HTML Versi 4.0 ini merupakan HTML Versi terakhir pada saat buku ini dibuat.HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya .Perubahan ini hampir terjadi di segala perintah-perintah HTML seperti table,image,link,text,meta,imagemaps,form,dan lain-lain.Selain Itu versi ini menambahkan beberapa perintah seperti ABBR,ACRONYM,BDO,BUTTON,FIELDSET,INS,LABEL,LEGEND,OBJECT,OPTGROUP,PARAM,TBODY,TFOOT,THEAD,dan Q.

Sumber : HTML

2. Sejarah Singkat CSS         

Pada tanggal 17 Desember 1996, World Wide Web Consortium (W3C) menjadikan

CSS sebagai bahasa pemrograman standard dalam pembuatan dokumen web.

Tujuannya adalah mengurangi pembuatan TAG-TAG baru oleh Netscape dan Internet

Explorer (IE), karena pada masa itu kedua browser saling bersaing mengembangkan

TAG sendiri untuk mengatur tampilan web.

CSS level 1 mendukung pengaturan tampilan dalam hal:

1. Font (jenis, ketebalan),

2. Warna teks, latar belakang, dan elemen lainnya,

3. Text attributes, misalnya spasi antar baris, kata, dan huruf,

4. Posisi text, gambar, tabel, dan elemen lainnya,

5. Marjin, border, dan padding.

Selanjutnya di tahun 1998, W3C menyempurnakan CSS awal dengan menciptakan

standard CSS2 (CSS level 2) – yang menjadi standard hingga saat ini. Pada CSS level 2

ini, di masukkan semua atribut dari CSS1, serta diperluas dengan penekanan pada

International accesibility and capability khususnya media-specific CSS.

Bahkan pada perkembangannya, saat ini sudah muncul CSS3. Pekerjaan dari CSS3

dimulai pada tahun 2000, tidak lama setelah CSS2 di implementasikan. CSS3 ini sampai

sekarang masih terus dikembangkan, spesifikasinya dibagi pada beberapa topik atau

modul.

• Pengertian & Manfaat CSS

Menurut Wikipedia, Cascading Style Sheets (CSS) adalah:

“bahasa pemrograman untuk mengatur tampilan suatu website atau blog”

Tampilan yang dimaksud disini adalah jenis, ukuran, dan warna font; jarak antara

baris dan panjangnya, marjin dan indentasi, background dan warna, serta masih

banyak lagi. CSS merupakan fitur yang sangat penting dalam pembuatan Dynamic

HTML. Meskipun bukan merupakan keharusan dalam membuat web, namun

penggunaan CSS merupakan kelebihan tersendiri.

Menggunakan CSS tidak memerlukan perangkat lunak tertentu, karena merupakan

script yang telah embedded dengan HTML. Anda cukup menggunakan aplikasi

notepad untuk menciptakan script CSS sendiri.

Manfaat dari CSS:

1. Kode HTML menjadi lebih sederhana dan lebih mudah diatur,

2. Ukuran file menjadi lebih kecil, sehingga load file lebih cepat,

3. Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja,

4. Dapat berkolaborasi dengan JavaScript dan merupakan pasangan setia

XHTML,

5. Digunakan dalam hampir semua web browser.

Sumber : CSS 

3. Bahasa skrip atau lebih dikenal dalam bahasa Inggris: scripting language, merupakan bahasa pemrograman yang menyediakan fasilitas penerjemahan serta kompilasi kode dalam satu rangkaian proses secara integratif sehingga memungkinkan kode dibuat dapat langsung dijalankan sebagai program secara dinamis. Skrip atau kode program yang akan dijalankan umumnya akan diterjemahkan terlebih dulu dari kode sumber ke dalam P-Code, sebagai tambahan, beberapa bahasa skrip bahkan telah menyediakan kompiler JIT terintegrasi yang akan mengevaluasi serta menerjemahkan bagian-bagian kritis atas P-Code tersebut menjadi kode mesin sehingga menghasilkan eksekusi proses yang lebih cepat hingga secara relatif bisa menandingi program yang ditulis dengan menggunakan bahasa pemrograman kompilatif seperti C.

Pada awalnya bahasa skrip seringkali disebut sebagai batch language karena tujuan awalnya adalah untuk membantu fungsi administratif pemeliharaan sistem dengan cara mengotomatisasikan tugas administrator sistem melalui serangkaian instruksi pemeliharaan sistem yang dieksekusi dalam satu waktu secara periodik.

Sumber : Scripting