KATA PENGANTAR

Puji syukur kehadirat Allah SWT yang Maha Pengasih lagi Maha Penyayang, karena berkat
rahmat dan hidayah-Nya, penulis bisa menyusun dan menyajikan Makalah yang berjudul
“Pemrograman Web & Perangkat Bergerak”ini sebagai salah satu tugas mata pelajaran. Tak lupa
penulis mengucapkan terima kasih kepada Guru Mata Pelajaran Pemrograman Dasar Web Bapak
M.Taprihan Toha Muslim , S.Pd.I yang telah membimbing dan mengarahkan kami dalam membuat
makalah ini juga kepada berbagai pihak yang telah memberikan dorongan dan motivasi.
Penulis menyadari bahwa dalam penyusunan Makalah ini masih terdapat banyak
kekurangan dan jauh dari kesempurnaan. Oleh karena itu, penulis mengharapkan kritik serta saran
yang membangun guna menyempurnakan makalah ini dan dapat menjadi acuan dalam menyusun
makalah-makalah atau tugas-tugas selanjutnya.
Penulis juga memohon maaf apabila dalam penulisan makalah ini terdapat kesalahan
pengetikan dan kekeliruan, sehingga membingungkan pembaca dalam memahami maksud penulis.

Ciwidey, 19 September 2019

Penyusun
( Kelompok 2 , XI-RPL1)

i
 DAFTAR ISI
Kata pengantar.......................................................................................................................... i

Daftar isi................................................................................................................................... ii

BAB I PENDAHULUAN

1.1 Latar Belakang................................................................................................................... 1

1.2 Rumusan masalah............................................................................................................... 2
1.3 Tujuan................................................................................................................................. 2
BAB II PEMBAHASAN

I . Teknologi Aplikasi Web...................................................................................................... 3

II. Format Teks pada Halaman Web......................................................................................... 7

III. Format Tabel pada Halaman Web....................................................................................... 9

IV. Format Gambar pada Halaman Web................................................................................... 9

V.Format Tautan pada halaman Web........................................................................................ 10

VI .Format Formulir pada Halaman Web................................................................................. 10

VII. Style pada Halaman Web.................................................................................................. 11

BAB III PENUTUP

3.1 Kesimpulan......................................................................................................................... 14
3.2 Saran................................................................................................................................... 15

DAFTAR PUSTAKA............................................................................................................... 16

ii
 BAB I
PENDAHULUAN

1.1. Latar Belakang

Teknologi semakin hari semakin berkembang. Salah satunya teknologi informasi,
banyak sekali bidang yang memanfaatkan teknologi Informasi. Tuntutan kebutuhan akan
informasi dan penggunaan komputer yang semakin banyak mendorong terbentuknya sebuah
jaringan komputer yang mampu melayani berbagai kebutuhan tertentu.
Jaringan komputer kita kenal dengan nama internet. Internet bisa diakses dan
dimanfaatkan untuk berbagai keperluan, oleh siapa saja dan dimana saja, kapanpun kita mau
menggunakannya.Salah satunya adalah web, yang mampu menyediakan informasi dalam
bentuk teks, gambar, suara maupun gambar bergerak. Dengan kemampuan sepeti ini, web
menjadi sangat terkenal dan perkembangannya sangatlah pesat.
Dengan terus berkembangnya roda perkembangan teknologi, web berkembang menjadi
alat bantu yang tidak hanya mampu menyediakan informasi, namun juga mampu untuk
mengolah informasi. Proses pengolahan informasi dengan memanfaatkan teknologi web
menyebabkan web menjadi media yang dinamis. Hal ini membutuhkan sarana teknis yang
yang menentukan. Sarana tersebut banyak bergantung pada penggunaan perangkat lunak yang
kuat, aman, terpercaya, dan cepat.
Pada kesempatan ini penulis akan membahas tentang pemrograman web dan Perangkat
Bergerak.

Situs Web ( Website ) awalnya merupakan suatu layanan sajian informasi yang
menggunakan konsep hyperlink, yang memudahkan surfer ( sebutan bagi pemakai komputer
yang melakukan penelusuran informasi di internet ).Web cepat sekali populer di lingkungan
pengguna internet, karena kemudahan yang diberikan kepada pengguna internet untuk
melakukan penelusuran, penjelajahan dan pencarian informasi. Informasi yang disajikan
dengan web menggunakan konsep multimedia, informasi dapat disajikan dengan menggunakan
banyak media ( teks, gambar, animasi, suara / audio, dan atau film ).

