main pageDVD details and samplesordering pageFrequently Asked QuestionsSystem requirements
 
 
DVD disc
ในดีวีดี-รอมพากษ์ไทยชุด Dreamweaver CS3 Essential Training คุณแกริค เชา ผู้สอนได้แสดงให้ดูถึงความสามารถมากมายของโปรแกรมออกแบบเว็บไซด์ตัวนี้ คุณแกริคพูดถึงทุกอย่าง เริ่มจากการใช้งาน Dreamweaver CS3 ในแบบง่ายๆไปจนถึงการพัฒนาเว็ปไซด์ที่เป็นอินเตอร์แอคทีฟเต็มรูปแบบและเว็ปไซด์ที่ accessible หรือสามารถเข้าดูได้สำหรับทุกคน คุณแกริคอธิบายถึงสิ่งใหม่ที่มีเพิ่มในอินเตอร์เฟด และแสดงวิธีการสร้าง เปลี่ยนแปลง จัดการ ออกแบบ และอัพโหลดเว็บไซด์แบบมืออาชีพโดยใช้ Dreamweaver CS3 และโปรแกรมอื่นๆที่ใช้ร่วมกัน โดยมีไฟล์แบบฝึกหัดให้มากับดีวีดีชุดนี้ด้วย
 

ข้างล่างคือรายชื่อของบทต่างๆและหัวข้อเรื่องของดีวีดี-รอมแผ่นนี้ ตัวที่ขีดเส้นใต้หมายถึงคุณสามารถคลิก เพื่อดูตัวอย่างวีดีโอได้โดยใช้ Flash Plug-in ถ้าคุณไม่มี install อยู่ในเครื่อง คุณสามารถไป download เพื่อ install ได้โดยคลิกที่ link นี้

คุณสามารถเลื่อนหน้าขึ้นลงเพื่อดูรายชื่อและตัวอย่างวีดีโอของบทต่างๆ
หรือคลิก link ที่ตัวเลขข้างล่างเพื่อไปยังบทต่างๆได้เร็วขึ้น

วีดีโอตัวอย่างในเว็ปไซด์นี้ย่อขนาดจากขนาดจริงในดีวีดี-รอม เพื่อให้รวดเร็วขึ้น ในการดูตัวอย่างวีดีโอผ่านหน้าเว็ป วีดีโอในดีวีดี-รอมมีขนาด 880 x 660 pixel ซึ่งคมชัดในการดูและทำตาม โดยใช้ไฟล์แบบฝึกหัดที่ให้มาด้วย ถ้าคุณอยากดูตัวอย่างขนาดจริงของวีดีโอที่เป็นเวอร์ชั่นภาษาอังกฤษคุณสามารถดูได้โดยคลิกที่ link นี้(คุณจำเป็นต้อง Install โปรแกรม Quicktime โดยสามารถไป download ได้จาก link นี้ และถ้าคุณมีปัญหาในการดูโดยใช้ Internet Explorer 7 ผมแนะนำให้ใช้ Firefox ในการดู โดยคุณสามารถ download ได้จาก link นี้)


บทแนะนำ

 
ขอต้อนรับเข้าสู่ดีวีดีชุดนี้
01:12

1. บทเริ่มต้น

 
HTML กับ XHTML
03:04
 
03:48
2.38 MB
 
XML คืออะไร?
02:11
 
DHTML คืออะไร?
01:09
 
Javascript คืออะไร?
01:23
 
การตั้งชื่อไฟล์อย่างถูกต้อง
03:22
 
หน้า index คืออะไร?
06:03

2. อินเตอร์เฟช

 
การตั้งรูปแบบของพื้นที่ทำงาน
02:39
 
Welcome screen
04:11
 
ความแตกต่างระหว่างเครื่องแมคกับพีซี
03:18
 
04:38
2.98 MB
 
Property Inspector
01:50
 
Document toolbar
06:06
 
Document window
09:11
 
Panels และ กลุ่มของ panel
06:58
 
การ save รูปแบบของพื้นที่ทำงาน
02:22
 
