โปรดศึกษาและยอมรับนโยบายส่วนบุคคนก่อนเริ่มใช้งาน [นโยบายส่วนบุคคล]
ยอมรับ
♦ สอนโปรเเกรม Dreamweaver 8 ♦โปรเเกรมสร้างเว็บ อัพเดท เเล้ว 3/7/54
mooham8247
#1
02-07-2011 - 19:28:29

#1 mooham8247  [ 02-07-2011 - 19:28:29 ]





บทเรียน
บทที่ 1 ทำความรู้จักกับ Dreamweaver 8


วิธีการเข้าสู่โปรแกรมมีขั้นตอนดังนี้

1.คลิก

2. เลือกที่ Program > Macromedia > Macromedia Dreamweaver 8 โปรแกรมจะทำงาน และเปิดหน้าต่างโปรแกรมขึ้นมา


3.โปรแกรมถุดเปิดขึ้นมาแล้ว



หน้าต่างเปิดงาน



1.เปิดงานที่เรากำลังทำค้างอยู่ ดปรแกรมจะแสดงงานที่เราเปิดใช้บ่อยๆ ไว้ด้านบน

2.เลือกประเภทงานที่ต้องการสร้างใหม่ ได้แก่ HTML , Coldfusion, PHP ASP ,JavaScrip ฯลฯ

3.เลือกงานตามฟอร์มที่โปรแกรมจัดไว้ให้โดยมีรุปแบบให้เลือกหลายประเภท



4.เรียนรู้โปรแกรมทางเว็บไซต์ www.Macromedia.com

5.เรียนรู้โปรแกรมจากโปรแรกมช่วยสอน



หลังจากที่เลือกโปรแรกมเสร็จแล้ว เราจะพบกับหน้าต่างการทำงาน ซึ่งประกอบด้วย



1.Title Bar คือ ส่วนที่แสดงชื่อโปรแกรม และชื่อไฟล์ที่กำลังทำงานอยู่



2.Menu Bar คือ ส่วนที่รวมคำสั่งการทำงานทั้งหมด แล้วแบ่งย่อยตามประเภทและในคำสั่งหลักมักจะมีเมนูลัดให้กดด้วย



3.Object Palette คือ แถบแสดงปุ่มต่างๆของโปแกรม



เราสามารถเลือกประเภทคำสั่งได้ด้วยการคลิกที่ Common จะปรากฏเมนูขึ้นมา



หากเราคลิกปุ่ม Show as Tabs ก็จะเป็นการแสดงเครื่องมือดังนี้



4.Toolbar คือ แถบเครื่องมือสำหรับการใช้งานด้าน HTML และอินเตอร์เน็ท ประกอบด้วย



Show Code View แสดงการทำงานในรูปแบบ HTML

Show Code and Design Views แสดงการทำงานแบบ HTML ควบคู่กับแสดงพื้นที่ออกแบบ

Show Design View แสดงการทำงานแบบแสดงพื้นที่ออกแบบ

Document Title ตั้งชื่อของเว็บเพจ

Check Errors ตรวจสอบข้อผิดพลาดจาก Browser

File Management จัดการกับไฟล์ๆ ที่อยู่ในเว็บเพจ

Preview / Debug in Browser ทดลอง ดูเว็บเพจทาง Browser หรือกด F12

View Options มุมมองในการทำงานเพิ่มเติม

5.หน้าต่างออกแบบเว็บเพจ ใช้พิมพ์ข้อความและจัดเรียงรูปภาพ

6.Tag Selector ใช้ควบคุมการทำงานในรูปแบบ HTML



7.Window Size กำหนดพื้นที่ใช้งานตามต้องการ



8.Estimate Download Time แสดงเวลา ที่ใช้ในการดาวน์โหลด



9.Properties ใช้กำหนดรูปแบบต่างๆ ของตัวอักษร และรูปภาพ รวมถึงการสร้างลิงค์



หน้าต่าง Proties สามารถจะเปิดปิดได้ตามต้องการด้วยการคลิกที่ เพื่อขยายหน้าต่างการทำงานให้มากขึ้น
หรือคลิกที่ Window > properties ก็ได้เช่นกัน



10. Dockable Window เปิดหน้าต่างที่รวบรวมเครื่องมืออำนวยความสะดวกเอาไว้ โดยคลิกที่ เพื่อเปิด-ปิดได้ เช่นเดียวกับ Properties



การสร้าง Site ก็เพื่อที่เวลาสร้างเว็บไซต์ ข้อมูลจะได้ถูกจัดอย่างเป็นระเบียบ ไม่กระจัดกระจาย ง่ายต่อการตรวจสอบ วิธีการสร้างก็ง่ายๆ ตามรูปเลยครับ




















บางอย่าง ก็ ทำการรวบรวมเอง บางอย่าง ค้นหา จากเว็บ เเล้วมาผสมผสานกัน ระหว่างข้อมูล

