Key-Elements

เว็บไซต์จากเดิมทีเป็นแค่แหล่งเผยแพร่ข้อมูลขององค์กร หรือ อะไรสักอย่าง แต่เดี๋ยวนี้เว็บไซต์กลายเป็นเครื่องมือขององค์กรธุรกิจ การค้า เป็นเครื่องมือในการประชาสัมพันธ์ให้กับองค์กรไปแล้ว นั่นทำให้คนทำเว็บไซต์สมัยนี้จะต้องมีการพัฒนามากขึ้น เพื่อทำให้เว็บไซต์ออกมาดีที่สุด เรามาดูกันว่าองค์ประกอบสำคัญของเว็บไซต์ปัจจุบันนี้มีอะไรบ้าง การเชื่อมโยงกับโลกโซเชียลอื่น เว็บไซต์สมัยนี้ คนทำต้องมีการเขียนให้เว็บเชื่อมโยงไปกับสื่ออื่นขององค์กรนั้นด้วย ไม่ว่าจะเป็นพื้นฐานอย่างโลกโซเชียลสายต่างๆ ไม่ว่าจะเป็น Line, Facebook, Instagram, Google+ ฯลฯ การเชื่อมโยงโลกโซเชียลเหล่านี้จะทำให้คนที่เข้ามาเยี่ยมชมรู้จักเว็บไซต์มากขึ้น ซึ่งส่งผลต่อการซื้อขายสินค้า หรือ การทำคะแนนเพื่อจัดอันดับในการค้นหาของกูเกิ้ลต่อไป อีกทั้งการเชื่อมโยงโลกโซเชียล จะทำให้คนติดตามเว็บไซต์ได้มากขึ้นด้วย การสมัครสมาชิก การขายของผ่านเว็บไซต์ว่าสำคัญแล้วนะ แต่เชื่อหรือไม่ว่า การสร้างเครือข่ายลูกค้า หรือการสมัครสมาชิก กลับเป็นเรื่องสำคัญมากกว่า เพราะนั่นจะทำให้เรามีฐานลูกค้าในมือได้มากขึ้นด้วย นั่นทำให้คนทำเว็บไซต์จะต้องมีองค์ประกอบด้านการสมัครสมาชิกให้ผู้เข้ามาเยี่ยมชมเว็บไซต์ด้วย ไม่ว่าจะเป็นการสมัครผ่านอีเมล์ การสมัครเป็นแฟนเพจ การเพิ่มเพื่อนในระบบไลน์ หรือจะเป็นสมาชิกของช่องในยูทูปก็ได้ ทางใดทางหนึ่ง ยิ่งเรามีลูกค้ามาก เราก็จะสามารถกระจายข้อความเกี่ยวกับสินค้าของเราได้มากขึ้นไปด้วยนั่นเอง การอัพเดต ยุคนี้ปฏิเสธไม่ได้เลยว่า เราตกอยู่ในยุคข้อมูลข่าวสารอย่างแท้จริง ข่าวแม้ว่าจะอยู่มุมไหนของโลกก็ตามเราสามารถติดตามได้อย่างรวดเร็ว อย่างข่าวเด็ก 13 ชีวิตติดอยู่ในถ้ำบ้านเรายังขึ้นเป็นข่าวหน้าหนึ่งบนหนังสือพิมพ์ออนไลน์ หรือ เว็บไซต์ของสำนักข่าวต่างประเทศได้เลย นั่นทำให้คนทำเว็บไซต์จะต้องมีการอัพเดตเรื่องราวทั่วไปที่เป็นกระแสตลอดเวลา เรียกว่า เกาะกระแสก็ไม่ผิดนัก อีกทางหนึ่งจะต้องมีการอัพเดตเกี่ยวกับสินค้าของตัวเองด้วย จะอัพคลิป อัพบทความ หรือ บทสัมภาษณ์อะไรก็ได้ แต่ต้องมีหากเว็บไม่อัพเดตเลยคนก็ไม่สนใจ สัญลักษณ์ ยุคนี้การแข่งขันบนโลกออนไลน์ดุเดือดมาก นั่นทำให้เราต้องสร้างเว็บไซต์ให้มีเอกลักษณ์เป็นของตัวเอง โดยเฉพาะสัญลักษณ์ แบรนด์ หรือ โลโก้ อันนี้ต้องสวย ดูดี เตะตา จำฝังใจเลย หากทำได้ลูกค้าก็จะแวะเวียนมาเว็บไซต์เราบ่อยขึ้น หากเค้าต้องการสินค้าอะไรก็จะทำให้นึกถึงเราเป็นคนแรก แต่ถ้าสัญลักษณ์ไม่โดนใจ ก็อย่าหวังว่าเค้าจะมาซื้อสินค้าหรือบริการผ่านเว็บไซต์เรา ใครทำเว็บอยู่ลองนำหลักการของเราไปปรับใช้ดู น่าจะสอดคล้องกับเทรนด์เว็บยุคนี้ได้เป็นอย่างดีRead More →

