วันจันทร์ที่ 26 มีนาคม พ.ศ. 2555

วิธีใช้ DREAMWEAVER 8 บทที่1

วิธีใช้ DREAMWEAVER 8 บทที่1


สำหรับการเรียนรู้วิธีการสร้างเว็บไซต์ด้วยตนเองในวันนี้ จะเริ่มจากบทที่ 1 คือการกำหนดLocal site และการสร้างหน้าแรกของเว็บไซต์ สำรวจความพร้อมของเรากันสักนิด 
~
คอมพิวเตอร์ติดตั้งโปรแกรม DREAMWEAVER 8 เรียบร้อย
~มีอินเตอร์เน็ตสำหรับการค้นหาข้อมูลและภาพประกอบ
~คุณสมบัติของผู้ที่จะทำ ใจรักมีความสนใจ มีความรู้พื้นฐานคอมพิวเตอร์ใช้งานอินเตอร์เน็ตเป็น
ขั้นตอนแบบstep by step (การกำหนด Local site) ก็คือโฟลเดอร์ในเครื่องที่จะเก็บข้อมูลเว็บไซต์เรานั้นเอง
1
เปิดโปรแกรม DREAMWEAVER ขึ้นมาตามภาพ จากนั้นไปที่เมนู site >> New Site







2
กำหนดชื่อของเว็บไซต์ ตามตัวอย่างผมใส่ Golopburi ,และช่อง http address (ชื่อของเว็บเราแบบทางการที่จะให้ผู้ใช้งานเข้ามาดู) ให้เรากรอกเข้าไปตามโดเมนเนมที่เรามีอยู่ แต่ถ้าไม่มีหรือยังไม่ได้จด ก็คลิก Next ต่อไปได้เลย








3 ในขั้นตอนนี้ให้เราคลิก Next ต่อไปได้เลยครับ








4 การกำหนดเส้นทางทีจะไปยังโฟลเดอร์ที่จะเก็บข้อมูลของเรา ให้คลิกสัญญลักษณ์แฟ้ม เพื่อเข้าไปเลือก หรือสร้างโฟลเดอร์รองรับข้อมูลเว็บไซต์ของเรา ตามตัวอย่างผมกำหนดไว้ที่ไดร์ฟ c:\Golopburi ,จากนั้นคลิก Next







5
จะถามเกี่ยวกับ Host FTP สำหรับให้เราupload ไฟล์ข้อมูลขึ้นไปเพื่อให้แสดงบนอินเตอร์เน็ต ถ้าเรายังไม่มีข้อมูลเว็บโฮสต์ในขั้นตอนนี้ ก็เลือก None ,และคลิก Next ผ่านไปก่อน แล้วเราค่อยมากำหนดทีหลังได้




6
ภาพแสดงข้อมูลการกำหนดค่า Local site ของเราเสร็จเรียบร้อย ,คลิกDone




7
การสร้างหน้าแรกของเว็บไซต์ ให้ไปที่เมนู File>> New





8
ให้เลือก Page Design(CSS) ,Halo Left New ตามภาพตัวอย่าง ,คลิก Create







9
จะให้เราบันทึกซื่อไฟล์ ให้เรากำหนดเป็น index ,คลิก save





10
รูปแบบไฟล์ที่เราเลือกต้องการส่วนประกอบเพิ่มเติม เพื่อการทำงานที่ถูกต้อง ให้เราคลิกCopy ได้เลยครับ








11
ถ้าเราทำถูกต้องเราก็ควรจะได้ภาพหน้าตาของไฟล์ index ที่เราพึ่งกำหนดขึ้นมาตามภาพ เป็นการจบการสร้างเว็บไซต์ด้วยตัวเองในบทที่1 ครับ สำหรับบทต่อไป ผมจะได้มาแนะนำการเปลี่ยนแปลงข้อความ เมนู ภาพและอค์ประกอบอื่นๆ ของหน้าเว็บเพจนี้ให้เป็นตามที่เราต้องการ อย่าลืมติดตามบทตอไปนะครับ



หมายเหตุ: ใช้ได้กับทุกเวอร์ชั่นนะครับ

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น