Laman

PENGENALAN PEMROGRAMAN WEB

Pemrograman web diambil dari 2 suku kata yaitu pemrograman dan web. Pemrograman diartikan proses, cara, perbuatan program [1]. Definisi Web : jaringan komputer yang terdiri dari kumpulan situs internet yang menawarkan teks dan grafik dan suara dan sumber daya animasi melalui protokol transfer hypertext.[2]. Orang banyak mengenal web dengan istilah WWW (world wide web), World Wide Web adalah layanan internet yang paling populer saat ini internet mulai dikenal dan digunakan secara luas setelah adanya layanan WWW. WWW adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra belantara informasi. WWW berjalan dengan protokol HyperText Transfer Protokol (HTTP). Halaman Web merupakan file teks murni (plain text) yang berisi sintaks-sintaks HTML yang dapat dibuka/ dilihat/ diterjemahkan dengan Internet Browser . Sintaks HTML mampu memuat konten text, gambar, audio, video dan animasi. Kini internet identik dengan web, karena kepopuleran web sebagai standar interface pada lanyanan-layanan yang ada di internet, dari awalnya sebagai penyedia informasi, ini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce)[3]
Banyak keuntungan yang diberikan oleh Aplikasi berbasis Web daripada aplikasi berbasis desktop, sehingga aplikasi berbasis web telah diadopsi oleh perusahaan sebagai bagian dari strategi teknologi informasinya, karena beberapa alasan :
1.     Akses informasi mudah,
2.     Setup server lebih mudah
3.     Informasi mudah didistribusikan
4.     Bebas platform, informasi dapat disajikan oleh browser web pada sistem operasi mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan


PENGENALAN HTML

Sejarah singkat HTML

