device

การออกแบบเว็บไซต์ก็เหมือนกับงานออกแบบทั่วไป ที่นอกจากจะต้องมีฝีมือการออกแบบแล้ว เรื่องของเครื่องไม้เครื่องมือก็ต้องมีด้วยเหมือนกัน เปรียบเสมือนยอดนักรบต้องมียอดศาสตราวุธยังไงยังงั้นเลย นักออกแบบเว็บไซต์ไม่ว่าจะเป็นมือใหม่หรือมืออาชีพต้องมีเครื่องมืออะไรบ้าง เราขอหยิบบางส่วนมาแนะนำให้ไปลองใช้กันดู สีของโลกโซเชียล ออกแบบเว็บไซต์ก็ถือว่าเป็นงานศิลปะแขนงหนึ่ง สีจึงจัดว่าเป็นองค์ประกอบสำคัญของเราด้วยเช่นกัน เราไปเจอเว็บไซต์หนึ่งชื่อว่า www.materialui.co เว็บนี้ด้านในเค้ามีอยู่เมนูหนึ่งก็คือ สีของโซเชียลมีเดียต่างๆ ที่โด่งดั่ง เค้าเอามาเรียงไว้ให้หมดแล้ว เพื่อให้เราใช้สีไม่ผิดประเภท หรือความหมาย อยากรู้ว่าสีที่เราจะใช้นั้นตรงกับสังคมโซเชียลอันไหนบ้างก็ลองไปส่องกันดู เสียงกด ลูกเล่นก็สำคัญนะของการออกแบบเว็บไซต์ หากเราทำลูกเล่นดีก็ทำให้ผู้เข้าชมเว็บไซต์ได้รับประสบการณ์ที่ดีไปด้วย http://loudlinks.rocks เป็นอีกหนึ่งลูกเล่นอยากให้ลองไปโหลดมาเทสต์กัน ตัวนี้คืออะไร มันจะทำให้ปุ่มบนเว็บไซต์ของเรามีเสียงขึ้นมาว่ากดลงไปแล้ว เพื่อป้องกันไม่ให้กดซ้ำไปอีกครั้ง(ซึ่งอาจจะทำให้เว็บค้าง) เสียงปุ่มกดนี้มีโค้ดให้ดาวน์โหลดกันไปแบบฟรี ลองเข้าไปเล่นดูนะ Flat Icon กระแสการทำเว็บไซต์ด้วยการใช้ไอคอนสื่อสารแทนสิ่งที่ต้องการจะบอกมาแรงมาก บางครั้งเราก็ไม่รู้จะออกแบบไอคอนใหม่ได้ยังไง งั้นลองไปดูที่ www.flaticon.com ดูในนั้นมีไอคอนนับพันแบบให้เลือกหยิบไปใช้ในงานออกแบบได้เยอะมากน่าจะเป็นคลังข้อมูลด้านไอคอนที่ช่วยให้การออกแบบเว็บไซต์ของเราดีขึ้นกว่าเดิม แถบไล่สี เทรนด์พื้นหลังไล่สีเป็นเฉดต่างระดับกัน(เรียกกันว่า Gradient) อันนี้ก็มาแรงเหมือนกัน ใครไม่ถนัดงานด้านสีแต่อยากได้แถบไล่สีสวยๆ ลองเข้าไปดูที่ http://gradient.quasi.ink เข้ามีธีมไล่เฉดสีเยอะแยะเต็มไปหมด วิธีการก็เพียงแค่เลื่อนเมาส์ไปตามสีที่ต้องการ พอเจอก็กดเลือกได้เลย ไม่ยุ่งยากอะไรเพียงเท่านี้งานสีก็ไม่ใช่เรื่องใหญ่อีกต่อไป แหล่งรวมชุดสี ยังอยู่กับเรื่องของสี หากเราเคยศึกษาทฤษฏีสีมาอาจจะยังพอจำได้เรื่องของสีโทนร้อน สีโทนเย็น แต่พอจะเอามาใช้จริงบนงานตกแต่งเว็บไซต์ การเลือกสีไม่ง่ายอย่างที่คิดเท่าไร เอางี้เรามีแหล่งแนะนำ www.colourlovers.com แหล่งรวมชุดคู่สีที่ทำออกมาได้ดี มีเลือกหลากหลาย แต่ละชุดคู่สีที่ทำออกมาสวยและน่าเอาไปลองใช้ตกแต่งกับเว็บไซต์เรามากๆ แหล่งข้อมูลเหล่านี้น่าจะเป็นเครื่องมือหากินของเราได้อีกนานทีเดียวRead More →

Website-Design-photo

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

Html-design

