สยามเว็บไทย ใส่ใจเว็บคุณ บริการดูแลเว็บ SEO จัดทำเว็บ ออกแบบเว็บ

มาเริ่มต้นใช้งาน Dream Weaver กันแบบถูกวิธี ที่เขียนบทความนี้เนื่องจากมีหลายคนใช้งาน Dream Weaver เป็น แต่เริ่มต้นการใช้งาน แบบผิดๆ ส่งผลให้ path รูปใน Dream Weaver ชี้มาที่ เครื่องเราเวลา upload ชิ้นงาน Website ที่สร้างขึ้นไปบน Hosting จึงชี้ไปที่เครื่องคอวพิวเตอร์ที่ผู้จัดทำแทนที่จะแสดงรูปที่อยู่บน server นะครับ ว่าแล้วเราก็มาเริ่มต้นสร้างงานกันเลย

จากรูปเราเลือกที่ Files>> Manage Sites

กด New เพื่อสร้าง Project งานของเรา

เลือกที่ Advance
Local Info
ตั้งชื่อ Site name = ชื่อชิ้นงานของเรา
Local root folder = ตำแหน่งเริ่มต้นของชิ้นงาน
Defaul images folder = ตำแหน่งเริ่มต้นของรูป ไม่ต้องใส่

กรณีที่เราพัฒนาโดยใช้ php , asp, หรืออื่น ๆ ให้เราเลือก (*ทิป กรณีsetup ตำแหน่งตรงนี้เวลากด F12จะสามารถรันได้ กรณีเราพัฒนาโดย php,asp, jsp ฯลฯ)
Testing server:
Server model: จะเลือก หรือไม่เลือกก็ได้ ในที่นี้ผมใช้ PHP+Mysql
Access: เลือกที่ Local Network
Testing server folder: เลือกไปที่ webroot ของเรา
มาดูผลหลังจากการสร้างชิ้นงานตัวนี้เป็นของ  www.siamranking.com

เท่านี้เราก็จะสร้างชิ้นงานได้ เวลา upload ไปที่ไหนก็ไม่ต้องกลัวเรื่อง path รูปผิด คราวนี้เรามาดูปัญหาที่เกิดจากการไม่สร้าง ชิ้นงานตามที่ผมบอกนะครับ ว่า path จะแสดงเป็นอย่างไร

ในที่นี้ผมใส่ โลโก้ ชิมไปบ่นไป จากเว็บ (www.chimpai.com) ซึ่งผมลอง save รูปมาไว้บนเครื่องแต่ในที่นี้เราไ่ม่ได้สร้างชิ้นงานขึ้นมาดู สังเกตุว่า รูปจะแสดงปกติ แต่พอเรามาดูในส่วนของ path รูป ที่ code จะเห็นดังนี้ครับ

<img src=”file:///C|/Documents and Settings/Admin/Desktop/head_20080703110234/Image/image2.png” width=”240″ height=”99″ /> ตรงนี้แหละครับที่ทำให้เราเห็นรูปเฉพาะเครื่องที่เราสร้างชิ้นงานขึ้นมา เมื่อ upload Web ขึ้นไปบน Hosting ทำให้เราท่านที่มาเยี่ยมชมเว็บไซต์ของเรา ไม่เห็นรูป แต่ผู้สร้างชิ้นงานเห็นรูปเท่านั้น

ขอให้สนุกกับการทำเว็บ ออกแบบเว็บ ทุกคนนะครับ