Suatu situs web akan dikenal dengan cepat apabila informasi yang disajikan selalu up to
date dan atau lengkap. Tetapi keuptodate-an dan kelengkapan data merupakan masalah besar
bagi pengelola situs. Karena kerepotan untuk melakukan penambahan atau pengubahan data
yang akan disajikan.

1
 Jika situs tidak dirancang dengan sistematis, maka akan terjadi kesulitan dan kerepotan
untuk melakukan maintenance untuk mengupdate dan melengkapi data. PHP dan database
merupakan salah satu solusi yang dapat digunakan oleh pengelola situs sehingga pengelola
tidak perlu harus melakukan proses editing dokumen HTML, tetapi cukup dengan melakukan
penambahan atau perubahan dalam database maka pengelola situs sudah dapat melakukan
maintenance situs webnya. Oleh karena itu, bahasa pemrograman PHP menarik untuk dibahas.
1.2 Rumusan Masalah
a. Apa saja penjelasan tentang Teknologi Aplikasi Web?

b. Bagaimana membuat format teks halaman Web?

c. Bagaimana Struktur Tabel HTML?

d. Bagaimana menyajikan format Tampilan Gambar?

e. Bagaimana Format Tautan pada halaman Web?

f. Bagaimana format formulir pada halaman Web?

g. Bagaimana Style pada halaman Web?

1.3 Tujuan Penulisan

Setelah mempelajari dan melakukan praktik siswa mengetahui dan memahami :

- Penjelasan tentang Teknologi Aplikasi Web

- Membuat format teks halaman Web
- Struktur tabel HTML
- Menyajikan format Tampian Gambar
- Membuat Format Tautan pada halaman Web
- Membuat format formulir pada halaman Web
- Style pada halaman Web

2
 BAB II
PEMBAHASAN
PROGRAM WEB DAN PERANGKAT BERGERAK
I. Teknologi Aplikasi Web
Teknologi aplikasi web adalah suatu aplikasi yang di akses menggunakan penjelajah web
melalui suatu jaringan seperti internet/intranet,yang di kodekan dalam bahasa yang didukung
oleh penjelajah web (seperti HTML, Java Script, AJAX, Java,)

A. Konsep Dasar Web

1. Istilah Dalam Teknologi Web
a. DNS
Pengertian mengenai Domain name system adalah sebagai berikut: Merupakan sistem database
yang terdistribusi yang digunakan untuk pencarian nama komputer di jaringan yang
menggunakan TCP/IP.
b. HTML
Hyper text markup language adalah sebuah bahasa markup yg digunakan untuk membuat
sebuah halaman web Dan menampilkan berbagai information didalam sebuah browser internet.
c. HTTP
Hypertext Transfer Protocol (HTTP) adalah sebuah protokol jaringan lapisan aplikasi yang
digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia.
d. ISP
ISP adalah singkatan dari Internet Service Provider, atau dalam bahasa Indonesia yaitu
Penyelenggara Jasa Internet yang disingkat dengan PJI.

e. WWW

Pengertian dari WWW adalah sebuah hypermedia yang dikembangkan dengan mengaktifkan
informasi global melalui hypertext dan memiliki kemampuan mengaitkan dengan situs FTP, dan
jelas server lainnya.

f. W3C

W3C ialah singkatan dari word wide web consortium Adalah badan dari w3 (word wide web)
dan bekerja untuk mengembangkan standar standar untuk word wide web.

g. Web Browser
Web Browser adalah suatu program atau software yang digunakan untuk menjelajahi internet
atau untuk mencari informasi dari suatu web yang tersimpan didalam komputer.
1. Proses Kerja Web
2. Unsur Penting

3
 3. User
User adalah pengguna pada layanan atau perangkat dalam sistem teknologi informasi
.
h. Client-Server
Client Server adalah suatu bentuk arsitektur, dimana client adalah perangkat yang menerima
yang akan menampilkan dan menjalankan aplikasi (software komputer) dan server adalah
perangkat yang menyediakan dan bertindak sebagai pengelola aplikasi, data, dan keamanannya.
i. TCP/IP
IP Address adalah sebuah alamat pada komputer agar komputer bisa saling terhubung dengan
komputer lain, IP Address terdiri dari 4 Blok, setiap Blok di isi oleh angka 0 - 255
Pengertian IP Address adalah bilangan biner yang secara unik mengidentifikasi komputer dan
perangkat lain pada TCP / IP network.
j. Server
Adalah Sebuah sistem komputer yg menyediakan jenis layanan tertentu dalam sebuah jaringan
komputer.Terkadang istilah server biasa di sebut web server.
k. Cara Kerja Web
1. masukan alamat pada web yang di tuju
2. browser akan meminta halaman web dari web server
3. web browser akan mengirimkan data web yang di minta ke browser
4. browser menginterprestasikan data dan tampilan

