Adobe Dreamweaver CS3 is a web design and development application that allows users to design and develop websites. Key features include a WYSIWYG editor, support for HTML, CSS, JavaScript, templates, and site management tools. Dreamweaver provides visual editing tools as well as code view. It allows uploading files to servers via FTP and includes tools for working with tables, layers, libraries, and templates.

1. 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

2. Code HTML
2.
3. Client Server Java, ASP,
PHP, CGI, VBScript
4. Upload Server
FTP
FTP WS FTP
5. , ,
Flash , Fireworks
1. HTML
2. Effect
JavaScript HTML
3. Code
Web Browser
4. Tag <BR> Shift+Enter
5. Tag <P> Enter
6. Tag &nbsp; Ctrl+ Shift +
Spacebar
7. Tag HTML Tag
8. HTML Script Text Editor
Dreamweaver

3. 9.
Dreamweaver
Dreamweaver
1. Click Mouse
2. All Program >

4. Dreamweaver
• (Menu Bar)
• (Toolbar)
• (Object Palette)
(Horizontal Rule), , , (Layer)
• (Status Bar)
• (Properties Palette)
,
• Panel Group
Application

5. Code JavaScript VBScript
Panel
Group
Dreamweaver
(Document Windows)
Dreamweaver
3

6. Toolbar
Show Code View HTML
Show Code and Design View
HTML
Show Design View
HTML
Site Manager
Site > New Site

9. 1. Edit > Preferences
2. Fonts > Font Setting > Thai

10. 3. New Document
template

11. 1.click site
New File
2.
html
3. double click
adobe photoshop

12. adobe dreamweaver cs3
1. insert table
2.
Rows >
Column >
Table Width >
Border >
Cell Padding
>
Cell Spacing >
Click OK

13. 1. Click Click <td>
( ) Click
Properties

14. 1. Click Click <td>
( )
2. Click Properties BG
( )
Marge Cell)
1. Click
2. Click Properties

15. 1. Click
2. Insert > image

17. Click Mouse Table > Insert
Rows or Columns..
Dialog Box
Rows Column
Rows Rows)
Rows Above the Selection)
Before the Selection)
Column Before current
Column) After current Column)

18. Column Rows 6 Rows
Word
Properties
• Format
• Font Dreamweaver
PC MAC

19. • Size 3
• Color
template
Dreamweaver
1. File > Save as
Template save file

20. 2. Save as Template click Save
1. Insert > Template Object > Edit Region
2. click mouse ok
3.
Insert > Template Object > Edit Region

21. click
mouse ok

22. 1.
2. Template
click mouse Select
Template

23. Dreamweaver
Save
Click Mouse Yes
Lock in
Update Click Mouse Close

24. Modify >
Templates > Update Pages
Template
1. Template
1. Double click
2. Modify >
Templates
> Apply
Template to
Page…