1. Website Adobe Dreamweaver CS3 Training Service (ICT CENTER)

2. Website Adobe Dreamweaver CS3 1 Dreamweaver............................................................................................................................................3 Dreamweaver .......................................................................................................................3 () ..................................................................................................4 Dreamweaver .........................................................................................................................4 Dreamweaver ........................................................................................................................5 (Document Windows)...............................................................................................................6 .......................................................................................................................7 .............................................................................................................................................8 .............................................................................................................................................8 ...................................................................................................................9 Font .................................................................................................................................10 .....................................................................................................11 Table....................................................................................................................................................12..............................................................................................................................13 ...........................................................................................................13 (Marge Cell) .............................................................................................................................14 ..............................................................................................................................14 ............................................................................................................................... 15.................................................................................................17.........................................................................................................................................18 ...................................................................................................................................................18 ..........................................................................................................................................................18 ........................................................................................................................19 ..............................................................................................................................................20Training Service (ICT Center)

3. Website Adobe Dreamweaver CS3 2 () .....................................................................................20 ..........................................................................................21 ............................................................................................................................... 22 ............................................................................................................................23Training Service (ICT Center)

4. Website Adobe Dreamweaver CS3 3 Website Adobe Dreamweaver CS3 Dreamweaver Dreamweaver Web Master HTML Java Scripts HTML Dreamweaver Text Editor Table HTML Dreamweaver HTML Webmaster Tag Dreamweaver Code HTML Dreamweaver 1. WYSIWYG (What You See Is What You Get) Dreamweaver Code HTML 2. 3. Client Server Java, ASP, PHP, CGI, VBScript 4. Upload Server FTP FTP WS FTP 5. , , Flash ,FireworksTraining Service (ICT Center)

5. Website Adobe Dreamweaver CS3 4 () 1. HTML ! 2. Effect JavaScript HTML 3. Code WebBrowser 4. Tag
Shift+Enter 5. Tag

Enter 6. Tag Ctrl+ Shift + Spacebar 7. Tag HTML Tag 8. HTML Script Text Editor Dreamweaver 9. Dreamweaver Dreamweaver 1. Click Mouse 2. All Program > Training Service (ICT Center)

6. Website Adobe Dreamweaver CS3 5 Dreamweaver (Menu Bar) (Toolbar) (Object Palette) (Horizontal Rule), , , (Layer) (Status Bar) (Properties Palette) , Panel Group Application Code JavaScript VBScript Panel GroupTraining Service (ICT Center)

7. Website Adobe Dreamweaver CS3 6 Dreamweaver Panel GroupMenu BarObject Bar Tool Bar Status Bar Properties Dreamweaver (Document Windows) Dreamweaver 3 Toolbar Show Code View HTML Show Code and Design View HTML Show Design View HTML Training Service (ICT Center)

8. Website Adobe Dreamweaver CS3 7 Folder Folder Folder Folder Folder HTML Multimedia Training Service (ICT Center)

9. Website Adobe Dreamweaver CS3 8 Folder Folder Folder Folder Computer () Folder () Folder SiteManager 1. Site > New Site 2. Advanced Folder Site Manager Site > New SiteTraining Service (ICT Center)

10. Website Adobe Dreamweaver CS3 9 Dreamweaver Font Dreamweaver Font Download http://www.thaiware.com/softwae/develop/DV00250.htm Download Font Dreamweaver Font 1. Edit > Preferences 2. Fonts > Font Setting > ThaiTraining Service (ICT Center)

11. Website Adobe Dreamweaver CS3 10 OK Font Font Font Windows Dreamweaver 1. Text > Font > Edit Font List 2. Font Microsoft Sans SerifTraining Service (ICT Center)

12. Website Adobe Dreamweaver CS3 11 1. Modify > Page Properties 2. Training Service (ICT Center)

13. Website Adobe Dreamweaver CS3 12 Table Column Row Cell Object Object Rows > Column > Width > Border > Cell Padding > Cell Spacing > Click OK Training Service (ICT Center)

14. Website Adobe Dreamweaver CS3 13 1. Click Click () Click Properties 1. Click Click () 2. Click Properties BG () Training Service (ICT Center)

15. Website Adobe Dreamweaver CS3 14 (Marge Cell) 1. Click 2. Click Properties 1. Click 2. Insert > image Training Service (ICT Center)

16. Website Adobe Dreamweaver CS3 15 OK 1. 2. Click Mouse Table > Insert Rows or Columns.. 3. Dialog Box Rows Column( Rows 2 Rows) 4. Rows (Above the Selection) (Before the Selection) 5. Column (Before current Column) (After current Column)Training Service (ICT Center)

17. Website Adobe Dreamweaver CS3 16 Column Rows 2 Rows Training Service (ICT Center)

18. Website Adobe Dreamweaver CS3 17 Word Properties Format Font Dreamweaver PC MAC Size 3 Color (Link) 1. e-Mail 2. Download 3. Map LinkTraining Service (ICT Center)

19. Website Adobe Dreamweaver CS3 18 HTML Download 1. 2. Properties Link .. .html "" ( ) Link 1. 2. Link 1. 2. Properties Link 3. mailto: E-Mail Address ( ) http://ictcenter.spu.ac.th Training Service (ICT Center)

20. Website Adobe Dreamweaver CS3 19 e-Mail http:// Target =_blank Training Service (ICT Center)

21. Website Adobe Dreamweaver CS3 20 Dreamweaver 1. File > Save as Template save file 2. Save as Template click Save 3. Template ( Windows > Template) File > Save as Template save file Save as Template click Save Template ( Windows >Template) Training Service (ICT Center)

22. Website Adobe Dreamweaver CS3 21 1. Insert > Template Object > Edit Region 2. click mouse ok 3. Insert > Template Object > Edit Region click mouse ok Training Service (ICT Center)

23. Website Adobe Dreamweaver CS3 22 1. 2. Template click mouse Select TemplateTraining Service (ICT Center)

24. Website Adobe Dreamweaver CS3 23 click mouse Select Dreamweaver 1. 2. Save 3. Click Mouse Yes Lock in 4. Update Click Mouse Close Modify > Templates > Update PagesTraining Service (ICT Center)

25. Website Adobe Dreamweaver CS3 24 Save Training Service (ICT Center)