Cascading Style Sheet

pemrograman web

                          Pengertian Pemrograman Web

Pemrograman web diambil dari 2 suku kata yaitu pemrograman dan web. Pemrograman yang dalam bahasa English adalah programming dan diartikan proses, cara, perbuatan program.

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.

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 binsin (commerce).

(sumber: Wikipedia bahasa indonesia, ensiklopedia bebas )

 1) Profesi dalam bidang Teknologi Informasi
 

Saat ini ada banyak aneka profesi di bidang Teknologi Informasi atau TI.
Perkembangan dunia TI telah melahirkan bidang baru yang tidak terlepas dari
tujuan utamanya yaitu untuk semakin memudahkan manusia dalam melakukan
segala aktifitas. Munculnya bidang TI yang baru juga memunculkan profesi di
bidang TI yang semakin menjurus sesuai dengan keahlian masing-masing.
Secara umum, pekerjaan di bidang teknologi informasi setidaknya dapat
dikelompokan sesuai bidangnya, misalnya.

a. Kelompok pertama, adalah mereka yang bergelut di dunia perangkat lunak
(software), baik mereka yang merancang sistem operasi, database maupun
sistem aplikasi.
Pada lingkungan kelompok ini, terdapat pekerjaan-pekerjaan seperti :
*Sistem analis, merupakan orang yang bertugas menganalisa system yang akan
diimplementasikan, mulai dari menganalisa system yang ada, kelebihan dan
kekurangannya, sampai studi kelayakan dan desain system yang akan
dikembangkan
* Programer, merupakan orang yang bertugas mengimplementasikan rancangan
system analis, yaitu membuat program ( baik aplikasi maupun system operasi )
sesuai system yang dianalisa sebelumnya.

 * Web designer, merupakan orang yang melakukan kegiatan perencanaan,
termasuk studi kelayakan, analisis dan desain terhadap suatu proyek pembuatan
aplikasi berbasis web.
* Web programmer, merupakan orang yang bertugas mengimplementasikan
rancangan web designer, yaitu membuat program berbasis web sesuai desain
yang telah dirancang sebelumnya.

b. Kelompok kedua, adalah mereka yang bergelut di bidang perangkat keras
(hardware).
Pada lingkungan kelompok ini, terdapat pekerjaan-pekerjaan seperti :
* Technical engineer, sering juga disebut teknisi, yaitu orang yang berkecimpung
dalam bidang teknik, baik mengenai pemeliharaan maupun perbaikan perangkat
system computer.
* Networking engineer, adalah orang yang berkecimpung dalam bidang teknis
jaringan computer dari maintenance sampai pada troubleshooting-nya.

c. Kelompok ketiga, adalah mereka yang berkecimpung dalam operasional
system informasi.
Pada lingkungan kelompok ini, terdapat pekerjaan-pekerjaan seperti :
*EDP Operator, adalah orang yang bertugas mengoperasikan program-program
yang berhubungan dengan electronic data processing dalam lingkungan sebuah
perusahaan atau organisasi lainnya.
*System Administrator, merupakan orang yang bertugas melakukan administrasi
terhadap system, memiliki kewenangan menggunakan hak akses terhadap
system, serta hal-hal lain yang berhubungan dengan pengaturan operasional
sebuah system.

2) Profesi dalam pengembangan aplikasi web

 
Ada banyak ragam dalam profesi di dalam bidang Teknologi Informasi,
bagaimana dengan profesi yang berada dalam lingkungan pengembangan
aplikasi web? Berikut ini adalah profesi-profesi yang langsung terkait dalam
pengembangan aplikasi web, diantaranya :
Web Designer
Seorang desainer Web adalah orang yang bertanggung jawab untuk menentukan
tampilan sebuah website. Tugasnya adalah pendisainan tampilan situs (web)
mulai dari pengolahan gambar, tata letak, warna, dan semua aspek visual situs.
Fokus utama mereka adalah tampilan / layout dari web. Mereka lebih konsen
dengan bagaimana halaman terlihat dan apakah berfungsi sempurna ketika
sudah diberikan bahasa pemrograman. Didalam pendandanan suatu situs
seorang Web Designer harus menguasai :
- HTML, DHTML
- Pengolah Gambar
- Animasi, Movie (Film)

Web Programmer
Web Programmer bertugas dalam melakukan pengcodingan atau pemograman
sebuah website agar dinamis. dimana agar sebuah web tersebut dapat telihat
mudah bagi seorang web admin.
Jika situs yang akan dibuat mempunya fasilitas interaksi antara pengunjung dan
situs misalnya menyangkut dengan transaksi, input output data dan database
maka seorang Web Programmer yang akan mengerjakannya dengan membuat
aplikasi-aplikasi yang berkerja diatas situs (web). Penguasaan yang biasanya
harus dikuasai pada umumnya oleh Web Programmer :
- CGI Perl, PHP, MySQL (Unix base)
- ASP (NT base)
- Java Script dan Applet 

