Dreamwaver

Dreamwaver

การสร้างเว็บไซต์ด้วย

โปรแกรม Adobe Dreamwaver cs3

เริ่มต้นสร้างเว็บ

   - เมื่อเปิดโปรแกรมขึ้นมาแล้วให้ไปที่เมนู Site แล้วคลิกที่ New site
เริ่ม
 - เราจะได้หน้าต่างขึ้นมาให้ทำการในส่วนของ Basic โดยขั้นแรกคือสร้างชื่อของเว็บที่เราจะสร้าง ตาม รูปแล้วกด nextdreamwaver
- Editing Files, Part 2 นี้ให้เลือกตามรูปแล้วกด next เพราะเรายังจะไม่ใช้ server technology อะไรในการสร้างงาน
3
     - ให้ติ๊กตามรูป แล้วในส่วนของตำแหน่งที่จะเก็บไฟล์งานก็แล้วแต่เรา เลือกเก็บในไดร์ฟ d: ไม่เอาไว้ในโฟลเดอร์อื่น  เราจึงให้ชื่อเว็บเราต่อท้ายไดร์ฟ d: โปรแกรมก็จะสร้างโฟลเดอร์ชื่อเว็บ  เราให้เราเก็บไฟล์งานต่างๆ แล้วทำการกด next

4
 - ในส่วนนี้ให้เราเลือก none ตามรูป เรายังไม่ทำการเชื่อมต่อกับ server หรือ ฐานข้อมูลใด แล้วกด next
5

  - หน้านี้จะบอกข้อมูลที่เราได้ทำการสร้างในขั้นตอนที่ผ่านมาให้เราทราบ หากเรียบร้อยเราก็กด Done แต่หากต้องการแก้ไขก็กด Back กลับไปแก้ไขใหม่ได้

6

 - แล้วในส่วนพาเนลด้านขวามือของโปรแกรมจะได้ส่วนเริ่มต้นในการทำงานสร้างเว็บดังภาพ คือ ชื่อ Mysite แล้วขั้นตอนต่อไปก็จะเป็นเรื่องการเตรียมส่วนประกอบต่างๆของเว็บครับ

7

- ส่วนประกอบที่ว่านี้คือแกนหลักที่เราจะสร้างหน้าเว็บขึ้นมา ให้เกิดเว็บเพจขึ้นมา โดยขั้นแรกหลังจาก ที่เราได้ Site มาแล้ว ก็ให้คลิกขวาที่ Site - Mysite ดังรูป แล้วคลิกที่ New File
9
  - เราจะไฟล์เอกสาร html ขึ้นมาให้ทำการเปลี่ยนชื่อเป็น index.html
10
 - เนื่องจากในระบบสากลของเว็บไซต์จะทำการอ่านไฟล์
   index.html เป็นหน้าเริ่มแรกเสมอ    
ดังนั้นหากไม่มีหน้า index.html  แล้วเว็บไซต์ที่สร้างขึ้นมาก็จะไม่ถูกอ่านหรือแสดงเลย

11
 - หลังจากนั้นแล้ว เราควรจะสร้างโฟล์เดอร์ขึ้นมาอีกสัก 1 โฟลเดอร์เพื่อใช้ในการเก็บภาพต่างๆที่ใช้ใน การสร้างเว็บ เพื่อให้เป็นสัดส่วน สะดวกต่อการใช้และหาในการทำงานและแก้ไขเพิ่มเติมในอนาคต
12
- เมื่อสร้างโฟลเดอร์ขึ้นมาก็ให้ตั้งชื่อเพื่อให้ทราบว่าเป็น
โฟลเดอร์อะไร ต่อไปหากมีโฟลเดอร์เยอะขึ้น จะได้ทำงานง่าย 
Macromedia Dreamweaver
Advertisements

ใส่ความเห็น

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: