*✧Pengenalan Pemprograman Web ✧*

 BAB 1

1. PENGERTIAN

Pada dasarnya, WWW berasal frasa kata World Wide Web. World berarti " Dunia ", Wide artinya " berukuran besar raksasa ", dan Web memiliki arti "sebuah sistem untuk mengirim data atau dokumen ". Dengan menggunakan program ini akan lebih rapi dan tersusun. Jika menggunakan web browser, user dapat melihat halaman web yang mungkin berisi teks, gambar, video dan multimedia lainnya. 

Aplikasi web diterjemahkan sebagai aplikasi yang diakses menggunakan web browser melalui jaringan internet atau intranet. Persyaratan untuk membangun suatu aplikasi web memilih arsitektur dan mengembangkan desain aplikasi web. Perangkat lunak berbasis web seperti, HTML, Javascript, CSS, RUBY, Phyton, PHP, JAVA, dan lain-lain.

2. KONSEP WWW

World Wide Web (WWW) dikembangkan menjadi pusat pengetahuan dan budaya manusia untuk berbagi ide dan semua aspek melalui internet. Hampir semua website menggunakan WWW sebgai awalan sebelum nama website tsb. 

3. TEKNOLOGI APLIKASI WEB 

Paradigma pemprograman, aspek distribusi, dan teknologi dapat digunakan sebagai dasar untuk teknologi aplikasi web. Berdasarkan presepsi dari beberapa pengembang pengembang perangkat lunak, pengembangan aplikasi web tidaklah sama dengan rekayasa software walaupun keduanya melibatkan pemprograman  dan pengembangan perangkat lunak. Mereka jelas berbeda.

4.  MACAM - MACAM BROWSER

a. Google chrome adalah sebuah penjelajah web open source yang dikembangkan oleh Google dengn menggunakan mesin rendering WebKit. Proyek open source ini dinamakan Chromonium.

b. Flock merupakan browser sosial internasional dunia pertama yang berbasi firefox dengan fitur-fitur menarik.

c. Mozilla Firefox adalah penjelajah web antar-platform gratis.

d. Opera adalah penjelajah web dan paket perangkat lunak internet antar platform. 

e. Safari adalah penjelajah web buatan Apple Inc. merupakan penjelajah web bawaan (default) MacOS. 

Dan masih banyak lagi ini hanya beberapa yang familiar saja.

5. KONSEP WEB SERVER 

Internet identik dengan web karena kepopuleran web sebagai standar interface padalayanan-layanan yang ada di internet.Web awalnya digunakan sbg penyedia informasi namun sekarang dapat digunakan sebagai alat komunikasi hingga melakukan transaksi bisnis. 

6. MACAM - MACAM SOFTWARE WEB SERVER

web server yang paling banyak digunakan biasanya memiliki kelebihan fitur tersendiri.contoh web server berbayar ada Microsoft Internet Information Services (IIS) dan LIteSpeed. kemudian web server gratis ada Apache, Nginx, Apache Tomcat, AMPPS, dan XAMPP Control Panel. 

7. MACAM -MACAM TEXT EDITOR

Text editor identik dengan software yang digunakan untuk mengettikan coding yang akan dibuat menjadi sebuah web. berikut beberapa contoh software text editor. 

a. Adobe Dreamweaver 

b. Araneae

c. ATTPad

d. Crimson Editor

e. Editpad Lite

f. Netbeans

g. Notepad,Notepad++

h. Sublime Text

i. GoogleWeb Designer

8.TOOL PENGEMBANG WEB

Tool atau peralatan yang identik dengan perangkat lunak yang digunakan dalam proses pengembangan website.Tool dalam mengembangkan aplikasi menjadi bagian penting karena sanga membantu dan mempersingkat proses pengembangan. Berikut beberapa tool pengembang web yang sering digunakan. 

a. Adobe Edge Inspect 

b. FireBug

c. Lorem Ipsum 

d. FavIcon Generator

BAB 2

1. PENGERTIAN

HTML menyediakan banyak tag lain untuk merancang tabel yang lebih rumit. Untuk halaman web yang panjuang, kadang perlu diberi komentar mengenai fungsi dan tujuan anda membuatnya. Oleh sebab itu, mempelajari tag HTML yang sering digunakan dalam pembuatan halaman web menjadi suatu keharusan sebgaiseorang programmer. 

2. FORMAT TABEL PADA HALAMAN WEB

Dalam menampilkan data yang terstruktur atau tampilan dari database,umumnya akan dibuat dlam bentuk tabel. HTML juga menyediakan tabel tag yang digunakan data dalam bentuk tabel. Hal ini dikarenakan menggunakan CSS untuk mengatur tampilan halaman web sangar dianjurkan.

   1. Tag-Tag Tabel dalam HTML

   2. Elemen Table,Tbody,Thead,Tfoot,Tr,Th,dan Td.

        A. Elemen Tbody,Thead,dan Tfoot

        B. Element TR (Table Row)

        C. Element TH (Table Header) dan TD (Table Data)

   3. Cellpadding 

                Habya di dukung oleh HTML4.01, namun tidak didukung oleh HTLM5.

    4. Cellspacing 

                Digunakan untuk menentukan jarak jauh spasi antarsel.

    5. Border

                Hanya digunakan untuk membuat bingkai pada tabel dengan menentukan tebal bingkai tersebut.

    6. Rowspan & Colspan 

                Rowspan merupakan salah satu atribut yang berkaitan erat dengan pembuatan tabel. Fungsinya adalah untuk menggabungkan beberapa data dalam baris. Colspan digunakan untuk menggabungkan kolom pada tabel.

