STYLE HALAMAN WEB DAN CLIENT

 BAB 4 

STYLE HALAMAN WEB DAN CLIENT SIDE SCRIPTING

A. Style pada Halaman Web

    CSS sebagai sebuah bahasa style sheet yang digunakan dalam mengatur tampilan dokumen. Dengan adanya CSS maka tampilan halaman yang sama akan memiliki format yang berbeda.

B. Tag Table dan Atributnya

    Tag ini digunakan untuk membuat tabel pada dokumen HTML. Penggunaan tag ini selalu disertai dengan penggunaan tag <TR> dan <TD>. Tag <TR> untuk menyatakan baris dari tabel dan tag <TD> untuk menyatakan kolom dari tabel. Tabel sangat berguna untuk menempatkan tulisan atau gambar dengan tatanan yang sangat teratur.

C. Tag Div dan Atributnya 

    TAG DIV tidak dapat berdiri sendiri dalam penggunaannya. TAG DIV harus disadingkan dengan CSS supaya dapat menghasilkan bentuk design layout yang lebih menarik. DIV adalah tag HTML yang sebenarnya digunakan untuk memberikan tanda batas suatu daerah dari sebuah rangkaian HTML (bisa berupa tulisan, gambar, atau kode lainnya).

D. Model Layout

    Model-model layout yang umum digunakan dalam mendesain suatu halaman web, diantaranya sabagai berikut :

1) Layout Split : model yang dipakai karena keseimbangan dalam halaman web tetap terjaga.

2) Left Index : digunakan untuk layer dengan resolusi yang lebar sehingga mudah dalam penyediaan navigasi, tanpa menimbulkan kekacauan penyajian pada halaman utama.

3) Top Index : digunakan untuk menampilkan link yang banyak ke situs lain, seperti search engine.

4) Bottom Index : digunakan apabila isi dari halaman banyak berhubungan dengan topik tunggal.

5) Alternating Index : digunakan untuk halaman yang banyak menampilkan grafik, foto, dan produk yang disertai dengan teks berupa keterangan.

KONSEP dan PENULISAN SCRIPT STYLESHEET

beberapa hal yang berhubungan dengan konsep dan penulisan script stylesheet.

a) Style pada Teks 

KONSEP TEKNOLOGI APLIKASI WEB

BAB 1

KONSEP TEKNOLOGI APLIKASI WEB

A. Konsep Teknologi Aplikasi Web

Aplikasi web diterjemahkan sebagai aplikasi yang diakses menggunakan web browser melalui jaringan internet atau intranet. Ada beberapa persyaratan untuk membangun suatu aplikasi web, di antaranya memilih arsitektur dan mengembangkan desain aplikasi web.

1. Konsep WWW
   
   World Wide Web (WWW) dikembangkan menjadi pusat pengetahuan dan budaya manusia sebagai kolaborator lokasi di dunia maya untuk berbagi ide dan semua aspek proyek umum melalui internet. Singkatan www di awal nama alamat website tersebut sebagai langkah awal memasuki sebuah website. WWW (World Wide Web) pada umumnya dikenal sebagai web, yakni sistem dokumen hypertext yang bisa diakses melalui internet.
   
     a. Sejarah Awal
   
       Pada tahun 1980, Tim Berners-Lee (ketika masih seorang kontraktor bebas di CERN) mengajukan sebuah proyek yang berbasiskan konsep hiperteks (hypertext) untuk memfasilitasi pembagian dan pembaruan informasi di antara para peneliti. Dengan bantuan dari Robert Cailliau, dia menciptakan sistem prototipe bernama Enquire. Program ini digunakan untuk mengganti FTP, yang telah lama digunakan sebagai traffic control jaringan internet. Program WWW dibangun oleh tim Bernenrs-Lee, benar-benar sesuatu yang baru yang tidak pernah dipikirkan kebanyakan orang pada saat itu.
   
     b. Fungsi World Wide (WWW)
   
       WWW sebagai kumpulan server web ini dari seluruh dunia memiliki kegunaan dalam menyediakan data dan informasi untuk digunakan bersama. Melalui web, para pengguna internet (netter) dapat mengakses informasi-informasi yang tidak hanya berupa text, tetapi juga gambar, suara, video, animasi. Kaitan antardokumen biasa disebut dengan istilah hiperpedia. Dokumen-dokumen informasi ini disimpan dengan format HTML (Hypertetxt Markup Language).
   
   
2. Teknologi Aplikasi Web
   
   Paradigma pemrograman, aspek distribusi, dan teknologi dapat digunakan sebagai dasar untuk teknologi aplikasi web. Berdasarkan persepsi dari beberapa pengembangan perangkat lunak dan pakar bidang rekayasa perangkat lunak (software engineering professional).
   
   
3. Macam-Macam Browser
   1) Flock
   2) Google Chrome
   3) Internet Explorer
   4) Links
   5) Mozilla Firefox
   6) NetScape
   7) Opera
   8) Safari
   
   
4. Konsep Web Server
   
   Web seakan lebih populer daripada e-mail walaupun secara statistik e-mail masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet. Web lebih populer bagi khayalak umum dan pemula, terutama untuk pencarian informasi dan melakukan komunikasi e-mail yang menggunakan web sebagai interface-nya.
   
   Fungsi Web Server : 
   
   Web server indentik dengan sebuah software yang memberikan layanan berbasis data dan berfungsi menerima permintaan dari HTTP atau HTTPS pada klien yang dikenal, yang biasanya dikenal dengan nama web browser. Berfungsi untuk mengirimkan kembali hasilnya dalam bentuk beberapa halaman web dan umumnya berbentuk dokumen HTML.
   
   
