About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

การตั้งไซต์งานใหม่ (New Site, Site Setup) [Article ID : 100]


เรื่อง : เริ่มต้นใช้งานโปรแกรม Dreamweaver ต้องทำ Site Setup ก่อน

ก่อนที่เราจะใช้งานโปรแกรม Dreamweaver เพื่อการสร้างเว็บไซต์ได้นั้น เราต้องทำการตั้งไซต์ (New Site/Site Setup) ของเว็บขึ้นมาเสียก่อน มิฉะนั้นแล้ว...โปรแกรมจะไม่ทราบถึงตำแหน่งของ Folder ที่ใช้ในการเก็บไฟล์ต่าง ๆ ของเว็บไซต์เรา ซึ่งจะทำให้เกิดปัญหาต่าง ๆ ตามมาในการทำเว็บของเรากับโปรแกรมครับ โดยโปรแกรม Dreamweaver จะยอมให้เราบันทึกไฟล์งานได้ในเฉพาะโฟร์เดอร์ที่เราทำการกำหนดหรือตั้งไซค์งานไว้แล้วเท่านั้นครับ

วิธีการตั้งไซต์งาน (Site Setup/Site Definition)

ในการตั้งไซต์งานของโปรแกรม Dreamweaver นั้น จะมีอยู่ด้วยกัน 2 รูปแบบ คือ
1. การตั้งไซต์งานเพื่อสร้างเว็บในแบบ Static ซึ่งเป็นการตั้งไซต์งานเพื่อสร้างเว็บในรูปแบบของ HTML โดยปรกติ
2. การตั้งไซต์งานเพื่อสร้างเว็บในแบบ Dynamic ซึ่งเป็นการตั้งไซต์งานเพื่อพัฒนาเว็บในรูปแบบที่มีการใช้งานภาษาทาง Web Programming อย่างเช่น PHP, JSP เข้าร่วมในการพัฒนาเว็บ (คลิกที่นี้เพื่ออ่านการตั้งไซต์ในแบบ Dynamic)
**สำหรับในบทความนี้ จะขอแนะนำการตั้งไซต์งานในรูปแบบที่ 1 ครับ

การตั้งไซต์งานเพื่อสร้างเว็บในแบบ Static (HTML)

หากต้องการจัดทำเว็บไซต์ โดยมีการใช้เฉพาะ HTML, CSS และ JavaScript เท่านั้นกับเว็บไซต์เรา เราสามารถตั้งไซต์ในแบบ Static ได้ ดังนี้

1. ไปที่ Menu Bar ของโปรแกรม Dreamweaver แล้วเลือกที่ Site จากนั้นเลือกไปที่เมนู New Site ดังรูป 2. จากนั้นจะปรากฏ Window ที่ชื่อ Site Setup หรือ Site Definition ขึ้นมา ให้กำหนดค่าดังนี้ - Site Name : ทำการกำหนดชื่อไซต์ของเราลงไป ดังในรูป ผมกำหนดชื่อไซต์เป็น DwThai.Com เป็นต้น
- Local Site Folder : ทำการกดที่ปุ่ม Browse... เลือกไปยัง Folder ที่เราต้องการเก็บไฟล์เว็บไซต์ของเรา

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

คลิปประกอบบทความ

*คลิกที่โลโก้ YouTube เพื่อเข้าดูที่ยูทูปนะครับ จะสามารถขยายจอดูได้

เราสามารถสร้างไซต์อื่น ๆ ได้อีก ตามต้องการกับโปรแกรม Dreamweaver ของเราครับ โดยขั้นตอนต่าง ๆ ตามที่ได้อธิบายมา อย่างไรลองใช้กันดู
About the Author
Mr.Sittichai Raksasuk

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com



บทความอื่นที่คุณอาจสนใจ

การสร้างจุด Link ด้วยรูปภาพ (Image Link)

เรื่อง : การสร้าง Link ในแบบ Image Link ในบทความก่อนได้แนะนำการสร้างลิงค์ด้วยข้อความกันไปแล้ว มาในบทความนี้ จะมาแนะนำการ...  

การใส่เสียงเพลงประกอบเว็บเพจ หรือไฟล์ Audio ให้กับเว็บ (HTML5)

เรื่อง : วิธีการใส่เสียงเพลง (Audio) ประกอบหน้าเว็บด้วยโปรแกรม Dreamweaver CC บางครั้งเราอาจจะมีความต้องการดึงดูดผู้ที่เข้...  

ก้าวแรกของนักพัฒนาเว็บ : ทำความรู้จักกับโปรแกรม Dreamweaver

เรื่อง : ก้าวแรกสู่การเป็นนักพัฒนาเว็บไซต์ เริ่มทำความรู้จักกับโปรแกรม Dreamweaver Dreamweave...  

สร้างจุด Link ภายในเว็บเพจเดียวกัน (Named Anchor)

เรื่อง : การสร้างจุด Link ภายในเว็บเพจเดียวกันด้วย Dreamweaver Web Page เราสามารถกำหนดจุด หรือตำแห...  


Copyright ©2003-2018 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*