page-web

การจะออกแบบเว็บไซต์ให้กับตัวเองสักเว็บหนึ่งนั้น หลายคนอาจจะบอกว่าเดี๋ยวนี้สบายแล้วเนื่องจากมีเครื่องมือช่วยเหลือมากมาย กดไม่กี่ครั้งก็ได้เว็บไซต์ เว็บเพจมาแล้วตามต้องการ แต่เอาจริงๆ การสร้างเว็บแม้ว่าจะใช้เครื่องมือสำเร็จรูปแต่เว็บมาสเตอร์ หรือ ผู้สร้างเองก็ต้องมีหลักการและองค์ความรู้ของตัวเองบ้างเช่นกัน หลักการใช้ภาษา หลักการแรกที่เจ้าของเว็บต้องรู้นั่นคือ เรื่องของภาษา ในที่นี้เราขอเริ่มต้นที่ภาษาไทยกันก่อน ไม่เพียงแค่อ่านออกเขียนได้เท่านั้น เจ้าของเว็บจะต้องมีการนำเสนอด้วยภาษาที่สละสลวย แต่อ่านแล้วเข้าใจ น่าติดตามในเรื่องนั้น อย่างเช่นการเขียนบทความ การเขียนแนะนำสินค้าและบริการต่างนั้น เรื่องเหล่านี้แม้จะสามารถจ้างคนอื่นมาทำแทนได้ แต่เอาเข้าจริงเจ้าของเว็บก็ต้องเริ่มต้นเขียนด้วยตัวเองก่อนอยู่ดี ดังนั้นต้องฝึกหัดเขียนด้วยนะ หลักการทางด้านศิลปะ แม้ว่าเราจะทำเว็บไซต์ หรือ เว็บเพจที่เกี่ยวข้องกับการวิชาการแบบสุดขั้ว แต่ก็ปฏิเสธไม่ได้อีกเช่นกันว่า การตกแต่งหน้าเว็บเป็นสิ่งที่ทำให้เนื้อหามีความน่าสนใจมากขึ้น ดังนั้นหากเราอยากจะสร้างเว็บสักอัน เราต้องมีความรู้ทางด้านศิลปะด้วย ไม่ว่าจะเป็นเรื่องของทฤษฏีสีว่าจะใช้สีแบบไหน ไล่สีแบบไหนถึงจะเหมาะสม รวมถึงการตกแต่งหน้าเว็บที่แม้ว่าจะมีตัวอย่างหรือแม่แบบให้เราเลือกใช้เยอะแยะมากมาย แต่สุดท้ายเว็บที่ตกแต่งเองก็น่าสนใจกว่าเห็นๆ หลักการตลาด เดี๋ยวนี้การทำร้านค้าออนไลน์ต้องบอกเลยว่าไม่ง่ายอย่างที่คิดแล้ว เรื่องสำคัญอย่างหนึ่งที่เราจะมองข้ามไปไม่ได้เลยนั่นคือหลักการตลาดว่าจะต้องทำอย่างไร สร้างโฆษณา ประชาสัมพันธ์แบบไหน รวมไปถึงพฤติกรรมผู้บริโภคต่างๆ เรื่องเหล่านี้เราควรต้องศึกษาและเรียนรู้เอาไว้อย่างเข้าใจ หลักการตลาดแม้ว่าจะมีหลายหลักด้วยกัน ก็ขอให้เริ่มฝึกไปและนำหลักการตลาดจากหลายๆ แหล่งความรู้ จากหลายกูรูมาผสมผสานกันในแนวทางของตัวเอง จะช่วยให้เราสามารถสร้างการโฆษณาที่สำคัญเพื่อประชาสัมพันธ์เว็บไซต์เราได้เป็นอย่างดี หลักการเกี่ยวกับเทคโนโลยี หลักการเรื่องสุดท้ายที่คนทำเว็บต้องศึกษาหาความรู้อยู่ตลอดเวลา นั่นคือ เรื่องราวของเทคโนโลยี ทั้งเทคโนโลยีที่เกี่ยวข้องกับธีมหลักของเว็บเรา และเทคโนโลยีทั่วไป เนื่องจากโลกหมุนไปทุกวันมีเทคโนโลยีเกิดขึ้นใหม่ทุกวัน ยิ่งเราสามารถเข้าถึงและศึกษาเทคโนโลยีใหม่ๆ ได้ก่อน นั่นหมายถึงการหยิบมาพัฒนา ปรับปรุง เปลี่ยนแปลง หรือ อัพเกรดเว็บไซต์ของเราให้ดียิ่งขึ้นไปอีก การขยับตัวทำได้ก่อน ย่อมจะทำให้เราได้เปรียบเสมอในเวทีการแข่งขันออนไลน์ที่รวดเร็วแบบนี้ ต้องยอมรับเลยว่าการทำเว็บไซต์สมัยนี้อาจจะง่าย แต่การจะเอาชนะการแข่งขันนั้นไม่ง่ายเลย ตัวเจ้าของเว็บหรือผู้สร้างเองต้องมีการพัฒนาเองอยู่ตลอดเพื่อให้ทันต่อเหตุการณ์และเทคโนโลยีRead More →

