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 →

Website-Designt

      หลายๆคนที่อยากมีเว็บไซต์ เป็นของตัวเอง เชื่อว่าในขั้นแรกคงมีคำถามเกิดขึ้นมาว่า จุดเริ่มต้นของการดีไซน์เว็บไซต์ควรเริ่มศึกษาจากอะไร วันนี้เราจะมาแนะนำวิธีการเริ่มสร้างเว็บไซต์ฉบับย่อมาให้อ่านกันค่ะ 1. กำหนดเป้าหมายและวางแผนงาน – ก่อนอื่นเราต้องตั้งคำถามกับตัวเองก่อนว่าเราจะสร้างเว็บไซต์ขึ้นมาเพื่ออะไร ตั้งเป้าหมายกับมันไว้อย่างไง ซึ่งมันก็มีมากมายหลายเหตุผล เช่น เอาไว้แบ่งปันข่าวสาร, แบ่งปันความรู้, ทำธุรกิจออนไลน์ เป็นต้น – ถ้าอยากทำเว็บไซต์ แต่ยังคิดไม่ออกว่าจะทำเรื่องอะไรดี ขอแนะนำให้ทำเรื่องที่เรามีความรู้ หรือ มีความสนใจเป็นพิเศษ จะทำให้เราทำเนื้อหาของเว็บไซต์ออกมาได้ดี แถมยังได้ความรู้ในเรื่องที่เราชอบมากขึ้นด้วย – อีกหนึ่งคำถาม คือ อยากให้เว็บไซต์มีลักษณะเป็นอย่างไร เช่น เป็น website รวบรวมความรู้และเป็นแหล่งข้อมูลต่างๆ หรือ เป็นเว็บไซต์ขายสินค้าบริการต่างๆ เป็นต้น กำหนดกลุ่มผู้ชมเป้าหมาย – เราควรกำหนดว่ากลุ่มผู้ชมของเว็บไซต์เราคือใคร เพื่อจะได้ออกแบบเว็บไซต์ในการเลือก เนื้อหา , โทนสี , กราฟฟิก และเทคโนโลยีต่างๆ นำมาปรับใช้ได้อย่างถูกต้องเหมาะสม เช่น ถ้าผู้ชมเป็นวัยรุ่น ก็ควรจะออกแบบให้มีสีสันสดใส , ใช้ภาพกราฟฟิกสวยๆ ทันสมัยให้ดูดึงดูดน่าสนใจ หรือ ถ้าผู้ชมเป็นกลุ่มผู้สนใจเรื่องของศาสนา ก็ควรออกแบบให้ดูเรียบง่าย , ดูสงบ – อยากให้ผู้มาชมได้รับอะไรกลับไป ไม่ว่าจะในเรื่องของ ข้อมูล , ข่าวสาร , สาระความรู้ , ความบันเทิงเริงใจ , เป็นต้น แต่ถ้าเป็นเว็บขายสินค้าบริการ ก็ต้องคิดว่ากลุ่มเป้าหมายต้องการอะไร – ต้องการให้ผู้มาชมทำอะไรหลังจากมาเยี่ยมชมเว็บไซต์ของเราแล้ว เช่น ต้องการให้กลับมาชมเว็บไซต์อีก หรือ ต้องการให้สั่งซื้อสินค้าบริการ เป็นต้น 2. เลือก Web hosting และ จด Domain name       Web hosting คือ บริการให้เช่าพื้นที่ หรือ รับฝากข้อมูลของเว็บไซต์ของเรา Domain name ก็คือชื่อเว็บไซต์ อันประกอบด้วยชื่อและนามสกุล เช่น asp.net , google.com เป็นต้น เราสามารถที่จะจด Domain name เป็นของตัวเองได้Read More →