Mobirise

คนทำเว็บไซต์เดี๋ยวนี้ หากไม่ใช่นักทำเว็บไซต์ หรือ ทีมงานพัฒนาเว็บไซต์มืออาชีพ เค้าไม่ถามกันแล้วว่าทำเว็บไซต์จากเครื่องมืออะไรตัวไหน เค้าถามกันว่าจะเลือกเครื่องมือตัวไหนดีมาตกแต่งหน้าเว็บให้ดูสวยงาม ง่าย ไม่ต้องใช้เวลามาก ยิ่งหากเราทำเว็บเองแบบไม่จ้างด้วยนะ ต้องตกแต่งเว็บให้เป็น วันนี้เรามีตัวหนึ่งมาแนะนำชื่อว่า Mobirise พร้อมข้อดี 4 ข้อ หนึ่ง รองรับทุกหน้าจอ เวลาทำเว็บไซต์ หรือ ตกแต่งหน้าเว็บไซต์ใหม่ นอกจากความสวยงามตามท้องเรื่อง อีกหนึ่งประเด็นที่ห้ามมองข้ามไปเลยนั่นก็คือ การทำให้เว็บไซต์ของเราสามารถตอบสนองได้กับทุกหน้าจอ ไม่ว่าจะเป็นหน้าจอคอมพิวเตอร์ หน้าจอแท็บเล็ต หน้าจอมือถือ ซึ่งทั้งสามแบบนี้มีขนาดหน้าจอแตกต่างกัน เราต้องตั้งค่าให้หน้าเว็บสามารถตอบสนองได้กับทุกขนาดหน้าจอเพื่อสร้างประสบการณ์ที่ดีของผู้ใช้งาน Mobirise สามารถจัดการตรงนี้ให้ได้เลยไม่ต้องตั้งค่าให้เสียเวลา สอง ไม่ต้องเขียนโค้ด ทำเว็บไซต์ หากย้อนไปสัก 10 ปีก่อนเป็นเรื่องยากถึงยากมาก เพราะการสร้างเว็บไซต์ หรือ ตกแต่งเว็บไซต์มันต้องใช้เขียนภาษาคอมพิวเตอร์เพื่อสั่งการให้มันแสดงผลตามต้องการ หากใครเขียนภาษาไม่เป็นก็จบเลย แต่เดี๋ยวนี้ดีขึ้นเราตกแต่งเว็บไซต์ได้แบบไม่ต้องเขียนโค้ดสักตัว Mobirise เองก็เป็นเช่นนั้น เราสามารถตกแต่งเว็บไซต์โดยที่เราไม่ต้องรู้จักโค้ดภาษาคอมพิวเตอร์เลยก็ได้ ดีงาม สาม ทำงานง่ายเข้าใจง่าย ตกแต่งเว็บไซต์ บางคนอาจจะคิดว่ายาก ต้องทำนั่น ทำนี่เยอะแยะ แต่ Mobirise ไม่เป็นแบบนั้น ใครใช้โปรแกรมนี้บอกเลยว่าคำว่ายากแทบไม่มี เราทำงานง่ายมาก ทำเพียงแค่คลิ๊ก เลือก ลาก วาง ตั้งค่าปรับแต่งเท่านั้นเอง ยกตัวอย่างเช่น หากเราต้องการเปลี่ยนเนื้อหาบนเว็บไซต์เราก็เพียงแค่กดคลิ๊กลงไปเพื่อเลือก จากนั้นก็พิมพ์สิ่งที่ต้องการลงไป(คล้ายกับเราพิมพ์งานใน word) หรือจะตกแต่งพื้นหลัง ก็กดที่ปุ่มตั้งค่า แล้วเลือกสี ลวดลาย เอฟเฟกต์ของพื้นหลังได้เลย จะว่าไปการทำงานก็ไม่ต่างอะไรกับทำสไลด์ใน powerpoint ด้วยซ้ำไป สี่ คลังข้อมูล เวลาเราเลือกตกแต่ง บางครั้งก็อาจจะไม่รู้ว่าจะเอาแบบไหนดีถึงจะสวย ต้องหาโหลดมาเพิ่มอีก Mobirise สบายกว่านั้น ตัวโปรแกรมได้พัฒนาให้มีคลังข้อมูลช่วยให้เราแต่งเว็บไซต์ได้ง่ายขึ้น อย่างเช่น หากเราจะปรับฟอนต์ในเว็บไซต์เค้าก็มีให้เลือกเยอะแยะมากมาย ภาพก็มีคลังภาพในโปรแกรมให้ หรือ จะดาวน์โหลดมาเพิ่มเองก็ได้ เด็ดสุดเป็นคลังไอคอน เพื่อแทนหมวดหมู่ ข้อมูลที่เราต้องการแสดงก็มีด้วยเหมือนกัน บอกเลยว่าเอาแค่ที่เค้ามีให้ก็แต่งกันไม่ไหวจริงๆ ยังมีข้อดีมากกว่านี้อีก แต่เอาเป็นว่าไปลองเล่นกันก่อนก็แล้วกันRead More →

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 →