Cara Kerja Web

2. Domain dan Hosting

a.Domain

Domain adalah alat pengingat untuk mempermudah manusia dalam mengakses komputer
diinternet.

b.Hosting

Hosting adalah tempat untuk menyimpan data digital termasuk text, gambar, atau video
yang nantinya kesemua informasi tersebut akan di tampilkan dalam bentuk website.

4
  Shared Hosting

Shared Hosting adalah istilah yang digunakan untuk layanan web hosting di mana
beberapa situs berbagi sumber daya dari web server yang besar.

 VPS Hosting

VPS hosting adalah singkatan untuk Virtual Private Server hosting.

 Dedicated Hosting

Dedicated hosting adalah istilah yang digunakan untuk menggambarkan paket web
hosting yang menyediakan dedicated server dengan sumber daya yang didedikasikan untuk
klien tunggal.

 Cloud Hosting

Cloud hosting adalah jenis hosting yang menggunakan teknologi konsep komputasi
awan yang mempunyai kecepatan yang lebih baik dan terkenal lebih aman karena tidak hanya
mengandalkan satu server saja melainkan menggunakan banyak server yang tersebar diberbagai
titik dan berbagai negara.

3. Jenis jenis Website

a.Web Statis

Web Statis adalah website dimana informasi yang terkandung di dalamnya tidak bisa
diupdate melalui aplikasi website tersebut melainkan harus merubah script yang ada di
dalamnya.

b.Web Dinamis

Web Dinamis adalah website dimana informasi yang terkandung di dalamnya dapat
di update melalui aplikasi website tersebut. Dengan website dinamis, kita bisa membuat
sebuah aplikasi yang namanya Content Management System (CMS), nah CMS inilah yang
nantinya digunakan untuk mengupdate informasi – informasi terbarunya.

4. Bahasa Pemograman

a.Client Side Scripting

Client Side Scripting adalah kode yang diproses disisi komputer pengunjung situs
(client), maka script yang diproses disisi client akan sepenuhnya diproses oleh browser
client.Jika ada code dalam client side scripting yang membutuhkan source lain
(jpg,png,gif,pdf,mp3,mp4, dll) maka browser juga akan mendownload source tersebut.Contoh
Bahasa :HTML,CSS,JavaScript,XML

b. Server Side Scripting

5
 Server Side Scripting adalah bahasa pemrograman disisi Server, kode/script dari
server side scripting tidak dapat diketahui oleh client, karena penerjemahan kode dilakukan
disisi server, hasil proses dari server adalah bahasa client side scripting, website yang dibuat
dengan server side scripting mempunyai kemampuan untuk membuat halaman output yang
dinamis sesuai dengan perubahan data.Contoh Bahasa :ASP; JSP, PHP ,PERL

B. Perangkat Pengembangan Aplikasi Web

a. Perangkat Keras

Perangkat keras aplikasi web adalah peralatan fisik berkaitan dengan suatu
sistem.Berikut ini peralatan yang sebaiknya disediakan:

-Komputer Utama, dengan operating system Macintosh, Windows, ataupun Linux.

-Sebuah monitor besar.

-Sebuah scanner dan / atau kamera digital.

-Sebuah komputer kedua.

-Perangkat mobile/smartphone.

b. Perangkat Lunak

Perangkat lunak adalah perangkat program yang berkaitan dengan suatu sistem atau
bagian dari alat yang berfungsi sebagai penunjang alat utama.Untuk perangkat lunak
pengembangan web dapat dikelompokkan menjadi beberapa, di antaranya:

a).Text Editor

Text editor adalah Perangkat lunak yang digunakan untuk membuat halaman-halaman
web, baik yang bersifat statis maupun dinamis.Diantaranya Notepad++ dan Macromedia-
dreamweaver.

b).Internet Browser