5. Macam - Macam Software Web Server
   a. Web Server Berbayar
       1) Microsoft Internet Information Services (IIS)
       2) LiteSpeed
   
   b. Web Server Gratis
       1) Apache
       2) Nginx
       3) XAMPP
   
   
6. Macam-Macam Text Editor
   a) Adobe Dreamweaver
   b) Google Web Designer
   c) Sublime-text
   d) Netbeans
   e) Notepad
   h) Notepad++
   
   
7. Tool Pengembangan Web
   a) Adobe Edge
   b) Firebug
   c) Lorem Ipsum

BAB 2

FORMAT TABEL DAN FORMAT MULTIMEDIA PADA HALAMAN WEB

A. format Tabel pada Halama Web

1. Tag-tag dalam HTML :
   - Tag <table>
   - Tag <tr>
   - Tag <td>
   
   
2. Elemen Table Tbody, Thead, Tfoot, Tr, Th, dan Td
   Secara mendasar, elemen table memiliki atribut, seperti aign, bgcolor, border, cellpadding, cellspacing, witdh, dan height. Elemen table berisikan elemen caotion, TH, TR dan TD. Elemen ini berfungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris.
   
   
3. Cellpadding
   Penggunaan atribut cellpadding haya didukung oleh HTML4.01, namun tidak didukung oleh HTML5. Atribut ini digunakan untuk menentukan jarak spasi di daam sel, yaitu antara dinding sel dan isi sel.
   
   
4. Cellspacing
   DIguakan utuk menentukan jarak spasi antarsel. Sama dengan Cellpading, atribut ini juga tidaj didukung oleh HTML5.
   
   
5. Border
   Digunakan untuk membuat bingkai pada tabel dengan menentukan tebal bingkai tersebut.
   
   

B. Format Multimedia pada Halaman WEB

1. Konsep Tampilan Multimedia dalam HTML
   Bentuk-bentuk multimedia di antaranya video komersial, advertisement, animasi flash, dan trailer video. Pada media digital dapat ditambahkan suara dan video ke dalam teks untuk menambahkan fitur untuk memberikan gambar, suara, maupu video untuk digunakan dalam dunia web.
   
   
2. Tag menampilkan Gambar
   Gambar terbagi menjadi tiga jenis, yaitu :
   1) visible image : gambar yang terlihat seperti lukisan atau foto
   2) non-visible image : suatu objek yang bukan gambar, namun dipresentasikan dalam bentuk gambar seperti pengukur suhu, pengukur tekanan, dan jenis pengukur lainnya.
   3) abstrak : gambar yang tidak nyata, yang berbasiskan perhitungan aritmetika.
   
   
3. Tag untuk Audio
   Penggunaan suara atau audio ke dalam aplikasi multimedia dapat memberikan informasi yang tidak mungkin diberikan oleh media informasi, seperti gambar, grafik, ataupun teks. Suara dibagi menjadi dua jenis formatnya, yaitu MIDI dan WAVE.
   a) MIDI identik dengan jenis format suara yang berasal dari instrumensasi alat musik.
   b) WAVE identik dengan jenis format musik atau suara berbasis digital yang dapat merekam dan memainkan jenis suara apapun.
   
   
4. Tag untuk Video
   Penambahan video pada dokumen HTML dilakukan dengan elemen video yang sangat mirip dengan elemen audio.

BAB 3

FORMAT KAITAN DAN FORMAT FORMULIR PADA HALAMA WEB

A. Format Kaitan pada Halaman WEB

1. Konsep Hyperlink dalam HTML
   a) Mengenal Jenis Link
     1) Link Absolut
     2) Link Relatif
   b) Sintaks Link
   
   
2. Tag-Tag untuk Hyperlink
   a) <a> : untuk mendefinisikan sebuah hyperlink yang digunakan untuk menghubungkan ke halaman lain.
   b) <link> : untuk menghubungkan dokumen yang bersangkutan dengan sumber file yang besar (external).
   c) <nav> : untuk mendeinisikan link navigasi.
   d) Mailto : memudahkan pengguna untuk mengirimkan e-mail ke suatu alamat e-mail tertentu.

B. Format Formulir pada Halama Web

1. Konsep Formulir dalam HTML
   Form merupakan salah satu bentuk halaman web yang digunakan untuk menerima perintah masukan dari user, yang selanjutnya dioleh menggunakan bahasa pemrograman web.
   
   
2. Penggunaan Tag Form
   Form HTML digunakan untuk memilih berbagai macam inputan yang disediakan. Data bisa dimasukkan dalam bentuk input teks, pilihan radio button, check box, dan lain-lain.
   
   
3. Form Option
   <Form> merupakan formulir yang digunakan sebagai perantara dalam memasukkan data ke server. Adapaun format penulisan form, yaitu ada atribut dan jenis format formulir.
   
   
4. Metode Get dan Post
   a) Metode GET identik dengan metode yang digunakan oleh browser untuk meminta server mengirim kembali resource yang diberikan.
   b) Metode POST akan mengirimkan server permintaan respons dengan mem-perhitungkan data yang tersedia.
   
   
5. Tipe-tipe Inputan dalam Form (Text, Password, Radio, Checkbox, Hidden, Button, Submit, dan File)
   a) Komponen Textarea Multiline
   b) Komponen Input Text Password
   c) Komponen Input Text
   d) Form Menggunakan Input Hidden
   e) Komponen Entri Pilihan
   
   
6. Link dalam Form
   a) Penggunaan Tag <a>
   b) Atribut id
   c) Atribut title