การ สร้างกระทู้นี้ใช้เวลาพอสมควร ที่จะ สร้าง ครอบครัว กับ บ้าน ใน the sims 3เสร็จได้เลย

รอ การตอบสนองว่า ชอบหรือเปล่า ข้อมูลนั้น มีอีก เพียบ บทเรียนนี้ ผมตั้งมาเพื่อ ที่จะให้ทุกคนเรียนรู้การสร้างเว็บที่ดี

มี อยู่ทั้ง หมด 8 บทด้วยกันครับ




*ถ้าข้อมูลนี้มีประโยนช์ โหวตกระทู้เพื่อให้ อยู่ หน้าๆ ด้วยนะครับ ขอบคุณครับ*

ปล. ท่านใดไม่มีโปรเเกรม โหลดได้ทีนี้ http://www.mediafire.com/?fxti2zizgti




เครดิต ทั้งหมด school.obec


แก้ไขล่าสุดเมื่อ 2011-07-14 16:35:32
I_LOVE_CONAN
Praewiio
funny1155

mooham8247
#2
02-07-2011 - 20:42:10

#2 mooham8247  [ 02-07-2011 - 20:42:10 ]





ดันหน่อย ๆ


lovemiku
#3
02-07-2011 - 20:45:01

#3 lovemiku  [ 02-07-2011 - 20:45:01 ]






ขอบคุณมากคะ กำลังหาวิธีอยู่พอดี


Haruga_Norigo
#4
02-07-2011 - 20:50:39

#4 Haruga_Norigo  [ 02-07-2011 - 20:50:39 ]





มันคืออะไรนิ


mooham8247
#5
02-07-2011 - 20:53:57

#5 mooham8247  [ 02-07-2011 - 20:53:57 ]





quote : Haruga_Norigo

มันคืออะไรนิ


เป็นโปรเเกรมสร้างเว็บครับ ลองใช้กันเเล้วอย่าลืมกด โหวต ด้วยนะครับ


patty_zeeza
#6
02-07-2011 - 21:11:11

#6 patty_zeeza  [ 02-07-2011 - 21:11:11 ]




โอ้ววว...................
เจ๋งจร้าาา...........


mooham8247
#7
02-07-2011 - 21:22:35

#7 mooham8247  [ 02-07-2011 - 21:22:35 ]





quote : patty_zeeza

โอ้ววว...................
เจ๋งจร้าาา...........


ขอบคุณ จ้าา


lion328
#8
03-07-2011 - 06:36:33

#8 lion328  [ 03-07-2011 - 06:36:33 ]






ช่วยดัน สำหรับคนใช้ไม่เป็น



เขียนได้ดี เขียนได้ถูกต้อง เราอ่านแล้ว เราชอบมาก
mooham8247
#9
03-07-2011 - 06:39:02

#9 mooham8247  [ 03-07-2011 - 06:39:02 ]





ดัน คับ ตกเเล้วนะ ไม่มีกำลังใจอัพ บท ต่อไป เเล้วนะ (มี วาง รูป วางลิงค์ เชื่อมต่อลิงค์ กับ ตัวอักษรอีก มากมาย)


lovemiku
#10
03-07-2011 - 17:00:20

#10 lovemiku  [ 03-07-2011 - 17:00:20 ]






มาช่วยดันคะ ได้โปรดเถอะนะคะจะเอาข้อมูลไปสร้างเว็บคะ ได้โปรด ได้โปรด
เห็นใจเด็กตัวน้อยๆตาดำเถอะนะคะ


p-o-o
#11
03-07-2011 - 17:02:52

#11 p-o-o  [ 03-07-2011 - 17:02:52 ]






ขอบคุณสำหรับ จขกท.มากค่ะ

คือกำลังจะเรียนเรื่องนี้พอดี

จะได้เอาไปแข่งวิชการ



ไม่เล่นบอร์ดนี้แล้วน้อออ
poppydeer123
#12
03-07-2011 - 17:22:24

#12 poppydeer123  [ 03-07-2011 - 17:22:24 ]





jamskung
#13
03-07-2011 - 17:30:31

#13 jamskung  [ 03-07-2011 - 17:30:31 ]





ช่วยดันคับส่วนตัวใช้เป็นอยู่แล่้ว ^0^


mooham8247
#14
03-07-2011 - 20:43:42

#14 mooham8247  [ 03-07-2011 - 20:43:42 ]





ขอบคุณครับ เสียงตอบรับ ดีมากเลย ขอบคุณครับ


mooham8247
#15
03-07-2011 - 20:44:27

#15 mooham8247  [ 03-07-2011 - 20:44:27 ]





ดันส์หน่อย


แก้ไขล่าสุดเมื่อ 2011-07-03 20:46:55