Web Administrator
Tugasnya adalah untuk memaintenance suatu server, mengerti akan Sistem
Operasi Server, baik itu mulai dari instalasi sampai kepada masalah
(troubleshooting), biasanya seorang Web Administrator harus menguasai :
- OS Unix (LInux, FreeBSD, dll)
- OS NT
- Jaringan (LAN, WAN, Intranet)
- Keamanan Server

Web Developer
Kegiatan diatas secara keseluruhan dinamakan suatu team yang dinamakan
Web Developer.
Web developer memberi bantuan seperti konsultasi web, konsep web yang akan
di buat, membangun sebuat website.

  

Struktur Dasar Pemrograman :

HTML adalah singkatan dari HyperText Markup Language yang merupakan sebuah script untuk menyusun dokumen-dokumen halaman Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.

Contoh Struktur dasar pemrograman web HTML:

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman web disini</title>
</head>
<body>
Informasi halaman website disini
</body>
</html>

Pejelasan Struktur dasar diatas :

A. TAG

Merupakan teks khusus (markup) yang terdiri dari dua karakter yaitu karakter "<" dan  karakter ">",  sebagai contoh <body> adalah tag dengan nama body.

Secara Umum tag ditulis secara berpasangan contoh tag <body> biasanya diakhiri dengan tag penutup </body> (ditambahkan karakter "/" setelah karakter "<")  sehingga informasi yang diberikan didalam tag <body> berada sebelum ditutup dengan </body> .

B. ELEMENT

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML

Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML

</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML,  tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya. 

Contoh penulisan tag-tag yang benar
<p>
<b> Informasi yang di bold </b>
</p>

Contoh yang salah  :
<p>
<b> Informasi yang di bold </p>
</b>

C. ATTRIBUTE

Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Secara umum  nilai attribute harus berada dalam tanda petik satu atau dua, Contoh ingin membuat background hitam dengan warna tulisan putih 

<body bgcolor="black" text="white">
test html
</body> 

(Biasanya jarang digunakan, lebih banyak menggunakan CSS dalam desain tampilan.)

  Menyajikan pemformatan Teks dan Paragraf Web
 1. Pemformatan TeksBerikut ini adalah contoh yang dihasilkan pemformatan teks pada dokumen web :
 

HTML menggunakan tag seperti <b> dan <i> untuk memformat output,
seperti teks tebal atau miring.
Tag HTML ini disebut tag format, selengkapnya dalam tabel berikut : 
Tag HTML Pemformatan Teks




Tag HTML “keluaran computer”








HTML Citations, Quotations, and Definition Tags


2. Pemformatan Paragrap
Tag HTML untuk paragrap adalah <p>, dengan tag penutup </p>. Berikut ini
contohnya :
<p>ini adalah paragrap</p>
<p>Ini paragrap yang lain</p>

Menyajikan hasil Pembuatan List Minimal
 1) Pengertian List
List adalah bagian teks di dalam dokumen yang berisi daftar item dari suatu
kelompok atau grup tertentu. Sebagai contoh, dalam situs web yang bertema
kuliner, list dapat berupa daftar dari makanan dan minuman, beserta
harganya. List dapat juga berupa prosedur (urutan langkah-langkah) dari
suatu pekerjaan tertentu, yang sifatnya harus dilakukan secara berurutan
dari langkah pertama sampai langkah terakhir.
Contoh List :

 
2) Tipe Daftar dalam Dokumen HTML
Dalam dokumen HTML, tipe daftar dibedakan menjadi tiga, yaitu :
 Daftar berurutan (ordered list)
 Daftar tidak berututan (unordered list)
 Daftar definisi (definition list)
 
3) Daftar Berurutan (Ordered List)
Daftar yang berurutan biasanya ditandai dengan penggunaan penomoran
tertentu. Penomoran ini bias menggunakan angka (1, 2, 3,…) maupun karakter
alphabet terntentu (a, b, c,… atau i, ii, iii,…). Daftar yang berurutan umumnya
dipakai untuk item-item yang saling berhubungan satu sama lain, atau untuk
menuliskan langkah-langkah atau prosedur dari kegiatan terntentu yang tidak
dapat dilakukan secara acak.
Contoh daftar yang berurutan adalah pada cara membuat dokumen HTML,
misalnya :

Menyajikan Pembuatan Tabel
1) Pembuatan Tabel
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table pada HTML, digunakan Tag<Table>. Elemen table berisi property <tr> untuk menentukan baris(table row) yang didalamnya terdapat properti <td> untuk menampkan data pada setiap sel table(table data).

1. Menggabungkan beberapa baris dalam tabel
      dengan menggunakan rowspan, contohnya:

2.Menggabungkan beberapa kolom dalam tabel
    dengan menggunakan colspan, berikut contohnya: