วิชาการจัดการธุรกิจด้วยคอมพิวเตอร์ ผู้สอน ดร.ประภาพร บุญปลอด

1. การเขียน W page
eb
ด้ว ย M rom a
ac
edi
D
ream aver
w

2. บทนำา ก่อ นเข้า สูบ ทเรีย น
่
การเขีย น web page ด้ว ยภาษา html
ในสมัย ก่อ นเป็น เรื่อ งที่ม ค วามยุ่ง ยากซับ
ี
ซ้อ น ผู้ท ี่จ ะพัฒ นานัน จำา เป็น ต้อ งมีค วามรู้
้
ความเชีย วชาญ และใช้เ วลาในการ
่
ทำา ความเข้า ใจกับ คำา สัง ต่า ง ๆ มากมาย
่
โปรแกรม Macromedia
Dreamwaver เป็น เครื่อ งมือ ช่ว ยในการ
พัฒ นา web page เป็น เรื่อ งง่า ย เพีย ง
ทำา ความเข้า ใจกับ วิธ ก ารใช้ค ำา สัง ผ่า นการค
ี
่
ลิ๊ก mouse เท่า นัน ท่า นก็ส ามารถ เป็น
้
Webmaster ได้อ ย่า งสบาย ๆ

3. องค์ป ระกอบของระบบ
คอมพิว เตอร์
Hard ware
Soft ware
People ware

4. ความสัม พัน ธ์ร ะหว่า งองค์ป ระกอบ
ต่า ง ๆ ในระบบคอมพิว เตอร์
Software
ประโยช
น์
Hardware

5. Hardware
Input
Mouse
Keyboard
Scanner
Digital
Camera
Touch
Process
CP
U
Output
Monitor
Printer
LCD
Speaker

6. Software
Operation Software
Windows 95 , 98 , ME , 2000 , XP , DOS , UNIX , NT , Linux
Aplication Software
MS-Office , Photoshop , Dreamwaver , Soundforce , Winamp
Utilities Software
Norton antivirus , Mcafee , DiskDoctor

7. Peopleware
User
Admin
Programmer
Technical

8. เครือ ข่า ยคอมพิว เตอร์
Computer Network

9. ประเภทของเครือ ข่า ย
คอมพิว เตอร์
LAN ( Local Area Network )
ภายในองค์ก ร
WAN ( Wide Area Network )
ระหว่า งองค์ก ร

10. องค์ป ระกอบของ Hardware
ในระบบเครือ ข่า ย
คอมพิว เตอร์
Server : Data , Internet
WorkStation or Client
สายสัญ ญาณ : ภายในอาคาร
, ภายนอกอาคาร
อุป กรณ์เ ชือ มต่อ : Lancard , Hub ,
่
Router

11. Work Station
or Client
Server

12. WAN
LAN
Extranet
Intranet
Intranet
Internet
Intranet

13. จะเข้า สู่ internet ได้ค ณ ต้อ ง
ุ
มีอ ะไรบ้า ง ?
Computer
Modem : 56 k
Telephone : Direct
ISP : Loxinfo , A-net , CS
Option
Video conference , Headphone , Microphone

14. ด้า นการสื่อ สารติด ต่อ
การเรีย นรู้
ด้า น

15. Modem
Computer
Interner
Server
สาย
โทรศัพ
ท์
Computer
Modem
ISP
Interner servic provider
สาย
โทรศัพ

16. Download
User
Interner
Server
( Hosting )
Webmaster
Up load

17. การเริ่ม ต้น ใช้ง านโปรแกรม
Macromedia Dreamwaver 4
คลิ๊ก ซ้า ยที่ Start
button จากนั้น
เลื่อ น mouse ไปที่
Programs >>
Macromedia
Dreamwaver 4 >>
Dreamwaver 4 ค
ลิ๊ก ซ้า ยเพื่อ เข้า สู่

18. หน้า จอเริ่ม ต้น ใช้ง านโปรแกรม
Title Bar
Menu Bar
Remote Site Area
Local Folder Area

19. การสร้า ง File ใหม่ สำา หรับ เริ่ม
ต้น การสร้า ง Web page
คลิ๊ก ขวาเลือ กคำา สั่ง New file

20. File ใหม่ท ี่เ กิด ขึ้น จะมีส กุล
เป็น .html
le แรกที่จ ะเป็น Homepage ของ Website จะตั้ง ชื่อ เป็น index.htm

21. หน้า จอพร้อ มใช้ง านสำา หรับ การ
เขีย น Web page
ชื่อ File พร้อ ม location ของ File
คลิ๊ก ที่น ี่เ พื่อ กลับ สู่ห น้า จอจัด การข้อ มูล ใน Web site

22. การใส่ Frames ใน Web page
เลือ กลัก ษณะของ Frames ที่ต ้อ งการ

23. การใส่ Frames ใน Web page
( ต่อ )
Frames บน
Frames ล่า ง

