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