BlogGang.com : : tutorcat : สอน Dreamweaver CS3 หน้าแรก : แนะนำถึงสิ่งต่างๆที่จะสอน

สอน 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

Create Date : 12 ธันวาคม 2550

Last Update : 12 ธันวาคม 2550 17:48:08 น.

2 comments

Counter : 1416 Pageviews.

เหมือนหนังสือและวีดีโอที่ซื้อมาเลยค่ะ

โดย: กระจ้อน

วันที่: 16 กรกฎาคม 2551 เวลา:19:20:23 น.

ขอบคุณค่ะ

เพิ่งเริ่มหัดเขียนพอดีเลยคุ่

แต่อ่านแล้วปวดหัวค่ะ

อ่านผ่านๆ ไปหลายบทแล้ว

ยัง งง งง อยู่ค่ะ

จะพยายามต่อไปค่ะ

โดย: Ann (ann_shinchang

) วันที่: 10 กุมภาพันธ์ 2552 เวลา:16:00:58 น.