สอน Dreamweaver CS3 หน้าแรก : แนะนำถึงสิ่งต่างๆที่จะสอน ผมอยากจะแนะนำวิธีการใช้งานขั้นพื้นฐานของโปรแกรม Dreamweaver เวอร์ชั่นล่าสุดซึ่งก็คือเวอร์ชั่น CS3 โดยผมนำบทความชิ้นนี้มาแปลและเรียบเรียงใหม่ให้เหมาะสมกับภาษาไทยมากขึ้น จาก //www.vineyardesigns.com/resources/dreamweaver/ โดยจะแบ่งเป็น 10 ตอนและ 3 โปรเจ็คสำหรับฝึกทำเว็ปไซด์แบบต่างๆ เวลาในการแปลและเรียบเรียงให้เสร็จทั้งหมดนี้คงจะประมาณหนึ่งอาทิตย์ ผมจะโพสตอนใหม่ๆเพิ่มขึ้นเรื่อยๆ หลังจากที่ผมทำเสร็จในแต่ละตอนแล้ว ถ้าคุณสนใจเรียนก็เข้ามาเช็คดูได้เรื่อยๆครับ Dreamweaver CS3 เป็นโปรแกรมที่ดีตัวหนึ่งในการใช้สร้างเว็ปไซด์ มันเป็นโปรแกรมในแบบ WYSIWYG หรือ What you see is what you get หมายถึงถ้าคุณเห็นรูปแบบของหน้าเว็ปที่คุณออกแบบเป็นแบบไหนเวลาที่อยู่ในโปรแกรม มันก็จะออกมาเป็นแบบนั้นในบราวเซอร์หรือโปรแกรมที่ใช้ดูหน้าเว็ป มันช่วยให้คุณสร้างหน้า html ได้ โดยที่คุณไม่จำเป็นต้องรู้ code html เลย คุณสามารถ download โปรแกรมเพื่อทดลองใช้ภายใน 30 วันได้จาก link นี้ แต่ก่อนที่คุณจะสร้างเว็ปไซด์ใน Dreamweaver CS3 คุณควรจะทำสิ่งเหล่านี้ก่อน - คิดว่าคุณจะใช้ web hosting ที่ไหนในการ upload เว็ปไซด์ของคุณ จะเอาแบบที่ฟรีหรือเสียเงิน ซึ่งก็แน่นอนว่าแบบที่เสียเงินจะดีกว่า ข้อเสียก็คือคุณต้องจ่ายตัง แต่ถ้าคุณคิดว่าจะลองทำเว็ปไซด์เล่นดูก่อน คุณก็ลองใช้บริการแบบฟรีไปก่อน ผมไปอ่านในเว็ปบอร์ดมีคนแนะนำเว็ปนี้ //www.yourname.or.hn เป็น hosting ของไทยที่ฟรีและไม่มีโฆษณา แต่ผมไม่เคยใช้บริการน่ะครับเลยไม่รู้ว่าดีหรือเปล่า ส่วนบริษัทที่จะรับ host เว็ปไซด์คุณก็ลองหาใน google ดูครับ หลังจากนั้นคุณก็ต้องซื้อ domain name หรือชื่อของเว็ปไซด์ เช่น google.com ซึ่งส่วนใหญ่แล้วบริษัทที่รับ host เว็ปไซด์ก็จะมีบริการนี้อยู่ จริงๆแล้วมันน่าจะเรียกว่าเช่ามากกว่าเพราะคุณต้องเสียค่าบริการเป็นปี แต่ถ้าคุณใช้ host แบบฟรีและยังไม่ได้จดชื่อ domain คุณก็ใช้ชื่อที่เป็นแบบ Sub-domain หรือ Sub-directory ไปก่อน เช่น //yourname.exteen.com หรือ //exteen.com/yourname ซึ่งก็ใช้ได้ทั้งสองอย่าง แล้วแต่ว่าบริษัทที่ host เว็ปคุณจะให้ตั้งแบบไหน - หลังจากนั้นคุณก็ต้องคิดว่าเว็ปไซด์ของคุณจะเกี่ยวกับอะไร มีกี่หน้า แล้วก็ออกแบบหน้าตาของเว็ปไซด์ โดยใช้โปรแกรมที่ใช้ทำกราฟฟิค เช่น โฟโต้ช็อป แล้วคุณก็ควรเตรียมรูปที่จะเอาใส่ไว้ในหน้าเว็ปที่เป็น gif หรือ jpg และถ้าไซด์คุณจะมี Flash animation คุณก็ควรทำไฟล์เตรียมเอาไว้ด้วย นี่คือตอนและโปรเจ็คต่างๆ ที่เราจะมาเรียนรู้ในการใช้งานขั้นพื้นฐานของโปรแกรม Dreamweaver CS3 ตอนที่ 01 : การ define site ใหม่ใน Dreamweaver ตอนที่ 02 : การสร้าง Dreamweaver Template ตอนที่ 03 : การสร้าง Page Layout หรือรูปแบบของหน้าเว็ปใน Dreamweaver Template ตอนที่ 04 : การสร้าง CSS Style Sheet ตอนที่ 05 : การใส่องค์ประกอบต่างๆของหน้าเว็ปไปใน Dreamweaver Template : ตัวหนังสือและรูปภาพ ตอนที่ 06 : การสร้าง Libraries และ Server Side Includes ตอนที่ 07 : การกำหนด Editable Regions ใน Template ตอนที่ 08 : การสร้างหน้า Html ในเว็ปไซด์ทั้งในหน้าที่เป็นส่วนของเนื้อหาและหน้าที่เป็นฟอร์ม ตอนที่ 09 : การสร้าง link ในหน้าเว็ป ตอนที่ 10 : การทดสอบการใช้งานของเว็ปไซด์และการ upload เว็ปไซด์ไปยัง Server ที่ host เว็ปไซด์ของคุณ โปรเจ็ค 01 : การสร้างรูปแบบของหน้าเว็ปโดยใช้ Table โปรเจ็ค 02 : การสร้างรูปแบบของหน้าเว็ปโดย DIV/CSS แทนการใช้ Table โปรเจ็ค 03 : การสร้างเว็ปไซด์ที่มี Server Side Includes เอาละครับ ตอนด่อไปเราจะพูดถึงเรื่อง การ define site ใหม่ใน Dreamweaver CS3 เหมือนหนังสือและวีดีโอที่ซื้อมาเลยค่ะ
![]() โดย: กระจ้อน
![]() ขอบคุณค่ะ
เพิ่งเริ่มหัดเขียนพอดีเลยคุ่ แต่อ่านแล้วปวดหัวค่ะ อ่านผ่านๆ ไปหลายบทแล้ว ยัง งง งง อยู่ค่ะ จะพยายามต่อไปค่ะ โดย: Ann (ann_shinchang
![]() |
บทความทั้งหมด
|