Internet browser adalah Suatu software yang digunakan untuk menjelajahi internet
atau mencari informasi dari suatu web yang tersimpan di dalam komputer.Beberapa contoh
Internet browser diantaranya adalah Internet Explorer, Mozilla Firefox, Google Chrome,
Opera Mini dll.

c).Web server

Web Server adalah software yang memberikan layanan data yang berfungsi menerima
permintaan HTTP dan HTTPS dari klien yang dikenal dengan browser web dan mengirimkan
kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen
HTML. Web Server terbagi menjadi 2 bagian yaitu,Web Client Programming dan Web Server
Programming.Contoh web browser diantaranya Web Server ApachWeb,Server Intenet
Informatio,Service Web Server Lighttpd
6
C. Profesi dalam Pengembangan Aplikasi Web

1. Web Designer

Tugasnya adalah pendesain’an tampilan situs (web) mulai dari pengolahan gambar, tata
letak, warna, dsb. Didalam pendandanan suatu situs seorang Web Designer harus menguasai :

HTML, DHTML,Pengolah Gambar Animasi, Movie (Film).

2.Web Programmer

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.

3. Web Administrator

Tugasnya adalah untuk memaintenance suatu server, mengerti akan Sistem Operasi
Server,biasanya seorang Web Administrator harus menguasai :

OS Unix (LInux, FreeBSD, dll),OS NT,Jaringan (LAN, WAN, Intranet),Keamanan Server.

4. Web Master

Seorang yang mengerti akan kesemua hal mulai dari disain, program dan keamanan
server namun tidak terlalu turut mencampuri ke masing-masing divisi, cukup dengan
mempertanggun jawabkan atas jalannya suatu situs (web). Penguasaan yang harus dimiliki
:HTML, DHTML,CGI Perl, PHP, MySQL, ASP, Java,Penguasaan bermacam OS (Operating
System),Keamanan Server,Jaringan (LAN, WAN, Intranet).

5. Web Developer

Kegiatan diatas secara keseluruhan dinamakan suatu team yang dinamakan Web Developer.

II. Format Teks pada Halaman Web

A.Dasar dasar HTML

<html>

<head>

<title>

</title>

</head>

<body>

</body>

7
 </html>

B.Format Dokumen HTML

1.Struktur penulisan HTML

Tag <html> adalah tag pembuka dari keseluruhan halaman web. Semua kode
HTML tersebut harus berada didalam tag ini. Dimulai dengan <html> dan ditutup dengan
</html>.

Tag <head> adalah tag yang umumnya berisi tentang definisi halaman, kode
CSS, Javascript, dan kode yang lain. Kode tersebut tidak akan ditampilkan di web
browser.

Tag <body> adalah tag yang didalamnya dapat diisi dengan elemen-elemen yang
akan ditampilkan dalam halaman web seperti gambar, paragraf, link, dll. Tag ini diawali
dengan <body> dan ditutup dengan </body>.

2.Elemen HTML dan jenis jenisnya

Element adalah isi dari tag yang berada diantara tag pembuka dan tag
penutup, termasuk tag itu sendiri dan atribut yang dimilikinya (jika ada). Contoh
<p> Ini adalah sebuah paragraf </p>.

3.Atribut HTML dan jenis jenisnya

Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa
berupa instruksi untuk warna dari text, besar huruf dari text, dll. Setiap atribut memiliki
pasangan nama dan nilai (value) yang ditulis dengan name=”value”.

4.Property HTML dan jenis jenisnya

Property adalah jenis gaya, atau nama gaya untuk menentukan style pada tag
html, dengan property lah sebuah tag html dapat diubah menjadi sifat css, misalnya
seperti menambahkan color, background, text-align dan lain sebagainya.

C.Format List HTML

a.Ordered List

Ordered list adalah suatu metode mengurutkan daftar dengan menggunakan

angka, abjad dan angka romawi pada html.

b.Unordered List

Unordered list adalah kebalikannya yaitu metode mengurutkan daftar dengan

menggunakan simbol atau special character pada html.

8
III. Format Tabel pada Halaman Web

A. Format Tabel HTML

1. Pembuatan Tabel

Tag <table> untuk membungkus tabelnya.

Tag <thead> untuk membungkus bagian kepala tabel.

Tag <tbody> untuk membungkus bagian body dari tabel.

Tag <tr> (tabel row) untuk membuat baris.

Tag <td> (table data) untuk membuat sel.

Tag <th> (table head) untuk membuat judul pada header.

2. Border Tabel

