About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

องค์ประกอบเว็บไซต์ในแบบ CDP [Article ID : 163]


เรื่อง :: องค์ประกอบเว็บไซต์ในแบบ CDP

CDP คืออะไร CDP เป็นอักษรย่อของคำว่า Content - Design - Program ครับ ผมพบคำนี้ใน Webboard แห่งหนึ่งครับ ผมสดุดใจกับอักษรนี้ที่เขายกขึ้นมา ผมเลยนำมาขบคิดต่อ และเลยจัดทำเป็นบทความนี้ขึ้น โดยจะอธิบายตามสิ่งที่ผมคิดได้ดังนี้ (ขอขอบคุณผู้ที่จุดประกายความคิดนี้ผ่านไปด้วยเลยนะครับ)

C -> Content and Concept

Contents หรือ เนื้อหาสาระ website ที่ดี ต้องมีเนื้อหาสาระภายในเว็บไซต์ที่ดี ตรงกลุ่มเป้าหมาย และชัดเจนในเนื้อหาที่เว็บนั้น ๆ พยายามนำเสนอ และผมอยากจะบอกว่าไอ้เจ้าเนื้อหานี้แหละ สำคัญที่สุดในการจัดทำเว็บไซต์ ผมเคยต้องตอบคำถามน้อง ๆ หลายคนว่า..น้องต้องการทำเว็บนะ น้องจะทำเว็บอะไร เนื้อหาเป็นแบบไหน ไหนลองตอบพี่มาสิ...หลายรายบอก..ไม่รู้อะพี่..แต่อยากทำ ผมมักได้รับคำตอบแบบนี้เข้ามาเรื่อย ๆ เสมอ ๆ ผมก็เหนื่อยใจแทนนะครับ การที่เราจะทำเว็บไซต์ได้ เราต้องมีข้อมูล หรือ เนื้อหา ที่จะนำมาจัดทำเว็บอยู่แล้ว หรือมีอยู่จำนวนหนึ่ง แต่ถ้าไม่มีอะไรมาเลยนั้น คงจะทำเว็บไซต์ไม่ได้แน่นอน และเมื่อไม่มี Content แล้ว Concept ในการจัดทำก็จะไม่มีแน่นอน ฉะนั้น..ผมขอสรุปว่า...เนื้อหาภายในเว็บไซต์ สำคัญมาเป็นอันดับหนึ่งในการจัดทำเว็บไซต์
Concept ->เว็บที่ดีต้องมีคอนเซ็ปในการจัดทำ และต้องให้ออกมามีเอกภาพเดียวกัน ผมเคยเห็นหลาย ๆ เว็บ เข้าไปแล้ว หน้าแรกสีน้ำเงิน หน้าต่อไปสีเขียว หน้าต่อไปสี...หลายสีเลยทั้ง ๆ ที่เป็นเว็บเดียวกัน และเนื้อหาเดียวกัน การออกแบบ ๆ นี้ทำให้เรารู้สึกถึงการขาด Concept ที่ดีในการจัดทำ ซ้ำยังทำให้ผู้ชมเว็บมีความรู้สึกสับสนภายในเว็บไซต์ของเรา

D -> Design