การตั้ง Default browser
05:05

กลับข้างบน

3. Site Control

 
การ Define site
09:05
 
การจัดการกับไฟล์และโฟลเดอร์
03:11
 
การทำความเข้าใจเรื่อง path structure
03:17
 
การใส่ข้อมูลต่างๆลงไปในหน้าเว็ป
06:06
 
03:20
2.10 MB

กลับข้างบน

4. Document Basics

 
การสร้างเว็ปไซด์ใหม่ที่ยังไม่มีอะไรอยู่ในนั้น
06:00
 
การสร้างและการ save document ตัวใหม่
07:54
 
เกี่ยวกับ DOCTYPE
03:59
 
การใส่รูปภาพ
09:26
 
การใส่ตัวหนังสือ
03:35
 
04:09
2.27 MB
 
การใส่ meta tags
03:36

กลับข้างบน

5. การสร้าง Link

 
06:04
3.94 MB
 
การ link โดยใช้ Point to File
05:18
 
การ link กับเว็ปไซด์อื่น
04:15
 
การสร้าง link กับ e-mail
05:49
 
การ link ภายในหน้าเดียวกันโดยใช้ Named anchors
07:37
 
การ link กับตัวไฟล์โดยตรง
07:35
 
Image maps
09:20

กลับข้างบน

6. ความรู้เกี่ยวกับเรื่อง CSS

 
เกี่ยวกับ CSS
04:52
 
04:10
2.06 MB
 
CSS และ page properties
10:11
 
การย้าย style sheet แบบ internal ไปเป็นแบบ external
06:46
 
panel ของ CSS Styles
03:48
 
CSS selectors
02:37
 
Type selectors
12:13
 
ID selectors
10:21
 
Class selectors
05:42
 
การสร้าง rollovers โดยใช้ pseudo-class selectors
07:22

กลับข้างบน

7. Typography (เกี่ยวกับเรื่องตัวหนังสือ)

 
ข้อแตกต่างระหว่าง CSS กับ tag Font
02:42
 
การตั้งรูปแบบของตัวหนังสือด้วย Property Inspector
08:41
 
มาตราฐานของหน่วยวัดตัวหนังสือแบบไหนที่ควรจะใช้ ?
03:15
 
การกำหนดพื้นที่ว่างโดยใช้ margins, padding
และ line height
08:34
 
การใช้ font lists
05:45
 
การจัดระเบียบของตัวหนังสือ
02:47
 
05:08
3.17 MB
 
การสร้าง Flash text
06:02

กลับข้างบน

8. Tables

 
เกี่ยวกับ tables
01:28
 
Tables ใน Code view
02:36
 
การสร้างและการใส่ข้อมูลไปใน tables
07:40
 
การเปลี่ยนรูปแบบของ table borders โดยใช้ code XHTML
05:46
 
การใส่สีไปใน tables โดยใช้ code XHTML และ CSS
06:41
 
การจัดระเบียบของข้อมูลใน table
06:39
 
การจัดลำดับ(Sorting)ของข้อมูลใน tables
03:06
 
04:48
3.29 MB
 
การสร้าง Tables แบบที่มีขอบมน
04:35

กลับข้างบน

9. การจัดรูปแบบของหน้าเว็ป (Layout)

 
เครื่องมือที่ใช้ช่วยจัดหน้าใน Dreamweaver
03:08
 
04:58
3.05 MB
 
การใส่ tag AP div
07:29
 
การทำงานกับ Layout Tables
06:55
 
การปรับค่าความกว้างของ table และการทำ nesting tables
05:52

กลับข้างบน

10. การออกแบบหน้าเว็ปให้เข้ากับอุปกรณ์ชนิดต่างๆ
      (Designing for Devices)

 
device หมายถึงอะไรบ้าง
03:14
 
03:05
1.90 MB
 
การตั้ง style sheet สำหรับใช้กับเครื่อง printer
07:41
 
Adobe Device Central
02:19

กลับข้างบน

11. การสร้าง Rollover

 
กฎในการสร้าง rollover
03:31
 
