Download - Pertemuan 2 - Wp2 - Lnh_2
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
1/18
PERTEMUAN II
Mengenal DreamweaverScript PHP dalam Dreamweaver
Pembuatan Banner & Menu
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
2/18
Mengenal Dreamweaver
Dreamwweaver M! "M! #$ M! %$ M! ''(dan M! )* adala+ uatu pr,gram edit,r web-ang dibuat ,le+ Macr,media denganalamat .eb ite www/macr,media/c,m/Dengan mengguna0an pr,gram ini$
pr,grammer web dapat dengan
muda+ membuat danmendeain web$ 0arena beri1at.2SI.23 ".+at 2,u See I
.+at 2,u 3et*/
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
3/18
HTM4"H-per Te5t Mar0up 4anguage*
6 HTM4 adala+ ba+aa tandard untu0membuat +alaman web tati/
6 HTM4 dapat ecara langung di7alan0andan ditampil0an dengan bantuan br,wer/
6HTM4 dapat ditampil0an dalam bentu0,b7e0 tabel
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
4/18
Script HTM4 Seder+ana
8utput9
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
5/18
PHP "H-perte5t Prepr,ce,r*
6 PHP adala+ ba+aa pemr,graman web -angdi7alan0an di erver
6 PHP diguna0an untu0 membuat +alamandinami
6 PHP dapat ter+ubung dengan databae
6 PHP dapat membuat +alaman web denganHTM4:7avacript
6 PHP di7alan0an ,le+ erver ebelum +alaman
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
6/18
Te0ni0 Penulian Script PHP
Dalam membuat pr,gram PHP diawalidengan start tag dan end tag:
6;
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
7/18
riteria Penulian Script PHP
6 Diimpan dengan E0teni PHP
6 Diawali dengan tag pembu0a PHP dan
dia0+iri dengan tag penutup "?>)6 Setiap bari 0rip ii +aru dida+uluipern-ataan ceta0/?,nt,+9 print1 "C Ii data *
print1 " ii data *ec+, C ii data Cec+, ii data
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
8/18
riteria Penulian Script PHP
6 Setiap a0+ir bari di a0+iri dengan titi0 0,ma";)
6 Semua bentu0 variabel +aru diawali tandad,lar "$)
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
9/18
riteria Penulian Script PHP
6 Penulian 0eterangan dida+ului dengantanda pembu0a "/*) dan diakhiri tanda "*/).
;
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
10/18
riteria Penulian Script PHP
6 Penulian 0,mentar 7uga dapatmengguna0an tanda la+ ganda "//), tandaini +an-a diguna0an untu0 menuli0anpean -ang in1,rmain-a atu bari a7a/
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
11/18
riteria Penulian Script PHP
6 S0rip HTM4 -ang a0an digabung0an dalam0rip PHP +aru meng+ilang0an tanda peti0ganda ") dan dapat diganti0an dengantanda peti0 tunggal "* ataumeng+ilang0ann-a/
c,nt,+ cript HTM4
;B8D2 bgc,l,r@J''KK##=c,nt,+ cript HTM4 dalam PHP
;B8D2 bgc,l,r@J''KK##=
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
12/18
Pembuatan Banner
Untu0 pembuatan bannermengguna0an apli0ai Ale,
Lla+ Intr, Banner Ma0er -angdapat did,wnl,ad di+ttp9::www/ale,,1t/c,m:1la+in
tr,bannerma0er:
http://www.aleosoft.com/flash-intro-banner-maker/http://www.aleosoft.com/flash-intro-banner-maker/http://www.aleosoft.com/flash-intro-banner-maker/http://www.aleosoft.com/flash-intro-banner-maker/ -
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
13/18
Pembuatan Menu
Untu0 pembuatan menu dapat meli+atc,nt,+n-a di www/d-namicdrive/c,m
6Pili+ menu ?SS 4ibrar-
6Pili+ tampilan menu -g diingin0an$+,ri,ntal atau verti0al
http://www.dynamicdrive.com/http://www.dynamicdrive.com/ -
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
14/18
Pembuatan 4a-,ut
Buat table denganla-,ut eperti beri0ut9 Banner
Menu
Content
Footer
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
15/18
Letakkan kursor di sini
Menu
Content
Footer
Men-iip0an Banner
6 Pili+ menu inert O media O1la+:S.L
6 ?ari l,0ai banner -ang
uda+ dibuat6 Save 9 +,me/p+p
leta00an di 9c9:5ampp:+td,c:t,0,ba7u:admin:
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
16/18
Men-iip0an Menu
Mial0an menu -ang a0an diguna0an adala+ CSS Shado! B"o#k Menu
Cop se%ua s#riptCSS da"a% kotak keda"a% ho%e.php dan"etakkan se&e"u% ta'
(aste di sini
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
17/18
Men-iip0an Menu
Cop se%ua s#riptML da"a% kotak keda"a% ho%e.php dan"etakkan sete"ah ta'
Banner
Letakkan kursor di sini
Content
Footer
(aste di sini(aste di sini
-
7/25/2019 Pertemuan 2 - Wp2 - Lnh_2
18/18
Tampilan Banner & Menu