การออกแบบเว็บไซต์เป็นอีกเรื่องหนึ่งที่มาแรงและไม่ตกกระแสไปง่ายๆ เนื่องจากความต้องการเว็บไซต์มีเพิ่มขึ้นอยู่ทุกปี การออกแบบเว็บไซต์ หากเราไม่ได้ออกแบบผ่านโปรแกรมสำเร็จรูป เราอาจจะต้องออกแบบผ่าน html วิธีนี้จะต้องรู้จักภาษา หรือ โค้ดที่เกี่ยวข้องอะไรบ้าง เราได้รวบรวมไว้แล้ว โค้ด เกี่ยวกับไตเติ้ลบาร์ ไตเติ้ลบาร์คือ ข้อความที่อยู่บนสุดของเว็บไซต์ จะเป็นการบรรยายข้อความสั้นๆเกี่ยวกับเว็บไซต์นั้น นี่คือคำสั่งแรกของ html เราต้องรู้ ไตเติ้ลบาร์แม้จะไม่ได้ปรากฏในเว็บเบราเซอร์โดยตรง แต่ก็มีผลต่อเว็บเช่นกัน ไตเติ้ลตรงนี้จะทำให้คนเข้าเว็บอ่านเว็บได้ง่ายขึ้น คำสั่งจะขึ้นต้นด้วยคำว่า <TITLE>…..</TITLE> โค้ดเพื่อแสดงผล โค้ดคำสั่งต่อมาสำคัญมาก เพราะมันคือคำสั่งเพื่อให้สิ่งที่เราต้องการมันเกิดในเว็บของเรา คำสั่งก็คือ <BODY>…</BODY> หากเราต้องการให้มันแสดงผลอะไรก็เติมลงไป แต่เติมเสร็จแล้วควรเช็คให้ดีก่อนว่าแสดงผลครบหรือไม่ หากไม่ครบควรเช็คอีกครั้ง โค้ดสี การตกแต่งเว็บไซต์ได้ออกมาตามต้องการ เรื่องสีสำคัญมาก เว็บคงไม่น่าดูเท่าไรนักหากมีแค่พื้นสีขาวกับตัวอักษรสีดำเท่านั้น เราจะต้องเรียนรู้การตกแต่งเว็บไซต์ด้วยการเล่นสีด้วยเพื่อความสวยงามน่าสนใจ แต่โค้ดสีมันไม่ง่ายอย่างนั้น บางครั้งเราอาจจะต้องศึกษากันหน่อยว่า สีที่เราต้องการใช้โค้ดสีแบบไหน เช่น สีชมพู จะต้องใช้โค้ดสี FFC0CB เป็นต้น นอกจากนั้นยังต้องรู้จักคำสั่งการลงสีแต่ละจุดด้วย ไม่ว่าจะเป็น สีตัวอักษร สีตัวอักษรเฉพาะที่ จนถึงสีพื้นหลังโค้ดคำสั่งคือ <BODY BGCOLOR= “FF0000”> ก็จะได้พื้นหลังสีแดง เป็นต้น โค้ดคำสั่งตัวอักษร เวลาเราพิมพ์งาน หากต้องการจะตกแต่งตัวอักษรก็ไม่ยากเพียงแค่กำหนดพื้นที่จากนั้น ก็เลือกขนาดตัวอักษร รูปแบบตัวอักษรอยากได้ตัวเอน ตัวหนา ขีดเส้นใต้ หรือ รูปแบบตัวอักษรก็ทำได้เลย แต่การทำเว็บ html ไม่เป็นแบบนั้น จะต้องมีการใส่โค้ดคำสั่งไป เช่น อยากได้ตัวหนาโค้ดก็คือ <B>…..</B> ก็จะทำให้ข้อความในโค้ดมีความหนาเด่นกว่าตัวอื่น โค้ดการใส่รูปภาพ เว็บไซต์อยากให้น่าสนใจ มันก็ต้องมีภาพประกอบด้วยจะทำให้การอธิบายเรื่องราวในเว็บไซต์ชัดเจนยิ่งขึ้น การใส่ภาพลงไปต้องมีการใส่โค้ดคำสั่งที่ถูกต้องด้วย ยกตัวอย่าง <IMG ALIGN=align-type BORDER=n HEIGHT=n WIDTH=n HSPACE=n VSPACE=n SRC=address ALT=text> โค้ดนี้จะบอกว่าเอาภาพวางตรงไหน กำหนดความสูง ความกว้างของภาพ และรายละเอียดอื่น โค้ดคำสั่ง ลิงค์ เว็บไซต์ถ้าจะให้ดีต้องมีการแปะลิงค์เพื่อเชื่อมโยงข้อมูลไปยังต้นทาง หรือ ลิงค์อื่นในเว็บไซต์ด้วยกัน วิธีแปะลิงค์เราต้องมีคำสั่งแตกต่างกันไปด้วย ลิงค์ภายในเว็บไซต์ก็อย่างหนึ่ง ลิงค์ภายนอกก็อย่างหนึ่ง ลิงค์ไปอีเมล์ก็อย่างหนึ่ง ยกตัวอย่างเช่น <A HREF=”้http://www……….”>ข้อความ</A> อันนี้เป็นลิงค์เชื่อมไปยังนอกเว็บไซต์เป็นต้น หลายคนเห็นโค้ดคำสั่งสร้างเว็บไซต์ html อาจจะงงRead More →

Make-a-website

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