mooham8247
#16
03-07-2011 - 20:44:44

#16 mooham8247  [ 03-07-2011 - 20:44:44 ]





บทที่ 2 เริ่มสร้างข้อความบนเว็บเพจ

การสร้างข้อความบน Dreamweaver 8 มีอยู่ด้วยกัน 3 วิธี ดังนี้
1.พิมพ์ข้อความลงในส่วนของหน้าจอการทำงานเลย เป้นวิธีที่ง่ายที่สุด เราแค่เตรียมเนื้อหาให้พร้อม จากนั้นก็ลุยพิมพ์ได้เลย



2.พิมพ์ข้อความจากโปรแกรมอื่น แล้วก๊อป...มาใส่ที่หน้าจอการทำงาน เป็นอีกความสามารถหนึ่งของ Dreamweaver 8 ที่สนับสนุนการโอนย้ายข้อมูลจากโปรแกรมอื่น เช่น Word , Excel และ Notepad โดยสามารถนำมาใส่ที่หน้าจอารทำงานได้เลย และยังแสดงผมได้เหมือนต้นฉบับอีกด้วย

3.พิมพ์ในรูปแบบการทำงานแบบ HTML อันนี้สำหรับคนที่ถนัดถาษา HTML สักหน่อย ก็อาจจะคลิก แล้วพิมพ์ข้อความลงในส่วน <body>หรือ <head>




+--ข้อควรจำ--+
ในเรื่องของการพิมพ์ข้อความ ก็้เลือกเอาตามความถนัดเลย แต่ควรตรวจเรื่องของ Font ให้ดี เพราะบาง Font อ่านไทยไม่ได้ โดนสามรถตั้งค่าได้โดยการกด Ctrl + U แล้วก็จะได้หน้าต่าง Preferences ดังรูป




วิธีการเปลี่ยนขนาด




วิธีการเปลี่ยนรูปแบบตัวอักษร
1.ลากเมาส์ข้อความที่ต้องการเปลี่ยน
2.คลิกที่ Font เพื่อเลือก Font ที่ต้องการ ควรเป็น MS Sans Serif

การเปลี่ยนขนาดตัวอักษร
1.ลากเมาส์ข้อความที่ต้องการเปลี่ยนแปลง
2.คลิกที่ Size เพื่อปรับขนาดตามต้องการ


3.ตัวอักษรจะเปลี่ยนขนาดไป


วิธีการเปลี่ยนสีตัวอักษร


วิธีการเปลี่ยนสีตัวอักษร
1.ลากเมาส์ข้อความที่ต้องการเปลี่ยนแปลง
2.คลิกทีปุ่ม Text color เพื่อเลือกสี



3.ตัวอักษรจะเปลี่ยนสีแล้ว



การจัดเรียงข้อความในเพจ



การจัดก็จะคล้ายๆกับพวก Microsoft word ที่เรารู้กันดีนั่นแหละ ครับ



หากคุณต้องการใช้คำสั่งจัดเรียงข้อความที่บรรทัดใด ก็ให้คลิกเคอร์เวอร์ ไปที่บรรทัดนั้น แล้วคลิกทำสั่งได้เลย








แก้ไขล่าสุดเมื่อ 2011-07-03 21:03:15

mooham8247
#17
03-07-2011 - 21:03:53

#17 mooham8247  [ 03-07-2011 - 21:03:53 ]





ขอดัน ครับ


I_LOVE_CONAN
#18
04-07-2011 - 16:44:09

#18 I_LOVE_CONAN  [ 04-07-2011 - 16:44:09 ]





อยากได้แบบเป็นภาษาไทยอะมีไหมครับ
เพราะอ่านอังกฤษไม่ค่อยออก



อยากเล่นซิมส์ 4
lovemiku
#19
04-07-2011 - 17:03:21

#19 lovemiku  [ 04-07-2011 - 17:03:21 ]






^
^^
^^^
คิดซะว่าฝึกอังกฤษไปในตัว ขนาดเราไม่ค่อยเก่งยังมั่วๆเอาเลย(เอ๊ะ แล้วมันเกี่ยวกันตรงไหน)


mooham8247
#20
04-07-2011 - 17:15:39

#20 mooham8247  [ 04-07-2011 - 17:15:39 ]





ดันครับ

บทที่ 3 อัพพรุ่งนี้นะ ^_^



ลงข้อความได้เฉพาะสมาชิก
ต้องสมัครเป็นสมาชิกและ login เข้าสู่ระบบก่อนถึงจะสามารถลงความเห็นได้
เข้าสู่ระบบสมัครสมาชิก



ข้อมูลเมื่อ 22nd March 2024 13:27

โปรดศึกษาและยอมรับนโยบายส่วนบุคคนก่อนเริ่มใช้งาน [นโยบายส่วนบุคคล]
ยอมรับ