Google-Web-Designer

ความนิยม ความต้องการของการสร้างเว็บไซต์มีมากขึ้น ทำให้นักสร้างเว็บไซต์มือใหม่ มือสมัครเล่นที่ต้องการโปรแกรมสำเร็จรูปสร้างเว็บไซต์ขึ้นมาแบบไม่ต้องใช้ความรู้ด้านการเขียนโค้ดภาษาคอมพิวเตอร์มีมากขึ้นไปด้วย ทำให้ กูเกิ้ล ก็ออกผลิตภัณฑ์สร้างเว็บไซต์สำเร็จรูปขึ้นมากับเค้าด้วยเหมือนกันชื่อว่า Google web designer เค้ามีดีอะไรตรงไหนบ้าง สร้างโดยไม่ต้องรู้โค้ด ตัวนี้เป็นโปรแกรมสำเร็จรูปเพื่อสร้างเว็บไซต์ขึ้นมาสักชิ้นหนึ่ง เค้าตั้งธงไว้ว่าคนใช้โปรแกรมนี้สามารถสร้างเว็บไซต์ได้โดยไม่ต้องเขียนโค้ด หรือ มีความรู้เรื่องโค้ดดิ้งเลยก็ทำได้ ซึ่งมันก็ทำได้แบบนั้นจริงๆ เราสามารถสร้างเว็บไซต์โดยไม่ต้องเขียนโค้ดอะไรเลยก็ได้ ขอเพียงแค่สร้าง ตกแต่ง จากเครื่องมือที่เค้ามีให้ ส่วนเรื่องโค้ดปล่อยให้เป็นหน้าที่ของโปรแกรมประมวลผลไปจะดีกว่า สร้างแอนนิเมชั่นได้ ความสามารถนี้ต้องบอกเลยว่า อ่านไม่ผิดแน่นอน เราสามารถสร้างแอนิเมชั่นจาก Google Web Designer ตัวนี้ได้เลย ทั้งแบบ 2D ซึ่งจะเป็นการทำแบบเฟรมต่อเฟรม หรือ 3D ซึ่งจะประมวลผลออกมาแบบ CSS3 นั่นหมายความว่าเราสร้างลูกเล่นของเว็บไซต์ได้หลากหลายมากขึ้น อาจจะคิดว่ายากแต่บอกเลยว่าแอนนิเมชั่นจาก Google Web Designer สร้างไม่ยากอย่างที่คิดเอาไว้ เราทำได้แน่นอน ปรับหน้าจออัตโนมัติ หากเราใช้โปรแกรมสำเร็จรูปสร้างเว็บไซต์แบบเดิมๆ ปัญหาที่รออยู่คือ เว็บไซต์ที่เราสร้างอาจจะไม่ตอบสนองกับหน้าจอเครื่องมืออื่น อย่าง สมาร์ทโฟน , แท็บเล็ต หรือ สมาร์ททีวี เนื่องจากมีขนาดหน้าจอแตกต่างกันไป ปัญหานี้ไม่มีที่ Google Web Designer เพราะว่ามันจะปรับแต่ง ประมวลผลเว็บไซต์ของเราให้มีความสามารถปรับหน้าจอให้ตอบสนองกับการใช้งานผ่านเครื่องมือที่แตกต่างกันได้เอง เพียงเท่านี้เว็บไซต์ของเราไม่ว่าจะเข้าผ่านเครื่องมือตัวไหนก็จะได้ประสบการณ์การใช้งานที่เหมือนกัน โฆษณา อันนี้ก็เป็นไม้เด็ดของ Google Web Designer เค้าด้วยเหมือนกัน กล่าวคือตัวโปรแกรมจะมีฟีเจอร์ให้เราสามารถสร้างโฆษณาขึ้นไปไว้ในเว็บไซต์ได้เลย ออกแบบตกแต่งกันให้ดี คิดดูสิว่าเราสามารถสร้างโฆษณาได้เองแล้วเดี๋ยวนี้ อะไรมันจะไปไกลขนาดนั้นทำได้ขนาดนี้เรื่องรายได้ของเว็บไม่ต้องห่วง สบายเลย ภาพวาดเองก็เอามาได้ โปรแกรมสำเร็จรูปบางตัว อาจจะมีข้อจำกัดการนำภาพเข้ามาใช้งาน เนื่องจากโปรแกรมจะรวนหากทำแบบนั้น แต่ Google Web Designer ไม่เป็นแบบนั้น เราสามารถนำภาพ เวคเตอร์ เข้ามาประกอบการทำงานได้ ข้อดีของเรื่องนี้ก็คือ เราสามารถวาดภาพประกอบ หรือ ตกแต่งภาพประกอบเองได้ จากนั้นก็นำมันเข้ามาตกแต่งเว็บไซต์ผ่านโปรแกรมนี้อีกที ตัวนี้ภาพรวมเค้าเปรียบว่าเหมือนกับเอาโปรแกรมสร้างเว็บไซต์สุดยอดสามอันมารวมกันคือ Dreamweaver + Photoshop + Flash มันเจ๋งขนาดนั้นไหมลองไปพิสูจน์ดูRead More →

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 →