MARCOMEDIA DREAMEAVER 8

1
Aj.Krissada Sakkumduang doraemon_at_msu.ac.th Tel.
0845138664

• ??????????????????? MARCOMEDIA DREAMEAVER 8

2
Macromedia Dreamweaver 8

• Dreamweaver ????????????????? Web Design
  ??????????????????????????????? WYSIWYG (What You
  See Is What You Get)

3
WYSIWYG ???????

• Dreamweaver ?????????????????????????????????????
  ????????????????????????????? ????????????????????
  Visual Mode (?????????????????? ????????
  ????????????????? ????????????????????) ???? ???
  WYSIWYG (What you see is what you get)
  ??????????? ???????????????????????????????
  Dreamweaver ?????????????????????????
  ??????????????????????????????????????????????????
  ??????????????????

4
????????????? Dreamweaver

• ?????????????????????????????? WYSIWYG
  (What-See-Is-What-You-Get) ???????????????????????
  ???? HTML ???? JavaScript, VBScript
  ??????????????
• ???????????????????????? (Layer)
  ??????????????????????????????????????????
• ??????????????????????????????????????????????????
  ??????????????????????????????
• ?????????????? Flash ?????????????
  ??????????????????????????

5
????????????? Dreamweaver

• ????????????????????????? Marquee Text
• ?????????????????????????? ?????? ???????????
  MP3, MP4, AVI ??? MOV ???
• ????????????????????????? ????????????????????????
  ??????????
• ???????????????????????????????????????????????
  ???????????? CGI ???? ASP, PHP ??? JSP ???

6
???????????????????????
7
????????????? Document toolbar
8
????????????? Status bar
9
?????????????????????????????????

• Title Bar (???????????????)
• Menu Bar (??????????????????????)
• Object Palette (??????????????????????????????
  ???? ?????, ??????, ????, ?????)
• Toolbar (??????????????????????????????????)
• Document window (??????????????)
• Tag Selection (?????? ?????????? Tag html
  ??????????????)
• Window Size (??????????????????????)
• Esimate Download Time (????????
  ????????????????????)

10
?????????????????????????????????

• Property inspector (????????????????)
• Dockable Window (?????????????????????????????????
  ?????)
• Panel Group
• File Panel

11
???????????????????

• ??????????????????????????????? ??????????
• ?????????????????? ????????
• ????????? Edit gtPreferences

12
????????????????????????

• ????????? ModifygtPage Propertys ???? CtrlJ

???????????
????????????
??????????
??????????
??????????????
?????????????????????
???????????????????
???????????
13
???????????????????? Fix Font
????? Font
14
?????????????????
??? Property inspector ??? Text 1.
????????????????? ???? Paragraph, Heading 1-16
2. ??????????????????? (Style sheet) 3.
??????????????????? ?????????? 4.
????????????? 5. ???????????? 6. ????????????????
????????? (Font) size 1-7
1
2
4
5
3
6
3
15
??????????????????

• ?????????????????????????
• ???????????????????????

16
????????????

• ????????????????????????? ?? 2 ???? ??? JPG, GIF
• JPG ????????????????????? ??????????????? 16.7
  ??????
• GIF ?????????????????????? ?????????????????
• ????????? InsertgtImage

????
17
???????????????????????

• 1.??????????
• 2.?????????????
• 3.?????????????
• 4.?????????????????????? (Link)
• 5.??????????????
• 6.??????????
• 7.?????????????????-????????

2
5
1
3
6
4
7
18
????? (Table)

• ???????????????????????????????
• ???????????????????????????

19
?????????????

• ????????? InsertgtTable

????
20
?????????????????
4
1
2
3
7
6
5

• ????? ??? ???????
• ????????? ??? ?????????????
• ?????????????????????? ?????
• ????????????????????????
• ??????????? ??????? ????????????????????
• ?????????????????
• ??????????????

21
?????????????????? (Link)

• Link ?????????????????
• Link ?????????????
• Link ???????????
• Link ?????????????????
• Link ????????????????????????????????
• ????????????????????????????
• Link ??? Hotspot

22
??????????????????????????????

• _blank ?????????????????????????????????????????
  Browser ???????????????
• _parent ?????????????????????????????????????????
  Browser ????
• _self ?????????????????????????????????????????
• _top ?????????????????????????????????????????
  Browser ???? ??????????????
  ???????????????

23
?????? webpage

• JAVA SCRIPThttp//www.codetukyang.com/java/
• ???????? HI5 ???????????

24
EXAMPLE

• ??????????????????????????????????????????

25
Example data
26
Example data
27
???????????????????????
? ???????????? ????????????????????????? "
????????????????? ?????????????
?????????????????? ???????????? ????????

???????????? ???????????????? "
????????????
????????????????
??????
?????????????????
?????????????
download
??????????????????????
28
??????????????????????????
??????? website
??????? website
??????? website
??????? website
??????? website
??????? website
29
View Dreamweaver
Choose HTML
30
???????????????????????????????
31
???????????????????????????????
32
????????????????????????????????????????????
FilegtSave Asgt???????????? index.html
33
????????????????????????????????????????
34
???????? Double File (index.html)
35
(No Transcript)
36
???????????????