Border Tabel merupakan salah satu efek tampilan yang paling sering ditambahkan
ketika mendasain web.Cara penulisannya adalah <table border=”1”></table>.

3. Pewarnaan Tabel

<table bgcolor=”warna_tabel” border=”0”>

4. Colspan dan Rowspan

Colspan adalah kependekan dari “column span” yang bisa mengartikan sebagai
“berapa kotak kesamping”. Contoh COLSPAN <table border="1"><caption>COLSPAN
Example</caption>

Rowspan mengartikan “berapa kotak kebawah”. Contoh ROWSPAN <table

border="1">

<caption>ROWSPAN Example</caption>.

IV. Format Gambar pada Halaman Web

A. Menyisipkan Gambar

Contoh:<img src=”Kelompoki.jpg”>

B. Mengatur Ukuran Gambar

Contoh:<img src=”Kelompok.jpg” width=”100%” height=”100%”>

C. Mengatur Posisi Gambar

Contoh:<img src=”Kelompok.jpg” alt align=”left”>

V. Format Tautan pada Halaman Web

9
 A. Konsep Hyperlink dalam HTML

Hyperlink merupakan suatu cara untuk menghubungkan suatu bagian tertentu di dalam
slide, file dokumen, program, atau halaman web dengan bagian yang lainnya.

B. Tag untuk Hyperlink

<a href="...."<a/>

<a href=”Kelompok web”>Teks/Gambar<a/>

C. Format Link Target,Email dan Telepon

Target <a href=”NamaDokumen” target=”NamaTarget”>Teks/Gambar<a/>

Email <a href="mailto:nama@yourdomain.com"> Kirim pesan email</a>

Telepon <a href="tel:0123456789">Hubungi kami di (012) 3456789 </a>

VI. Format Formulir pada Halaman Web

A. Konsep Formulir HTML

1. Pengertian Formulir

Formulir, dari bahasa Belanda, formulier, adalah sebuah kertas yang berisi
beberapa pertanyaan formal yang harus diisi.

2. Contoh Form HTML

<form action="..."></form>

B. Tipe tipe Elemen Input untuk Form HTML

Terdapat berbagai macam jenis elemen input di dalam form:

text,password,textarea,select,select multiple,checkbox,radio,file,submit / button,hidden.

Dan beberapa tipe input baru pada HTML 5 yang masih belum seluruhnya didukung
pada browser:email, url,number,date, month, week, time,range,color

C. Atribut atribut pada Tag HTML

Input text pada HTML <input type="text" name="telepon" value="021-2020505" />

Input password pada HTML <input type="password" name="password" />

Input textarea pada HTML <textarea name="alamat">Jl. Suka sama senang</textarea>

Input select pada HTML <select name="hobi"> <option value="">--Pilih Hobi--</option>

</select>

10
 Input select multiple pada HTML<select name="hobi" multiple> <option value="">--Pilih
Hobi--</option></select>

Input checkbox pada HTML <input type="checkbox" name="hobi[]" value="1"

checked/>1. Komputer</br>

Input radiobutton pada HTML <input type="radio" name="hobi" value="1"/>

Input file pada HTML <input type="file" name="foto_narsis" />

Input submit pada HTML <input type="submit" value="Daftar"/>

Input button pada HTML <input type="button" value="Tombol aneh"

onclick="alert('test');"/>

Input hidden pada HTML <input type="hidden" name="username" value="cecep" />

Input email dan url pada HTML 5 email: <input type="email" name="email" required
/><br />

homepage: <input type="url" name="homepage" required />

Input number pada HTML 5 <input type="number" name="qty" />

Input tanggal pada HTML 5

Tanggal: <input type="date" name="tanggal" /><br />

Bulan: <input type="month" name="bulan" /><br />

Minggu: <input type="week" name="minggu" /><br />

Waktu: <input type="time" name="jam" />

Input range pada HTML <input type="range" name="angka" min="0" max="10"

value="3" />

VII. Style pada Halaman Web

A. Konsep CSS

1. Sintaks CSS

Contoh: <style>

H1{ font-size:20px;}

</style>

2. CSS Inline,Intenal dan Eksternal

CSS Inline

11
 Contoh: <h1 style=”color:blue;”>Text ini Berwarna biru </h1>