Design หรือการออกแบบเว็บไซต์ให้ดูดีนั้น ก็เป็นเรื่องที่น่าให้ความสำคัญเช่นเดียวกัน หลายเว็บไซต์ Content ดีมาก ๆ แต่เมื่อเราเข้าไปแล้วเราจะมีความรู้สึกตำหนิคนจัดทำเว็บนิดนึง ตรงที่ ทำไมไม่ทำให้ดูดีกว่านี้นะ..การออกแบบ ไม่จำเป็นต้องมีความหรูหราอลังการ แต่ขอให้เราออกแบบให้เหมาะสมกับเว็บนั้น ๆ ไม่ใช่เราชอบเว็บในแบบหวือหวา พอให้ทำเว็บที่ต้องการความเรียบง่ายแต่ดูดี เช่นเว็บในแบบสถานศึกษาที่ต้องการความเรียบง่ายแต่แฝงไปด้วยความดูดี ก็ไม่สามารถทำได้ เราจะไปใช้ Flash แบบหรูหราแบบนั้น ก็ย่อมทำได้ แต่อย่าลืมว่าเว็บบางเว็บต้องเน้นข้อมูลมากกว่าให้ผู้เข้าชมเว็บรอโหลดหน้าเว็บเพจนานเกินไป ผลสุดท้าย ผู้ชมไม่ได้ข้อมูลอะไรเลย ได้แต่ดู Flash แล้วก็เน็ตหลุดไป..เทคนิคทางกราฟิค + ความเหมาะสมต้องนำมาพิจารณาก่อนการ Design เสมอ

P -> Program


Program หรือ โปรแกรม ในที่นี้หมายถึงโปรแกรมภายในเว็บไซต์ของเรา เช่น โปรแกรม webboard, guestbook, member system เป็นต้น ส่วนนี้จะเป็นส่วนที่มาช่วยให้เว็บของเรามีความฉลาดขึ้น หลังจากที่เราผ่านขั้นตอนของ Design มาแล้ว ผู้หญิงเมื่อสวยแล้ว ก็ต้องฉลาดด้วย ชายหนุ่มถึงจะเหลียวมอง และหลงรักแบบถวายชีวิตใช่ไหม เว็บไซต์ก็เช่นเดียวกัน...เมื่อเราออกแบบมาดีแล้ว ต่อไปเราต้องมาคำนึงถึงในส่วนของโปรแกรมที่จะมาเสริมให้เว็บของเราฉลาดขึ้น และสนองตอบความต้องการของผู้เยี่ยมชมเว็บไซต์เราได้ เรื่องนี้เป็นลำดับรองลงมา บางเว็บอาจจะไม่มีในส่วนนี้ก็ได้ ไม่ผิดอะไร....แต่อาจจะดูขาด ๆ ไปสำหรับเว็บไซต์ในปัจจุบันนี้

สรุป

CDP หากเว็บใดมีครบทั้ง 3 ส่วนองค์ประกอบนี้ ก็เป็นที่น่ายินดีว่า เว็บไซต์นั้นน่าจะเป็นเว็บที่สมบูรณ์ในระดับนึงแล้ว ในโลกของ Website บน Internet นี้..แล้วเว็บคุณละมีครบแล้วหรือยัง..(dwthai.com มีครบแล้วหรือถึงถามแบบนี้ ^^!)
About the Author
Mr.Sittichai Raksasuk

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com



บทความอื่นที่คุณอาจสนใจ

การใช้งาน Composer สำหรับ PHP Programmer

เรื่อง: วิธีการใช้ Composer เบื้องต้น ตอนที่ 1 Composer เป็นโปรแกรมที่ใช้ในการจัดการ Library หรือ Packag...  

CHMOD ที่ควรรู้จัก (Permission on Web Hosting)

เรือง : CHMOD ที่นักพัฒนาเว็บไซต์ควรรู้จัก มีหลายท่านสอบถามมาว่า "ผม Download โปรแกรมภาษา PHP มาเขาบอกว่า...  

รหัสค่าสีที่ใช้กันใน Web Page (Web Color)

เรื่อง : รหัสค่าสีที่ใช้กันใน Web Page ระบบค่าสีที่เราใช้กันกับเว็บหรือใช้ที่หน้าเว็บเพจ (Web Page) ต่าง ๆ นั้น สำหรับคนท...  

Insert Garuda (ใส่ตราครุฑ) for Google Docs

Insert Garuda (ใส่ตราครุฑ) for Google Docs ใช้เพื่อจัดทำเอกสารราชการ ที่ต้องมีการใช้งานตราสัญลักษณ์รูปครุฑ ...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*