html-pic

การทำเว็บไซต์สมัยนี้หลายคนอาจจะมองไปที่การทำแบบสำเร็จรูป ผ่านโปรแกรมหรือแอพพลิเคชั่นช่วยเหลือต่างๆ จนหลายคนที่ไม่ใช่คนที่เรียนมาทางคอมพิวเตอร์โดยตรงไม่รู้ด้วยซ้ำว่า การเขียนเว็บไซต์นั้นเค้าต้องใช้ภาษาอะไร เราเลยมาขออาสาหยิบภาษาคอมพิวเตอร์เบื้องต้นในการทำเว็บไซต์ นั่นคือ ภาษา HTML มาบอกเล่าให้ฟัง ภาษา HTML คืออะไร ภาษา HTML หากจะยกตัวอย่างให้เข้าใจง่ายๆ มันคือ การเขียนรูปแบบคำสั่งแบบหนึ่ง เพื่อบังคับให้คอมพิวเตอร์แสดงผลของเว็บเพจ หรือ เว็บไซต์ตามที่เราต้องการ ไม่ว่าจะเป็นตำแหน่ง เนื้อหา ภาพ สี การเคลื่อนไหว การเชื่อมโยง และอื่นๆ ที่เกี่ยวข้อง โดยคำสั่งแต่ละอย่างนั้นจะต้องเป็นเหตุเป็นผลกันและเขียนต้องถูกต้องด้วย อ้อ คำศัพท์ที่ใช้ก็จะแตกต่างจากความหมายที่เรารู้จักด้วย ไม่งั้นมันจะไม่แสดงผลตามที่เราต้องการได้ ภาษา HTML บอกอะไรกับเราบ้าง หากเราเข้าเว็บไซต์อะไรก็ตามผ่านคอมพิวเตอร์ไม่ว่าจะเป็นแบบ พีซี หรือ โน๊ตบุ๊ค เราสามารถเปิดดูภาษา HTML ของเว็บไซต์ที่เราเข้าใช้อยู่ได้เลย ไม่เชื่อลองกดปุ่ม F12 ดูสิ จะเกิดแถบเมนูขึ้นมาด้านล้าง แล้วมีตัวอักษรภาษาอังกฤษแล้วก็อะไรอีกก็ไม่รู้เยอะแยะเต็มไปหมด นั่นแหละภาษา HTML ของเว็บที่เราเข้านั่นแหละ แล้วภาษา HTML บอกอะไรกับเราบ้าง เมื่อเรากดมาแล้วภาษานี้ก็จะบอกถึงโค้ดเกี่ยวกับการจัดวางเว็บไซต์นี้ หรือบางทีอาจจะมีการแหล่งที่มา แหล่งเชื่อมโยง(ลิงค์)ของข้อมูล ภาพ เสียง คลิปที่นำมาใช้ในเว็บไซต์ รวมถึงการตกแต่งของเว็บด้วยว่าใช้สีอะไร อักษรแบบไหน ขนาดไหน เป็นต้น คำสำคัญของภาษา HTML ทีนี้หากเราต้องการจะสร้างเว็บไซต์สักเว็บหนึ่ง แน่นอนว่าเราคงไม่แนะนำให้เพื่อนๆ ไปเรียนรู้เกี่ยวกับการเขียนภาษา HTML ใหม่ทั้งหมดแน่(เพราะมันคงจะเสียเวลา และไม่เข้าใจด้วย) แต่เราก็ต้องมีความรู้พื้นฐานไว้บ้าง คำบางคำที่เราต้องรู้ว่ามันคือคำสั่งอะไร เช่น <html>……<html> หมายถึง การเขียนคำสั่งจุดเริ่มต้นของเว็บเพจจนไปถึงจุดสิ้นสุดของเว็บเพจว่าจะให้เว็บเพจนั้นมีหน้าตาอย่างไร ทำอะไรบ้าง <title> …. <title> หมายถึง คำสั่งที่จะเกิดขึ้นในตำแหน่งหัวข้อว่าจะให้แสดงผลว่าอย่างไร <body>….<body> หมายถึงคำสั่งที่จะเกิดขึ้นในส่วนของแสดงเนื้อหาเป็นต้น คำสั่งที่ไม่เหมือนภาษาทั่วไป แม้ว่าภาษา HTML จะใช้คำศัพท์ภาษาอังกฤษเป็นพื้นฐานในการสร้างคำสั่ง แต่บางครั้งก็ไม่เป็นอย่างนั้นเสมอไป ภาษา HTML ยังมีการกำหนดโค้ดบางอย่างที่ไม่ได้ใช้คำศัพท์ภาษาอังกฤษเลย อย่างเช่นการกำหนดสีของเว็บ ที่ไม่ใช้คำศัพท์อังกฤษแต่กลับใช้คำสั่งที่ถอดรหัสมาจากเลขฐานแทน เช่น #FFFFFF หมายถึงการแสดงผลสีขาว #BBBBBB หมายถึงการแสดงผลสีเทาเป็นต้น เรื่องเหล่านี้เราคนทำเว็บ หรือ คนตกแต่งเว็บจะต้องเข้าใจภาษาแบบเบื้องต้นด้วยนะRead More →

