Upload
others
View
22
Download
0
Embed Size (px)
Citation preview
BAB 2
PENGENALAN HTML
Deskripsi:
Membahas tentang pengertian dan pengenalan dasar HTML'
mendeklarasikan scrrpt tag dasar HTML pada editor dan menampllkan
hasil pada web browser yang digunakan'
Tujuan Pernbelajaran:
Setelahmelakukanpembelajaranini 'pembacadiharapkanmampu:
1. Memahami Dasar - Dasar H?M'
2. Menuliskan scipt tag dasar HTM' pada editor
3. Menampilkan hasil HTML tersebut pada web browser
2.1. Pengenalan HTML
Dalam perancangan sebuah website pada dasarnya adalah
kumpulan dari pada hyperlink yang menuju pada sebuah alamat atau
situs dengan menggunakan sebuah bahasa HTML(Hgper Tekt Markup
Language) (Agung Baitul l-{ikmah dkk' 2015:1)'
HApertext Markup Laftguage (HTML) adalah sebuah bahasa untuk
menampilkan konten dl web' Dan HTML j:uga merupakan batrasa
pemrograman yang bebas artirlya pengembangan'dari bahasa yang dapat
dikembangkan bersama secara global (Edy Winarno ST' 2014: 1)
Dalam penggunaannya sebuah bahasa H?Ml lidak dapat bekerja
s e n d i r i u n t u k m e m b u a t h a l a m a n t a m p i l a n S e e e r t i m e m b u a t j r o r m ,
menyisipkan garrlbar ' tabeL, maupun teks tulisan yang rnenarik pada ueb
brotuser., Akan tetapi seliap broluser memiliki perbedaan dalam
menampilkan script HTML yang dibuat bisa jadi apa yang ditampilkan di
browser yangsatu akan berbeda dengal browser yang lain sesuai dengan
dukungan script dari brou'tser yang kita gunakan' untuk itu sebuah
bahasaHTMI-memerlukanpenggabunganbeberapaScriptlainnyaSepertl
CSS (Casccrding StALe Sheets), Jaua Scipt l]:ranpun script lainnya'
1 0
BAB 5
PENGENALAN CSS
Deskripsi:
Membahas tentang pengenalan CSS, penggunaan CSS, sintak CSS dan
desain halamart web dengan CSS serta menampilkal hasil pada web
browser yang digunakan.
Tujuan Pembelajaran:
Setelah melakukan pembelajaran ini, pembaca diharapkan mampu:
1. Membuat CSS Pada halaman web
2. Desain halaman web dengan CSS
3. Menampilkan hasil tersebut pada web browser
5.1. Pengertian CSS
CSS adalai singkatan dari Cascading Style Sheets yaitu
kumpulan kode program yang digunakal untuk mendesain atau
mempercantik tampilan halaman HTML Menjelaskan bagaimana elemen-
elemen HTML ditampilkan di layar' Dengan CSS kita bisa mengr'rbah
desain darl text, warna, gambar dan latar belakang dari (hampir) semua
kode tag HTML sehingga dapat mengontrol tata letak beberapa halaman
web sekaligus. CSS biasanya selalu dikaitkan dengan HTML' karena
keduanya memang sallng melengkapi HTML ditujukan untuk m'6mbuat
struktur, atau konten dari halaman web' Sedangkan CSS digunakan
untuk tampilan dari halaman web tersebut lstilahnya, "HTML for cofttent'
CSS for Presentation" .
5.2. Penggunaan CSS
Daiam penggunaan CSS terdapat beberapa cara untuk menginput kode
CSS ke da lam HTML, Ya i tu :
JavaScript adalal'r bahasa yang sama sekali berbeda' ':l:"t:t:JaveL'rurrPL q**----
D---, lan Eich pada- r . - r i r ' l . vAsc r j p l d i t emukan o len D rc r ru (
.{onsep maupuu uss4rrr ' v+'* r (Ja7 RCMA-262
i"f ffi;"-;;;' standar ECMA'"1i 1""'1]']]:::Y"*' ' ' - ^ ' r ' r ECMASCTiPt ada lah
o d a l a h n a m a r e s m l s t u ' u a r 'nama resmi bahasa
adalah nama
rersebut. Daiam mempelal ar\ JcLucLscipt' sebliknVa t::: T::"T:":t:e rseDuL
l 1 L^1am'h web sederhanar ^ - h i
dasar-dasar rlrrvrL, ua!^ --sa membuat -TT lii- ,..-. ^,.,"
ffi;::."J'ffi. i"'g"t^i"-"" tentans css dan PHP juga akan
membantu, walaupun tidak diharuskan'
A. Fungsi Java Script dalam
4.2. Penulisan dal! Pertggunaan Java scriPt
untuk menjalan kan Jauascript menggunakan
seperti notepad, notepad++ atau menggunakan
dreamweaver dan sebuah web browser seperti
MozlILa Firefox untuk menampilkanng a'
A . Pen L l l i san Java Scr iP t
Cara Penulisan Jauosciqt trfirp
aplikasi text editor
aplikasi macromedia
Google Chrome alaw
dengan Penulisan bahasa
dan CSS, Yakni dengan
pemograman web lainnYa seperti PHP
JavaScriPt di dalam HTML meletakkan kode PrograrnmenyisiPkan kode J avascrrPt
r---^c^'inr hisa djletalkcn dibagian manapun craraLrr r t
JavascriPt bisa
:::i;;'::'*""';;ipt>' Ada beberapa posisi penulisan kode
program java script Yartu:
1. Diawal HTML yaitu tag <script> diletakkan didalam tag <head>
Contoh:
I
").<meta http equiv= Clontent-'type conterlt= text/htrnl;charset=U'l'F 8 />
i <tjtle>Belajar Tag Javascript</title>
! a le r t ( Se lsmal Datang l l ) ;
57
BIODATA PENULIS
Miftah Farid Adiwisastra,S.T,M.Kom lahir di
Tasikmalaya 10 Juni 1986 tela} menyelesaikan 51
tahun 2012 di Universitas BSI mengambil Jurusal
Teknik Informatika Setelah itu melanjutkan Program
Studi Magister Ilmu Komputer (S2) di STMIK Nusa
Mandiri darl lulus pada tahun 2015. Saat ini menjadi
Dosen Tetap di Universitas Bina Sarana Informatika
Kampus Kota Tasikmalaya sejak 2013 sampai sekarang
Agung Baitul Hikmah, S.Kom,M,Kom lahir di
Tasikmalaya 19 Agustus 1983 telah menyelesaikal S1
tahun 2009 di STMIK Nusa Mandiri , mengambil
Jurusan Sistem Informasi, Setela-h itu melanjutkan
Program Studi Magister llmu Komputer (S2) di STMIK
Nusa Mandiri dan lulus pada tahun 2013. Karya Buku
yang sudah diterbitkan diartaranya buku berjudul
"Cara Cepat Membangun Website dari Nol: Studi Kasus
: Web Dealer Moto/' pada Tahun 2015 dan Saat ini
menjadi Dosen 'fetap di Universitas Bina Sarana
Informatika Kampus Kota Tasikmalaya sejak 2008
sampai sekarang
Ai ilah Warnilah , S.T., M,Kom. Lahir di Taslkmalaya,
18 Juni 1982. Telah menyelesaikan Program 51 tahun
20 12 di Universitas Siliwangi Tasikmalaya, mengambil
jurusan Teknik Informatika Setelah itu melanjutkan
Program Studi Magister Ilmu Komputer (S2) di STMIK
Nusa Mandiri dan lulus pada tahun 2015. Saat ini
menjadi Dosen Tetap di Universitas Bina Sarana
Informatika Kampus Kota Tasikmalaya sejak 2009
sampai sekara ng
104