CSS Internal
<head>
<style>
Body{background-color:grey;}
</style>
</head>
CSS Eksternal
<link rel=”stylesheet” type=”text/css” href=”style.css”>
3. CSS Selector
Contoh: Class, Element , Element>element, #id, Element,element
B. Contoh-Contoh Penerapan CSS
Inline, embedded, & external;
Pengaturan Background (Background-color, background-image, background-
repeat, background-attachment, background-position).
Pengaturan Text (Color, direction, letter-spacing, word-spacing, text-indent, text-
align, text-decoration, text-transform, white-space, text-shadow).
C. Membuat Layout dengan Tag<div>
<style>
.header{
Background-color:pink;
Color: Blue;
Text-align: center;
Padding: 5px;}
<div id=”header”>
<h1>Neneng dan teman-teman</h1>
</div>
D. Display & Dimension
Div{ height: 1%;
Width:1%;
Background-color:aqua;}
Div{ Display: inline-block;
Display:none;
Display:inline;
12
 Display:block;}
E. Box Model & Overflow
Div{ overflow:hidden;
Overflow: visible;
Overflow:scroll;
Overflow:auto;}
Div{border:15px solid green;
Margin:50px;}
F. CSS Position
Div{position:static;
Position:relative;
Position:fixed;
Position:absolute;
Position:sticky;}
G. CSS Float
Div{
float:left;
float:right;
float:none;
float:inherit;}

BAB III

13
 PENUTUP

3.1. Kesimpulan

Situs Web ( Website ) awalnya merupakan suatu layanan sajian informasi yang
menggunakan konsep hyperlink, yang memudahkan surfer ( sebutan bagi pemakai komputer
yang melakukan penelusuran informasi di internet ).

Suatu situs web akan dikenal dengan cepat apabila informasi yang disajikan selalu up to
date dan atau lengkap. Tetapi keuptodate-an dan kelengkapan data merupakan masalah besar
bagi pengelola situs. Karena kerepotan untuk melakukan penambahan atau pengubahan data
yang akan disajikan.PHP dan database merupakan salah satu solusi yang dapat digunakan oleh
pengelola situs sehingga pengelola tidak perlu harus melakukan proses editing dokumen
HTML, tetapi cukup dengan melakukan penambahan atau perubahan dalam database maka
pengelola situs sudah dapat melakukan maintenance situs webnya.

Website dapat dibuka dengan dibutuhkannya sebuah browser seperti Firefox, Edge atau
Chrome. Anda cukup mengetikkan URL di kolom browser untuk dapat membuka website.

Website pun dapat diakses dengan mencari kata kunci tertentu di mesin pencarian
seperti Google

Elemen HTML adalah bagian-bagian pembentuk halaman web yang meliputi head,
body, title, link, text, paragraph, list, dan sebagainya. Tag merupakan bentuk simbol berbentuk
“<” sebagai tanda awal penulisan elemen dan diakhiri tanda “>” sebagai tanda akhir penulisan
sebuah elemen. Format penulisan sebuah elemen adalah sebagai berikut.
Cara mendeskripsikan tabel dalam pemrograman web berbasis HTML menggunakan
syntax

Suatu halaman web akan terlihat kaku, terkesan formal, dan sedikit menjemukan bila
tidak disertai dengan gambar. Hampir semua web memasukkan unsur gambar, animasi, bahkan
audio dan video untuk menarik pengunjungnya. Tentunya untuk dapat menampilkan gambar
harus memahami teknik untuk menampilkan gambar tersebut ke dalam halaman web sehingga
akan tampil rapi dan menarik.
Hyperlink merupakan suatu tata cara yang menghubungkan suatu bagian di dalam slide,
file, program maupun halaman web dengan bagian yang lainnya dalam bidang tersebut.
Hyperlink juga biasanya dapat digunakan untuk dapat menunjukan lokasi dari teks maupun
objek yang diperlihatkan atau juga di presentasikan. Hyperlink ini bisa menghubungkan
beberapa objek, file, dokumen, halaman web

Form merupakan salah satu bentuk halaman web yang dipakai untuk mendapatkan
masukan dari pengguna, untuk selanjutnya masukan dari pengguna tersebut diolah
menggunakan bahasa pemrograman web, baik setrik server side scripting(misalkan PHP, JSP)
ataupun client-side
Cascading Style Sheet atau lebih sering disebut dengan istilah CSS merupakan salah
satu dokumen website yang bertujuan untuk mengatur gaya (style) tampilan website.

14
 CSS bukanlah sebuah bahasa pemrograman, melainkan sebuah aturan untuk mengendalikan