Di akhir tahun 1980an, Tim Berners-Lee bekerja sebagai seorang physicist di CERN (Sebuah Organisasi untuk research nuklir di eropa). Beliau merancang sebuah jalan bagi para scientis untuk berbagi dokumen melalui internet. Sebelum invensi ini, komunikasi melalui internet hanya terbatas pada dokumen teks biasa menggunakan beberapa teknologi seperti email,, FTP (File Transfer Protocol), dan Panel diskusi berbasis Usenet. Invensi dari HTML memanfaatkan model dan konten yang disimpan dalam server pusat yang dapat ditransfer dan ditampilkan pada workstation lokal melalui browser. Invensi ini menyederhanakan akses terhadap konten dan memungkinkan untuk menampilkan konten yang "kaya" (seperti  pemformatan teks yang mutakhir dan menampilkan gambar

Apa itu HTML?

 HTML adalah bahasa untuk memarkup (memformat). HTML memberitahu Web Browser bagaimana cara menampilkan konten. HTML memisahkan "konten" (kata-kata, gambar, audio, video dan lainnya) dari "Penampilan" (Definisi dari tipe konten dan instruksi bagaimana tipe konten tersebut harus ditampilkan). HTML menggunakan beberapa elemen yang telah didefinisikan untuk mengidentifikasi tipe-tipe konten. Element-elemen memiliki satu atau lebih "tag" yang memiliki atau mengekspresikan konten. Tatag diawali dan diakhiri dengan  kurung siku, dan tag "penutup" (tag yang menandakan akhir dari konten) diawali dengan garis miring

Cara kerja pemrograman web
Sebelum menjelaskan cara kerja pemrograman web, sebaiknya anda mengetahui tentang HTML bahwa HTML bukan bahasa pemrograman tapi adalah markup language (bahasa penandaan yang terdiri dari TAG). HTML hanya mendeskripsikan bahwa bagian tertentu dalam sebuah halaman web adalah isi yang harus ditampilkan oleh browser dengan cara tertentu.
Bagaimana cara kerja pemrograman web? Secara sederhana pemrograman web hanya dilakukan dengan menyisipkan perintah diantara TAG HTML. Misal :

<html>
<head>
<title> Latihan HTML </title>
<head>
<body>
<body bgcolor=#00FFFF>
<h1> Belajar Website </h1>
<hr width=100% align=center size=5% color=”blue”>
<h2><b>HURUF TEBAL</b></h2>
<p><i>Huruf Miring</i><br><u>Garis Bawah</u> </p>
<h3>Daftar:</h3>
<p>1. No Satu<br>2. No Dua<br>3. No Tiga</p>
<p>Contoh Script HTML yang sederhana semoga dapat membantu anda</p>
</body>

</html>

DAN HASILNYA SEPERTI DI BAWAH


PENGENALAN CSS


CSS (Cascading Style Sheet) merupakan suatu bahasa program web yang digunakan untuk mengendalikan dan membangun berbagai komponen dalamn web yang digunakan untuk mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan web akan lebihrapi, terstruktur dan seragam.
CSS merupakan pemrograman wajib yang harus dikuasi oleh setiap pembuat program (Web Programmer), terlebih lagi itu adalah pendesain web (web designer).
CSS saat ini dikembangkan oleh World Wide Web Consortium (W3C) dan menjadi bahasa standar dalam pembuatan web. CSS difungsikan sebagai penopang atau pendukung, dan pelengkap dari file html yang berperan dalam penataan kerangka dan layout.
CSS mampu di berbagai platform, maksudnya dapat dijalankan pada berbagai macam sistem operasi dan web browser. Secara umum, yang dilakukan oleh CSS adalah pengaturan layout, kerangka, teks, gambar, warna, tabel, spasi, dan lain sebagainya. Kita akan mengetahui masing-masing pengaturan tersebut pada pembahasan selanjutnya.
Sejarah Singkat CSS?
Pada tahun  1996, mungkin tepatnya pada tanggal 17 Desember 1996, W3C (World Wide Consortium) menjadikan CSS sebagai pemrograman standar dalam membangun suatu dokumen web. Tujuannya tentu saja untuk mengurangi pembuatan tag-tag. Pada saat itu, CSS masih berversi 1, yang memiliki dukungan terhadap:

-    Font (Jenis. Ketebalan, dan lain-lain)
-    Warna teks, latar belakang, dan lain-lain.
-    Text atribut, misalnya spasi antar baris, kata, dan huruf.
Melihat dukungan seperti itu, tentu kurang lengkap bukan? Oleh karena itu, pada tahun 1998, W3C menyempurnakannya dengan hadirnya CSS versi 2 (CSS2), yang menjadi standar hingga saat ini. CSS dari tahun ke tahun terus dikembangkan dan hingga kini CSS telah mencapai versi ke-3 (CSS3).
Oh gitu.. iya cukup singkap bukan, namanya juga sejarah singkat CSS.
Mengenal Berbagai Macam Versi CSS
Saat ini, CSS telah mencapai pada versi yang ketiga, di mana pada setiap versi selalu ada peningkatan. Pada subbab ini penulis akan mengenalkan kepada anda, apa sih perbedaan antara CSS-1, CSS-2, hingga CSS-3?

•    CSS-1, dikembangkan dan berpusat pada formatting dokumen HTML.
•    CSS-2, dikembangkan untuk bisa memenuhi kebutuhan terhadap format dokumen supaya bisa ditampilkan di printer. Pada CSS-2 ini mendukung juga dalam penentuan posisi konten, downloadable, font, table-layout, dan media type untuk printer.
•    CSS-3, merupakan versi pengembangan dari sebelumnya. Pada versi ini terdapat beberapa tambahan dan mengarah pada efek animasi. Namun, saat ini belum semua didukung oleh web browser.

Bagaimana CSS itu Bekerja?

Cara kerja CSS sangat mudah, kita cukup menuliskan berdasarkan style (selektor, id dan class), maka secara otomatis style tersebut akan bekerja pada dokumen HTML. Tidak ada cara kerja khusus yang diterapkan oleh CSS. Berbeda dengan bahasa pemrograman lain, semisal PHP. CSS bekerja apa adanya.. mengalir mengikuti aliran yang telah ditentukan.. kok malah puitis gini yah?? 
Kita cukup mengatur selektor, id, dan class, untuk kemudian id dan class tersebut kita sesuaikan dan terfapkan pada kode HTML (penulis akan membahasnya lebih lanjut). Dan secara otomatis pula CSS itu akan bekerja pada file HTML.. cukup simple bukan?

Contoh Penulisan Dasar CSS
Ada baiknya sebelum kita membahas lebih dalam, kita harus mengenali contoh penulisan dasar terlebih dahulu. Secara umum, penulisan dasar CSS tidak lepas dari keberadaan  selector, id, class, dan  value. Lihat format penulisan berikut:



BERIKUT TAMPILAH SETELAH DI RUN