BAB 3

A. Format Kaitan pada Halaman Web

Ada beberapa cara (format) untuk menampilkan pranala pada halaman web.

    1. Konsep Hyperlink dalam HTML

        Link berguna untuk menghubungkan antardokumen HTML.

      a. Mengenal Jenis Link

          1) Link Absolut

adalah link yang mengarah langsung pada website tertentu, dimana sebuah dokumen di kunci   pada alamat valid sebuah website dan tidak tergantung pada direktori lokasi dokumen html berada.

        2) Link Relatif

adalah link yang mengarah langsung pada lokasi patih atau direktori tujuan yang tersimpan pada web server atau komputer tanpa diawali dengan alamat domain website tersebut.

  2. Tag-Tag untuk Hyperlink.

        a. <a>

Berfungsi dalam mendefinisikan sebuah hyperlink yang digunakan untuk menghubungkan halaman satu ke halaman lain.

        b. <link>

Berfungsi untuk menghubungkan dokumen yang bersangkutan dengan sumber file yang berasal dari luar (external).

        c. <nav>

Berfungsi untuk mendefinisikan link navigasi (navigation links).

        d. mailto

Kadang-kadang, Anda ingin memudahkan pengguna untuk mengirimkan

e-mail ke suatu alamat e-mail tertentu.

B. Format Formulir pada Halaman Web.

1. Konsep Formulir dalam HTML.

Form merupakan salah satu bentuk halaman web yang digunakan untuk menerima perintah masukan dari user.

2. Penggunaan Tag Form

    Form HTML digunakan untuk memilih berbagai macam inputan yang disediakan.

a. Elemen Form Button.

b. Elemen Form Reset dan Input Submit

3. Form Option

    <Form> merupakan formulir yang digunakan sebagai perantara dalam memasukkan data ke server.

         a. Atribut

Accept

Accept-charset

Action

Autocomplete

Method

Enctype

Name

Novalidate

Target

b. Jenis Format Formulir

Hal yang berhubungan dengan jenis format:

1) Format Formulir Horizontal

2) Format Formulir Vertikal 

4. Metode Get dan Post

a. Metode GET

    indentik dengan metode yang digunakan oleh browser untuk meminta server mengirim kembali resource yang diberikan.

b. Metode POST

sedikit berbeda dengan GET karena pada POST akan mngirimkan server permintaan respons dengan memperhitungkan data yang tersedia.

5. Tipe-Tipe,Inputan dalam Form (Text, Password, Radio, Checkbox, Hidden, Button,Subtim, 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. Pengguna Tag <a>

b. Atribur id

c. Atribut title.

BAB III

Format Kaitan Dan Format Formulir Pada Halaman Web

A. Format Kaitan pada Halaman Web

Ada beberapa cara (fprmat) untuk menampilkan pranala pada halaman web.

1. Kosep Hyperlink dalam HTML

Link berguna untuk menghubungkan antardokumen HTML.

a. Mengenal Jenis Link

1) Link Absolut

adalah link yang mengarah langsung pada website tertentu, dimana sebuah dokumen di kunci pada alamat valid sebuah website dan tidak tergantung pada direktori lokasi dokumen html berada.

2) Link Relatif

adalah link yang mengarah langsung pada lokasi patih atau direktori tujuan yang tersimpan pada web server atau komputer tanpa diawali dengan alamat domain website tersebut.

2. Tag-Tag untuk Hyperlink.

a. <a>

Berfungsi dalam mendefinisikan sebuah hyperlink yang digunakan untuk menghubungkan halaman satu ke halaman lain.

b. <link>

Berfungsi untuk menghubungkan dokumen yang bersangkutan dengan sumber file yang berasal dari luar (external).

c. <nav>

Berfungsi untuk mendefinisikan link navigasi (navigation links).

d. mailto

Kadang-kadang, Anda ingin memudahkan pengguna untuk mengirimkan

e-mail ke suatu alamat e-mail tertentu.

B. Format Formulir pada Halaman Web.

1. Konsep Formulir dalam HTML.

Form merupakan salah satu bentuk halaman web yang digunakan untuk menerima perintah masukan dari user.

2. Penggunaan Tag Form

Form HTML digunakan untuk memilih berbagai macam inputan yang disediakan.

a. Elemen Form Button.

b. Elemen Form Reset dan Input Submit

3. Form Option

<Form> merupakan formulir yang digunakan sebagai perantara dalam memasukkan data ke server.

a. Atribut

Accept

Accept-charset

Action

Autocomplete

Method

Enctype

Name

Novalidate

Target

b. Jenis Format Formulir

Hal yang berhubungan dengan jenis format:

1) Format Formulir Horizontal

2) Format Formulir Vertikal

4. Metode Get dan Post

a. Metode GET

indentik dengan metode yang digunakan oleh browser untuk meminta server mengirim kembali resource yang diberikan.

b. Metode POST

sedikit berbeda dengan GET karena pada POST akan mngirimkan server permintaan respons dengan memperhitungkan data yang tersedia.

5. Tipe-Tipe,Inputan dalam Form (Text, Password, Radio, Checkbox, Hidden, Button,Subtim, 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. Pengguna Tag <a>

b. Atribur id

c. Atribut title.