beberapa komponen pada web sehingga akan lebih terstruktur, seragam dan mudah dalam
pengaturan saat pendesain sebuah halaman web

3.2 Saran
Dengan adanya pembahasan tentang Web HTML, ini semoga dapat memberikan ilmu dan
wawasan kepada pembaca terhadap HTML. Bila ada kekurangan dalam makalah ini baik yang
disengaja atau tidak sengaja, maupun kesalahan kata dalam penulisan, mohon maaf sebesar -
besarnya.

DAFTAR PUSTAKA

15
http://googleweblight.com/i?u=http://proposaldanmakalah.blogspot.com/2017/02/makalah-
pemrograman-web-sistem.html&hl=id-ID

http://googleweblight.com/i?u=http://shadowsky-network.blogspot.com/2015/01/teknologi-
aplikasi-web.html&hl=id-ID

https://googleweblight.com/i?u=https://jarkomeade.wordpress.com/2013/05/17/dns-server-dan-
istilah-istilahnya/&hl=id-ID

http://googleweblight.com/i?u=http://mr-realfact.blogspot.com/2012/10/pengertian-irc-isp-www-
html-http-dan.html?m%3D1&hl=id-ID

https://googleweblight.com/i?u=https://sleeping-codings.blogspot.com/2017/08/pengertian-w3c-
serta-fungsinya.html?m%3D1&hl=id-ID

https://googleweblight.com/i?u=https://www.maxmanroe.com/vid/teknologi/internet/pengertian-
web-browser.html&hl=id-ID

https://googleweblight.com/i?u=https://hanyhafsyah.wordpress.com/2012/09/21/cara-kerja-
web/&hl=id-ID

https://googleweblight.com/i?u=https://idwebhost.com/blog/pengertian-domain-dan-hosting-
serta-macam-jenisnys/&hl=id-ID

http://googleweblight.com/i?u=http://www.pintarkomputer.com/pengertian-web-statis-dan-web-
dinamis-beserta-perbedaannya/&hl=id-ID

https://googleweblight.com/i?u=https://komputerkampus.com/artikel/29/client-side-scripting-
dan-server-side-scripting/&hl=id-ID

http://googleweblight.com/i?u=http://venaaritonang.blogspot.com/2013/09/pengertian-web-
server-web-browser-dan.html?m%3D1&hl=id-ID

https://www.rumahweb.com/journal/dasar-dasar-html-i/

https://adjie007-com.cdn.ampproject.org/v/s/adjie007.com/struktur-html-dasar/?
amp_js_v=a2&amp_gsa=1&amp&usqp=mq331AQEKAFwAQ%3D%3D#referrer=https%3A
%2F%2Fwww.google.com&aoh=15686008860523&amp_tf=Dari
%20%251%24s&ampshare=https%3A%2F%2Fadjie007.com%2Fstruktur-html-dasar%2F

https://www.duniailkom.com/belajar-html-pengertian-tag-elemen-dan-atribut-pada-html/

https://bahasaweb.com/pengertian-selector-css/

http://innodious.blogspot.com/2012/08/ordered-list-dan-unordered-list-pada.html?m=1

https://www.petanikode.com/html-tabel/

https://www.duniailkom.com/tutorial-belajar-css-cara-membuat-garis-tepi-pada-html-border/

16
http://ekateddytkj2.blogspot.com/2015/10/table-colspan-dan-table-rowspan.html?m=1

https://kickarie.blogspot.com/2016/04/cara-memberi-warna-tabel-pada-html.html?m=1

https://www.maxmanroe.com/vid/teknologi/internet/pengertian-hyperlink.html

https://www.galitekno.com/2016/11/menyajikan-format-target-link-email-dan.html?m=1

https://id.m.wikipedia.org/wiki/Formulir

http://proposaldanmakalah.blogspot.com/2017/02/makalah-pemrograman-web-sistem.html

TAMPILAN HOMESCREEN

17
18
Dibuat untuk memenuhi salah satu tugas mata pelajaran Perograman Dasar Web
Dari Bapak M.Tafrihan Toha Muslim,S.Pd.I

Disusun oleh :

Firmansyah Maulana
Fitri Puji Astuti
Hanipa Nurul Qolbi
Ilham Muhammad Syahroni
Ima Kusmiati
Karlina
Kartini
Luthfi Rizkya Albani
M. Rian Anjani

XI – RPL 1

2019 - 2020

19