buffet-web

การจัดทำเว็บไซต์เดี๋ยวนี้ต้องบอกว่าไม่ใช่เรื่องยากอีกต่อไป มีเครื่องมือเยอะแยะมากมายที่ออกแบบมาช่วยให้การสร้างเว็บเสร็จด้วยการกดเพียงแค่ไม่กี่ครั้งเท่านั้นเอง แต่สิ่งหนึ่งที่คนออกแบบเว็บไม่ควรลืมที่จะทำก่อนจะสร้างเว็บนั่นคือ การเขียนโครงสร้างออกแบบเว็บ โครงสร้างจะกำหนดขอบเขตการทำเว็บ การออกแบบโครงสร้างเว็บนั้น อย่างแรกเลยจะช่วยให้เราสามารถมองเห็นและกำหนดทิศทางของเว็บได้อย่างไม่ยากเลยว่า เราต้องการจะทำเว็บให้ใหญ่แค่ไหน ใช้พื้นที่เท่าไร ตรงนี้สำคัญเพราะการสร้างเว็บแม้ว่าจะให้พื้นที่มาเยอะ แต่ก็ยังมีจำกัดอยู่ดี การออกแบบโครงสร้างจะช่วยให้ใช้พื้นที่ที่ได้รับเกิดประโยชน์และคุ้มค่าที่สุด โครงสร้างจะช่วยกำหนดเนื้อหา ต่อมาการกำหนดโครงสร้างของเว็บจะช่วยให้เรากำหนดขอบเขตและประเด็นของเนื้อหาด้วยว่า เราจะทำเนื้อหาอะไรบ้างเกี่ยวกับเว็บของเรา สิ่งสำคัญก็คือจะช่วยให้เรามองเห็นภาพได้เลยว่า เนื้อหาที่เราจะนำเสนอบนเว็บนั้น จะไม่หลุดธีมที่เราต้องการ อย่างเช่น หากเรานำเสนอเรื่องกล้วย แต่หากไม่กำหนดโครงสร้าง กำหนดประเด็นให้ดี เนื้อหาที่นำเสนออาจจะกลายไปเป็น ขนมหวานแทนได้ ซึ่งอาจจะทำให้ผู้เข้าชมเว็บไม่เข้าใจว่าเราต้องการจะสื่อถึงเรื่องอะไรกันแน่ โครงสร้างจะกำหนดการเชื่อมโยง การทำเว็บไซต์ การเชื่อมโยงนับว่าเป็นเรื่องสำคัญ เพราะว่าเป็นเรื่องปกติที่คนเข้าเว็บจะต้องมีการกดหัวข้ออื่นๆ หรือ กดไปที่เมนูอื่นเพื่อเข้าไปดูเนื้อหา ประเด็นอื่นที่น่าสนใจ นั่นทำให้เราต้องมีการวางแผน วางโครงสร้างกำหนดการเชื่อมโยงให้ดีว่า กดตรงนี้แล้วจะไปตรงไหน หากกำหนดโครงสร้างไว้เป็นอย่างดีแล้ว การกำหนดเชื่อมโยงจะยิ่งทำให้เว็บน่าสนใจมากยิ่งขึ้น โครงสร้างหน้าแรกของเว็บ จุดสำคัญอย่างหนึ่งที่เราต้องกำหนดให้ดีในการเขียนโครงสร้างเว็บ นั่นคือหน้าแรกของเว็บไซต์เนื่องจากหน้าแรกถือว่าเป็นจุดที่จะเร้าความสนใจ หรือ กระตุ้นความอยากของผู้ที่เข้ามาเยี่ยมชมว่าจะดูต่อ หรือ เลื่อนปิดไปเลย ตรงนี้เราขอแนะนำว่าให้เขียนภาพร่างให้ชัดเจน โดยเฉพาะตำแหน่งของแถบเมนูต่างๆ ว่าจะอยู่ตรงไหน มีเมนูอะไรบ้าง ตรงนี้ต้องสำคัญ เพราะเมนูจะเป็นสิ่งที่คนกวาดสายตามองว่ามีอะไรให้กดบ้าง รวมถึงบริเวณหน้าเพจแรกที่เราจะต้องวางแผนโครงสร้างให้ชัดเจนว่าจะมีเนื้อหา ภาพ เสียง หรือ กล่องโต้ตอบอะไรบ้าง เมื่อทุกอย่างลงตัวแล้วก็ค่อยตกแต่งไปตามที่เราวางแผนไว้ จะช่วยประหยัดเวลาได้มากทีเดียว อีกอย่างที่การเขียนโครงสร้างเว็บไว้จะช่วยได้นั่นคือการกลับมาเปลี่ยนแปลงแก้ไข จะทำได้เร็วกว่าเนื่องจากเรารู้แล้วว่าอะไรอยู่ตรงไหน ดังนั้นก่อนจะทำเว็บครั้งต่อไป ไม่ว่าจะทำเอง หรือ ทำสำเร็จรูปอย่าลืมเขียนโครงสร้างก่อนนะทุกคนRead More →

