เมื่อคิดจะสร้างบ้าน (Homepage) เป็นของตัวเองสักหลัง มือใหม่หัดสร้างทั้งหลายมักจะมีคำถามอยู่เสมอว่า
- "เราจะเริ่มต้นอย่างไรดีนะ...?"
- "จะทำเกี่ยวกับอะไร เรื่องอะไรดีล่ะนี่...?"
- "เขาใช้โปรแกรมอะไรสร้างกันล่ะ สวยจัง... เห็นมีตั้งหลายตัว งง ??????"
คุณมาถูกที่แล้วครับ ผมก็เคยเป็นแบบนี้ล่ะเห็นเขาทำสวยอยากทำมั่งแต่ไม่รู้จะเริ่มต้นอย่างไรดี ต้องลองถูกลองผิดอยู่หลายรอบกว่าจะสรุปออกมาได้ นี่คือการรวบรวมเรื่องราวของการสร้างบ้านจากประสบการณ์อันน้อยนิดของผม (แต่อยากอวด) ด้วยเครื่องมือที่ง่ายๆ มีแล้วในเครื่องคุณเอง บวกกับความขยัน ตั้งใจและใฝ่หาอีกนิด และฝีมือทางศิลปะอีกหน่อย บ้านหลังน้อยก็จะเป็นรูปเป็นร่างไม่ยากเย็น โดยการศึกษาไปทีละหัวข้อ (คำแนะนำของผมคือ คุณสั่งปริ้นท์ออกทางเครื่องพิมพ์ไปอ่านเถอะ จะได้ไม่เสียเวลาและสะดวกกว่า) มีปัญหาก็อีเมล์มาสอบถามกันได้ครับ
- เราจะเริ่มต้นออกแบบ/สร้างเว็บเพจอย่างไรดี ?
- แหล่งอ้างอิงจากไซต์อื่นและตำราอ้างอิงที่ผมใช้
- บัญญัติ 10ประการ ในการออกแบบเว็บเพจ
- กลวิธีเร่งความเร็วให้เว็บไซต์ของคุณ
- เครื่องมือสำหรับการเขียนและออกแบบเว็บเพจ (ที่ผมใช้งานครับ)
- มาทำความรู้จักกับ HTML เบื้องต้นกันก่อน
- หาของฟรีบนอินเทอร์เน็ตมาใช้งานกันดีกว่า
- สร้างเว็บไซต์ง่ายๆ สไตล์ผมด้วย Homesite 4.5
- เรียนรู้การสร้างบ้านด้วย HTML Step by Step
เราจะเริ่มต้นอย่างไรดี?
" เราจะเริ่มต้นอย่างไรดี? " คือ คำถามที่ผมได้รับจากเพื่อนๆ อยู่เสมอ ผมก็คงย้อนถามกลับคืนว่า "คุณมีเป้าหมายที่จะทำเรื่องอะไร ?" ถ้าคุณมีเป้าหมายแล้ว เรื่องก็คงจะง่ายขึ้นใช่ไหมครับ คุณน่าจะหลับตานึกหรือฝันได้ว่า คุณต้องการให้คนอื่นๆ เห็นหน้าตาโฮมเพจของคุณเป็นแบบใด เหมือนกับที่คุณอยากเห็นหน้าตาโฮมเพจของคนอื่นนั่นเอง ถ้าเรามีเป้าหมายแล้ว สิ่งที่เราต้องเตรียมในการสร้างบ้านก็มีดังนี้ครับ
- กำหนดเนื้อหาที่จะนำเสนอ ควรเป็นเรื่องที่เรามีความรู้ มีความเชี่ยวชาญ หรือมีแหล่งอ้างอิงที่จะคอยช่วยเหลือได้ ไม่จำกัดว่าเป็นเนื้อหาทางวิชาการ สาระบันเทิง เพลง เกมส์ หรืออื่นๆ และเชื่อว่าจะมีคนเข้ามาชมเว็บไซต์ของเราแน่ๆ อย่าให้กลายเป็นบ้านร้างหรือที่หลายคนเรียกว่า "ป่าช้าบนอินเทอร์เน็ต" ที่สำคัญเราต้องมีความสามารถในการปรับเปลี่ยนข้อมูลให้ใหม่และทันสมัยอยู่เสมอ ไม่ใช่ผ่านไปเป็นปีก็ยังคงเหมือนเดิม แบบนี้อย่าทำดีกว่า (เรื่องอะไร วางรายละเอียดเนื้อหาก่อน-หลัง เอาเฉพาะหัวข้อหลัก ๆ)
- ร่างโครงสร้างของโฮมเพจ ในกระดาษอย่างคร่าวๆ เพื่อให้มองเห็นภาพรวมทั้งหมด แล้วจึงทำรายละเอียดการเชื่อมโยงระหว่างหน้าต่างๆ (เพื่อป้องกันการสับสนและการเกิด Link ตาย คลิกหาไม่เจอ)
- เตรียมรูปภาพประกอบต่างๆ ที่เกี่ยวข้อง ทำการสแกนหรือสร้างขึ้นใหม่ตามเนื้อหาที่เกี่ยวข้อง จัดเก็บไว้เป็นไฟล์ชนิด *.jpg *.png หรือ *.gif แล้วแต่ชนิดของภาพ กำหนดพื้นฉากหลัง (background) ให้เหมาะสม อาจเป็นรูปภาพหรือสีพื้นธรรมดาก็ตามใจคุณ (ซึ่งมีเทคนิคที่เกี่ยวข้องดูได้ใน บัญญัติ 10 ประการ)
- เตรียมเครื่องมือที่จำเป็นต้องใช้ ในการเขียนเว็บไซต์จากแหล่งรวมโปรแกรมหลายๆ ทั้งของไทยอย่าง ThaiWare.Com และของเทศ ถาม Google ด้วยคำว่า webeditor ดูครับ หรือจะซื้อหาซอฟท์แวร์ตัวเต็มมีลิขสิทธิ์ถูกต้องมาใช้งานก็ตามสะดวกครับ
- ศึกษาการใช้คำสั่ง HTML ให้เข้าใจหลักเบื้องต้นที่สำคัญ ซึ่งจะเป็นพื้นฐานที่ดีสำหรับการสร้างเว็บเพจในขั้นสูงขึ้น ดังคำกล่าวของชาวยุทธ์ (นิยายกำลังภายใน) ว่า "สูงสุดคืนสู่ สามัญ" หมายความว่า ไม่ว่าคุณจะใช้โปรแกรมที่วิเศษวิโสเพียงใดก็ตามในการเขียนโฮมเพจ สุดท้ายก็ต้องมาตาย (แก้ไข) ด้วย Notepad โปรแกรมที่เป็นของแถมในวินโดว์ หรือใช้ Text Editor สำหรับแก้ไขคำสั่ง HTML อยู่ดี แล้วทำไม? เราไม่ศึกษาให้มันแตกฉาน เสียแต่เริ่มต้นล่ะครับ
- ต่อไปก็เรียนรู้ บัญญัติ 10 ประการ ในการออกแบบเว็บเพจ ก่อนลงมือสร้าง นี่อาจเป็นจุดเริ่มต้นของนักสร้างเว็บเพจที่ประสบความสำเร็จได้
- จากนั้นก็คงได้เวลาลงมือสร้างกันเลย (แน่นอนว่าตอนนี้คุณควรจะรู้วิธีการใช้โปรแกรมบางตัวดีแล้ว ยังไม่รู้ ? ไม่เป็นไร ติดตามเราต่อไป)
- สร้างบ้านเสร็จดูในเครื่องจนเราพอใจ ภูมิใจ สุดจ๊าบและฝันว่า "นี่ล่ะ! เว็บเพจที่เยี่ยมยอด ที่สุดในโลกนี้" ก็ถึงเวลาที่จะต้องหาที่ดินปลูกบ้านกันเสียที (Server ที่เราจะฝากโฮมเพจไว้ ซึ่งมีทั้งของฟรีและต้องจ่ายเงิน) ก็คลิกไปดูได้ในหัวข้อ การหาพื้นที่ ครับ
- ได้ที่ดินปลูกบ้านหลังงามแล้ว จะขนย้ายบ้านจากเครื่องเราไปยังพื้นที่ได้อย่างไร ก็ต้องดู ในหัวข้อ การจัดส่งไฟล์ ซิครับ
ไม่ยากเกินไปใช่ไหมครับ ใจเย็นๆ ครับ ค่อยๆ ศึกษาเรียนรู้กันไป อยากได้บ้านสวยต้องใจเย็นๆ คำแนะนำที่ดีอย่างหนึ่งก็คือ คุณควรท่องไปตามเว็บไซต์ต่างๆ ทั้งของไทยและเทศ เพื่อศึกษารูปแบบ รูปร่างหน้าตาของเว็บไซต์ที่คุณสนใจ เมื่อพบแล้วก็จัดเก็บภาพจากหน้าจอ เหล่านั้นไว้ พร้อม Source ของไฟล์ HTML ไซต์นั้นๆ โดยคลิกเมาท์ขวาลงบนหน้าเว็บเพจเลือกกด Ctrl+U (เพื่อเลือก View Source) แล้วคัดลอก ไปวางลงในโปรแกรม Notepad หรือ ซอฟท์แวร์ที่คุณใช้ในงานเขียนเว็บเพจ และเซฟไฟล์ไว้ศึกษาทีหลังได้
มีเว็บไซต์สวยๆ หลายที่อยากให้คุณลองไปดู เผื่อจะได้ไอเดียใหม่ๆ มาพัฒนาเว็บไซต์ของเราให้สวยงามครับ