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.
.jpg)