Skills-in-Website-Design

      ทักษะที่คุณมีนั้นจะช่วยให้การดีไซน์เว็บไซต์เป็นไปได้ด้วยดี เป็นเว็บไซต์มีคุณภาพตรงกับเป้าหมายที่คุณวางไว้ วันนี้เราจะมาแนะนำถึงทักษะที่คุณต้องมีในการดีไซน์เว็บไซต์ ว่ามีอะไรบ้างมาดูกันเลย 1. ทักษะด้านการเขียน ทักษะอีกอย่างสำหรับนักออกแบบเว็บไซต์คือความสามารถในการเลือกใช้คำ หรือสามารถสื่อความคิดต่างๆออกมาในแบบของตัวหนังสือได้ดี อ่านแล้วเข้าใจง่าย หรือถ้าเป็นเว็บไซต์ขายสินค้าถ้อยคำที่มีประสิทธิภาพเป็นกุญแจสำคัญในการสื่อสารยี่ห้อสินค้า ต้องใช้ถ้อยคำชักจูงให้ผู้เข้ามาเยี่ยมชมซื้อของเราให้ได้ 2. ศึกษาประวัติศาสตร์ของงานออกแบบ การออกแบบมีประวัติอันยาวนานหลายคนอาจจะมองข้ามในการศึกษาความเป็นมาของมัน แต่ความจริงแล้วการทำความเข้าใจประวัติศาสตร์ของการออกแบบวัฒนธรรมและเทคโนโลยีต่างๆ ตั้งแต่เริ่มต้นจนถึงปัจจุบันก็เป็นอีกหนึ่งปัจจัยในการเสริมสร้างทักษะดีๆ และมอบองค์ความรู้ขั้นพื้นฐานให้แก่คุณ 3.เรียนรู้คำศัพท์พื้นฐานเบื้องต้นของงานออกแบบ คำศัพท์พื้นฐานนั้นสามารถช่วยให้คุณจำประเภทของงานและรูปแบบของงานต่างๆได้ 4. ศึกษางานออกแบบเจ๋งๆจากเว็บต่างๆทุกวัน การเติมอาหารให้แก่สมองคือการอ่านหนังสือ ฉันใดก็ฉันนั้น งานออกแบบก็เช่นเดียวกัน คุณต้องหาแรงบันดาลใจ หรือเทคนิคใหม่ๆตามเว็บต่างๆซึ่งรวบรวมผลงานศิลปินทั่วโลกไว้ให้ดูฟรีๆอย่างมากมาย 5.ศึกษาทฤษฎีการออกแบบกราฟิก เริ่มแรกควรศึกษาเรื่องพื้นฐานหลักก่อน เช่น การเว้นวรรค , สัดส่วนสมดุล , หมวดหมู่ , ความคมชัดสี , การไหลและการจัดการตา เป็นต้น พื้นฐานเหล่านี้ทำให้การออกแบบทำงานเป็นไปอย่างมีประสิทธิภาพ 6.ทักษะภาษาพื้นฐาน HTML , CSS คนที่ประกอบอาชีพเว็บดีไซน์เนอร์ในปัจจุบันนี้มีทั้งพวก ออกแบบ Graphic อย่างเดียว กับคนที่ทำได้ทั้ง 2 อย่าง คือทั้งออกแบบ Graphic และ เขียนโค็ดเอง แต่ควรศึกษาโค็ดด้วยจะดีมาก เพราะจะทำให้เราสามารถจบงานได้ด้วยตัวเอง ส่วนข้อได้เปรียบคือเวลาเรารับงานเราจะเป็นเว็บดีไซน์เนอร์ผู้เป็นตัวเลือกอันดับต้นๆ ของผู้จ้าง 7.ทักษะด้านการสื่อสารกับคนอื่น การสื่อสารเป็นเรื่องสำคัญแม้จะเป็นเว็บดีไซต์เนอร์เองก็ตาม ต่อให้มีฝีมือเก่งกาจระดับไหน แต่ถ้าเราไม่สามารถอธิบายในสิ่งที่เราคิดออกมานำเสนอให้ลูกค้ารู้เรื่องได้ ก็ไม่มีความหมายอยู่ดี 8.ทักษะการใช้โปรแกรมออกแบบ Photoshop , illustor นักออกแบบเว็บไซต์ต้องใช้งานโปรแกรมออกแบบ Graphic ได้อย่างมืออาชีพ ในส่วนของ illustor จำเป็นใช้สำหรับงานออกแบบLogoหรือภาพVectorนั่นเอง       นี่คือทักษะเบื้องต้นที่คุณต้องศึกษาเรียนรู้เอาไว้ในการดีไซน์เว็บไซต์ด้วยตนเอง ความพยายามสามารถใช้ได้กับในทุกๆเรื่อง ขอเพียงแค่คุณไม่ยอมแพ้เท่านั้นเองค่ะRead More →