จากรูปเราเลือกที่ 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 ทำให้เราท่านที่มาเยี่ยมชมเว็บไซต์ของเรา ไม่เห็นรูป แต่ผู้สร้างชิ้นงานเห็นรูปเท่านั้น

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