05:36
3.66 MB
 
การสร้าง disjointed rollover(rollover แบบอยู่คนละที่กัน)
07:12
 
การสร้าง navigation bars แบบมีหลายสถานะ
09:21
 
การสร้าง Flash buttons
04:14

กลับข้างบน

12. XHTML

 
06:09
3.93 MB
 
การเปลี่ยนแปลง code ใน code view
03:00
 
toolbar ใน code view
05:11
 
การทำงานกับ Code Collapse
04:27
 
การใช้ Quick Tag Editor
02:20
 
การทำงานกับ snippets
05:25

กลับข้างบน

13. การสร้างหน้า Forms

 
เกี่ยวกับ forms
03:23
 
การใส่ text fields(ช่องใส่ตัวหนังสือ)
09:52
 
05:37
3.27 MB
 
การใส่ lists และ menus
06:05
 
การส่งข้อมูล(submitting)ของสิ่งที่อยู่ใน forms
03:23
 
การตั้งรูปแบบให้สิ่งที่อยู่ใน forms โดยใช้ CSS
04:25

กลับข้างบน

14. ตัว Behaviors ที่มีประโยชน์

 
ตัว Opening a new browser message
(ใช้เปิด browser window ใหม่)
09:38
 
02:50
1.63 MB
 
ตัว Validating text fields (ตรวจสอบความถูกต้องของข้อมูล
ในช่อง forms)
02:42
 
การหาตัว behaviors และ install เพิ่มเติม
07:02
 
การเอาตัว extensions ออก
01:05

กลับข้างบน

15. การทำงานร่วมกันกับ Dreamweaver ของ Fireworks
      และ Photoshop

 
การตั้งโปรแกรมที่ใช้ตกแต่งภาพแบบ External
ใน Preferences
03:18
 
03:11
1.81 MB
 
การทำงานไปมาระหว่าง Dreamweaver กับ Fireworks
หรือ Photoshop
04:39
 
การ copy และ paste
03:50

กลับข้างบน

16. การใช้ Templates และ Library Items

 
ลักษณะการใช้งาน Templates
05:12
 
การสร้าง template ขึ้นใหม่
06:36
 
การใช้งาน templates
03:36
 
การเปลี่ยนแปลง template
01:40
 
การใส่ repeating regions
03:28
 
03:13
2.0 MB
 
การใส่ optional regions
03:34
 
การสร้าง library item
03:48
 
การเปลี่ยนแปลง library item
03:09

กลับข้างบน

17. การใช้งานแบบอัตโนมัติใน Dreamweaver(Automation)

 
การใช้ Panel History
04:24
 
03:25
2.14 MB
 
การใช้ Find และ Replace
05:13

กลับข้างบน

18. เรื่องของการเข้าถึงข้อมูล (Accessibility)

 
Guidelines ของ accessibility โดย W3C
04:06
 
01:29
782 KB
 
การใส่รูปภาพแบบที่สามารถ accessible ได้
03:02
 
การใส่ table แบบที่สามารถ accessible ได้
02:53
 
การใส่สิ่งต่างๆใน forms แบบที่สามารถ accessible ได้
03:14

กลับข้างบน

19. การใส่ Media Objects

 
02:06
1.02 MB
 
การ link กับไฟล์เสียงและไฟล์วีดีโอ
05:56
 
การ embed ไฟล์เสียงและไฟล์วีดีโอ
07:07
 
การตั้ง parameters
04:27
 
การใส่ไฟล์ Flash
02:37
 
การใส่ไฟล์ Flash video
04:04

กลับข้างบน

20. การ Upload เว็ปไซด์

 
การใช้ site reports
03:35
 
03:30
2.34 MB
 
การลงทะเบียนกับ Tripod
06:36
 
การใส่ข้อมูลใน remote info
04:13
 
การ Upload เว็ปไซด์
05:41
 
การ Update และ upload หน้าต่างๆ
05:12

กลับข้างบน

สรุปเรื่อง Dreamweaver CS3

 
บทสรุป
00:44


dreamweaver cs3 logo