|
| 1 |
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 | |
|
|
|
|
|
|
|
สอน 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 : 1589 Pageviews. |
 |
|
|
โดย: กระจ้อน วันที่: 16 กรกฎาคม 2551 เวลา:19:20:23 น. |
|
|
|
โดย: Ann (ann_shinchang ) วันที่: 10 กุมภาพันธ์ 2552 เวลา:16:00:58 น. |
|
|
|
|
|
|
|