�ݺ�ߣ

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

บทนำา ก่อ นเข้า สูบ ทเรีย น
่

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

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

ความสัม พัน ธ์ร ะหว่า งองค์ป ระกอบ
ต่า ง ๆ ในระบบคอมพิว เตอร์

Software

ประโยช
น์

Hardware

Hardware

Input
Mouse
Keyboard
Scanner
Digital
Camera
Touch

Process
CP
U

Output
Monitor
Printer
LCD
Speaker

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

Peopleware

User
Admin

Programmer

Technical

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

ประเภทของเครือ ข่า ย
LAN ( Local Area Network )

ภายในองค์ก ร
WAN ( Wide Area Network )

ระหว่า งองค์ก ร

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

Work Station
or Client

Server

WAN
LAN

Extranet
Intranet

Intranet

Internet

Intranet

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

Option
Video conference , Headphone , Microphone

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

ด้า น

Modem

Computer

Interner
Server

สาย
โทรศัพ
ท์
Computer

Modem

ISP
Interner servic provider

สาย
โทรศัพ

Download

User
Interner
Server
( Hosting )

Webmaster

Up load

การเริ่ม ต้น ใช้ง านโปรแกรม
Macromedia Dreamwaver 4

คลิ๊ก ซ้า ยที่ Start
button จากนั้น
เลื่อ น mouse ไปที่
Programs >>
Macromedia
Dreamwaver 4 >>
Dreamwaver 4 ค
ลิ๊ก ซ้า ยเพื่อ เข้า สู่

หน้า จอเริ่ม ต้น ใช้ง านโปรแกรม
Title Bar

Menu Bar
Remote Site Area

Local Folder Area

การสร้า ง File ใหม่ สำา หรับ เริ่ม
ต้น การสร้า ง Web page

คลิ๊ก ขวาเลือ กคำา สั่ง New file

File ใหม่ท ี่เ กิด ขึ้น จะมีส กุล
เป็น .html

le แรกที่จ ะเป็น Homepage ของ Website จะตั้ง ชื่อ เป็น index.htm

หน้า จอพร้อ มใช้ง านสำา หรับ การ
เขีย น Web page
ชื่อ File พร้อ ม location ของ File

คลิ๊ก ที่น ี่เ พื่อ กลับ สู่ห น้า จอจัด การข้อ มูล ใน Web site

การใส่ Frames ใน Web page

เลือ กลัก ษณะของ Frames ที่ต ้อ งการ

การใส่ Frames ใน Web page
( ต่อ )
Frames บน

Frames ล่า ง

การเปลี่ย นสีพ ื้น หลัง ใน Web
page

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

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

เลือ กสีท ี่ต ้อ งการ

การเปลี่ย น Font ตัว อัก ษรใน
Web page

ข้อ สำา คัญ คือ ต้อ ง
Hi light ข้อ ความที่
ต้อ งการแก้ไ ขก่อ น
เสมอ

การเปลี่ย นสีต ัว อัก ษรใน Web
page

เสมอ

การเปลี่ย นสีต ัว อัก ษรใน Web
page ( ต่อ )

เลือ กสีท ี่ต ้อ งการจากนั้น
Click ที่ ปุ่ม OK

การตั้ง ค่า รูป แบบตัว อัก ษรใน
Web page

ให้เ ลือ กที่ Preformatted
Text เพื่อ ทำา ให้ส ามารถจัด
ตำา แหน่ง อัก ษรได้อ ย่า งอิส ระ

การจัด วางตำา แหน่ง ตัว อัก ษรใน
Web page

เสมอ

การกำา หนดรูป แบบพิเ ศษตัว
อัก ษรใน Web page

เสมอ

การกำา หนดขนาดตัว อัก ษรใน
Web page

เสมอ

การทำา Links เชื่อ มโยงระหว่า ง
Web page

ข้อ สำา คัญ คือ ต้อ ง Hi
light ข้อ ความที่
ต้อ งการทำา links ก่อ น
เสมอ จากนั้น
คลิ๊ก ขวาเพื่อ หาคำา สั่ง

การทำา Links เชื่อ มโยงระหว่า ง
Web page ( ต่อ )

เลือ ก File ที่
ต้อ งการ links ไป
หา

การใส่ร ูป ภาพลงใน Web page

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

( ต่อ )

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

( ต่อ )

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

การแก้ไ ขขนาดรูป ภาพใน
Web page

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

การจัด ตำา แหน่ง รูป ภาพใน Web
page

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

การใส่ต ารางลงใน Web page

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

การใส่ต ารางลงใน Web page
( ต่อ )

เลือ กจำา นวน Rows
และ Columns
ตามที่ต ้อ งการ

การแก้ไ ขขนาดตารางใน Web
page

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

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

ตารางที่ใ ช้ใ นการวาง
ภาพและตัว อัก ษร

�ݺ�ߣ

การเขียน๶�ว็บเพจ

More Related Content

การเขียน๶�ว็บเพจ