24. การเปลี่ย นสีพ ื้น หลัง ใน Web
page
คลิ๊ก ขวาใน Frames
ที่ต ้อ งการเปลี่ย นสีพ ื้น หลัง
จากนั้น เลือ กคำา สั่ง Page Prope

25. การเปลี่ย นสีพ ื้น หลัง ใน Web
page ( ต่อ )
เลือ กสีท ี่ต ้อ งการ

26. การเปลี่ย น Font ตัว อัก ษรใน
Web page
ข้อ สำา คัญ คือ ต้อ ง
Hi light ข้อ ความที่
ต้อ งการแก้ไ ขก่อ น
เสมอ

27. การเปลี่ย นสีต ัว อัก ษรใน Web
page
ข้อ สำา คัญ คือ ต้อ ง
Hi light ข้อ ความที่
ต้อ งการแก้ไ ขก่อ น
เสมอ

28. การเปลี่ย นสีต ัว อัก ษรใน Web
page ( ต่อ )
เลือ กสีท ี่ต ้อ งการจากนั้น
Click ที่ ปุ่ม OK

29. การตั้ง ค่า รูป แบบตัว อัก ษรใน
Web page
ให้เ ลือ กที่ Preformatted
Text เพื่อ ทำา ให้ส ามารถจัด
ตำา แหน่ง อัก ษรได้อ ย่า งอิส ระ

30. การจัด วางตำา แหน่ง ตัว อัก ษรใน
Web page
ข้อ สำา คัญ คือ ต้อ ง
Hi light ข้อ ความที่
ต้อ งการแก้ไ ขก่อ น
เสมอ

31. การกำา หนดรูป แบบพิเ ศษตัว
อัก ษรใน Web page
ข้อ สำา คัญ คือ ต้อ ง
Hi light ข้อ ความที่
ต้อ งการแก้ไ ขก่อ น
เสมอ

32. การกำา หนดขนาดตัว อัก ษรใน
Web page
ข้อ สำา คัญ คือ ต้อ ง
Hi light ข้อ ความที่
ต้อ งการแก้ไ ขก่อ น
เสมอ

33. การทำา Links เชื่อ มโยงระหว่า ง
Web page
ข้อ สำา คัญ คือ ต้อ ง Hi
light ข้อ ความที่
ต้อ งการทำา links ก่อ น
เสมอ จากนั้น
คลิ๊ก ขวาเพื่อ หาคำา สั่ง

34. การทำา Links เชื่อ มโยงระหว่า ง
Web page ( ต่อ )
เลือ ก File ที่
ต้อ งการ links ไป
หา

35. การใส่ร ูป ภาพลงใน Web page
ข้อ สำา คัญ คือ
กำา หนดตำา แหน่ง
ที่ต ้อ งการวาง
รูป ภาพไว้ก ่อ นเสมอ

36. การใส่ร ูป ภาพลงใน Web page
( ต่อ )
เลือ กแหล่ง ที่เ ก็บ
รูป ภาพที่ต ้อ งการนำา
มาใส่ไ ว้ใ น Web
page

37. การใส่ร ูป ภาพลงใน Web page
( ต่อ )
เลือ กตำา แหน่ง ที่
ต้อ งการจะจัด เก็บ
รูป ภาพไว้ใ น Web
site

38. การแก้ไ ขขนาดรูป ภาพใน
Web page
ใช้ว ิธ ีก ารคลิ๊ก
mouse ซ้า ยค้า ง
แล้ว
ลากปรับ ขนาดตาม

39. การจัด ตำา แหน่ง รูป ภาพใน Web
page
ข้อ สำา คัญ คือ ต้อ งค
ลิ๊ก ซ้า ยที่ร ูป ภาพที่
ต้อ งการจัด ตำา แหน่ง
ให้ Active ก่อ นทุก
ครั้ง เสมอ

40. การใส่ต ารางลงใน Web page
ข้อ สำา คัญ คือ
กำา หนดตำา แหน่ง
ที่ต ้อ งการวางตา
รางไว้ก ่อ นเสมอ

41. การใส่ต ารางลงใน Web page
( ต่อ )
เลือ กจำา นวน Rows
และ Columns
ตามที่ต ้อ งการ

42. การแก้ไ ขขนาดตารางใน Web
page
ใช้ว ิธ ีก ารคลิ๊ก
mouse ซ้า ยค้า ง
แล้ว
ลากปรับ ขนาดตาม
ต้อ งการ

43. ตัว อย่า งการจัด รูป แบบใน Web
page
ใส่ร ูป ภาพ
ในตาราง
Frames บนใช้ใ น
การกำา หนดเมนู
พิม พ์ Text ที่ม ีก ารเชื่อ ม
โยงไปยัง page อื่น ๆ
ตารางที่ใ ช้ใ นการวาง
ภาพและตัว อัก ษร