Website-Builder

เมื่อเว็บไซต์ได้รับความนิยมขึ้นเรื่อยๆ มีความต้องการมากขึ้นทำให้เครื่องไม้ เครื่องมือสร้างเว็บไซต์พัฒนาตามขึ้นไปด้วย ปัจจุบันมีเครื่องมือสร้างเว็บไซต์เยอะมาก เพื่อเป็นทางเลือกให้กับผู้พัฒนาเว็บไซต์ตั้งแต่มือสมัครเล่น จนถึงมืออาชีพ มีโปรแกรมสร้างเว็บไซต์อะไรบ้าง Adobe dreamweaver ตัวแรกนี่บอกเลยว่า แม้จะออกมานานแต่ก็ยังเป็นเครื่องมือที่เหมาะสำหรับผู้เริ่มต้นทำเว็บไซต์ ไปจนถึงระดับมืออาชีพกันเลยนั่นคือ Adobe Dreamweaver ตัวนี้มาพร้อมเครื่องมือสร้างมากมาย ลูกเล่นเยอะ ฟังก์ชั่นดี ระบบทดลองการแสดงผลดีมาก ทำให้เราเห็นภาพรวมเว็บไซต์ผลงานของเราได้ดีก่อนจะปล่อยออกสู่ออนไลน์ WordPress โปรแกรมที่ได้รับความนิยมมากสุดสำหรับมือใหม่ นั่นคือ WordPress เครื่องมือสร้างเว็บไซต์ออนไลน์ที่ไม่ต้องเสียเงินสักบาท เราสามารถสร้างเว็บไซต์ตามต้องการได้แบบง่าย เพียงแค่กดเลือก วาง เท่านั้นเอง จุดเด่นคือปลั๊กอินตัวเสริมเว็บไซต์มีให้เลือกเยอะตามความต้องการ ใครอยากทำเว็บง่ายๆ เริ่มจากตัวนี้ได้เลย Web Page Maker คนทำเว็บไซต์สาย HTML อาจจะต้องปวดหัวจากโค้ดมากมาย เราขอแนะนำเลือกใช้ตัวช่วยสร้างเว็บไซต์อย่าง Web Page Maker ตัวนี้มีจุดเด่นเรื่องของโค้ดสำเร็จรูปให้เราเลือกใช้งานได้เลย ไม่ต้องมางมหาพิมพ์ผิดพิมพ์ถูกอีก หรือใช้หลักการลากแล้ววาง เพื่อทำเว็บได้เลย ตัวนี้รองรับ JavaScript แล้ว PHP Creator ใครสร้างเว็บไซต์จากโค้ด PHP ก็มีนักพัฒนาสร้างโปรแกรมสำเร็จรูปด้าน PHP มาช่วยทำงานด้วยเช่นกันนั่นคือ PHP Creator ตัวนี้จะช่วยให้การเขียนโค้ด PHP สำเร็จรูปได้มากขึ้น สองจะเชื่อมต่อกับฐานข้อมูล MySQL ได้ง่ายกว่า เร็วกว่า ชอบตรงระบบการค้นหา ดึงข้อมูล ทำได้เร็ว ไม่ปวดหัวตาลาย Google web designer โปรแกรมตัวนี้ทำจากกูเกิ้ล จุดเด่นของเขาเป็นการสร้างภาพโฆษณาแบบเคลื่อนไหวมากกว่า จะเป็นตัวเสริมสำหรับแปะในเว็บเพื่อให้มีโฆษณา ไม่ใช่ตัวเว็บทั้งหมด สร้างโดยการใช้ภาษาของ HTML5 และ CSS3 เหมือนเดิมก็คือโปรแกรมออกมาสำเร็จรูป ไม่ต้องเขียนโค้ดอะไรเลย เราออกแบบตามใจได้เลยเรื่องโค้ดปล่อยให้โปรแกรมจัดการ Joomla! จูมลา เคยเป็นโปรแกรมสร้างเว็บไซต์ที่ฮิตอยู่พักหนึ่ง แม้ตัวอื่นที่ออกมาภายหลังจะแย่งความนิยมไปหมด แต่ก็ยังมีนักพัฒนาบางคนยังมั่นใจเครื่องมือตัวนี้อยู่ จูมลา จะสร้างเว็บไซต์ด้วยการสร้างเนื้อหาแบบ CMS ข้อดีของมันจะช่วยให้เราทำงานเร็วขึ้น ประหยัดเวลา แถมยังเสถียรเวลาเราใช้ภาษาไทยอีกต่างหากมันดีตรงนี้แหละ นอกจากนี้ยังมีอีกหลายโปรแกรมสร้างเว็บไซต์สำเร็จรูปที่กำลังมาแรงมาก เช่น KompoZer (ตัวนี้จะคล้ายกับ Dreamwaver แต่มีขนาดเล็กว่า เร็วกว่า แถมฟรีด้วย) Aptana ตัวนี้สร้างเว็บไซต์ได้ หรือ สร้างเว็บแอพพลิเคชั่นได้Read More →