สร้างเว็บไซต์

การพัฒนาบทเรียนบนเครือข่าย  รายวิชาการสร้างเว็บไซต์ รหัสวิชา ง30256

ชื่อเรื่อง   การพัฒนาบทเรียนบนเครือข่าย  รายวิชาการสร้างเว็บไซต์ รหัสวิชา ง30256                        กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี    ชั้นมัธยมศึกษาปีที่ 5 ผู้วิจัย       นางนิเกต  อุ่นทะเล ตำแหน่ง   ครู  วิทยฐานะ  ครูชำนาญการ สถานศึกษา  โรงเรียนเมืองตลุงพิทยาสรรพ์   อำเภอประโคนชัย   จังหวัดบุรีรัมย์ ปีที่พัฒนา ปีการศึกษา  2561 บทคัดย่อ การพัฒนาบทเรียนบนเครือข่ายในครั้งนี้  มีความมุ่งหมายเพื่อพัฒนาบทเรียนบนเครือข่าย รายวิชาการสร้างเว็บไซต์ รหัสวิชา ง30256  กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี  ชั้นมัธยมศึกษาปีที่ 5   ที่มีประสิทธิภาพตามเกณฑ์  80/80  เพื่อศึกษาดัชนีประสิทธิผลของบทเรียนบนเครือข่ายที่พัฒนาขึ้น  เพื่อศึกษาผลสัมฤทธิ์ทางการเรียนก่อนและหลังเรียนด้วยบทเรียนบนเครือข่ายที่พัฒนาขึ้น  และเพื่อศึกษาความพึงพอใจของนักเรียนที่มีต่อบทเรียนบนเครือข่าย […]

แนะนำวิธีการ สร้างเว็บด้วยเวิร์ด ง่ายเวอร์

สวัสดีครับผมวันนี้มีนักเรียนมาถามแอดมินครูเชียงรายว่า เราจะมีวิธีใดบ้างที่จะสร้างเว็บเพจแบบง่ายๆได้บ้าง เพราะว่าหนูๆไม่มีความรู้เรื่องการใช้งานโปรแกรม วันนั้นแอดมินเลยแนะนำไปว่างั้นก็ใช้โปรแกรมไมโครซอฟต์เวิร์ดเลย วันนี้เลยอยากจะมาแนะนำให้ทุกท่านได้ลองนำไปใช้ประยุกต์ใช้งานกันบ้างครับผม ก่อนอื่นเปิดโปรแกรม ไมโครซอฟต์เวิร์ด ขึ้นมาก่อนครับผม จากนั้นก็พิมพ์ข้อมูลใส่รูปภาพเข้าไปเลยครับผม ต่อไปให้เรา Save As เลือกชนิดไฟล์เป็น Web page ครับผม เพียงเท่านี้เราก็สามารถ สร้างเว็บเพจด้วยโปรแกรมไมโครซอฟต์เวิร์ด ได้แล้วครับผม ลองเปิดดูได้ครับ ^^

Steps 4 : How to Make a Website ติดตั้งโปรแกรม FileZilla

หลังจากที่เราได้จดโดเมนและเช่าโฮสติ้งเป็นที่เรียบร้อยแล้ว ต่อมาให้เราติดตั้งโปรแกรม filezilla เพื่อที่เราจะอัพโหลดตัว WordPress ซึ่งเป็นเว็บ CMS ฟรี ที่เราจะติดตั้งกันครับผม ก่อนอื่นเข้าไปดาวน์โหลดโปรแกรม ที่เว็บนี้ครับผม https://filezilla-project.org/download.php หลังจากนั้นให้เราติดตั้งโปรแกรม FileZilla ครับผม หลังจากติดตั้งโปรแกรมเสร็จเรียบร้อยแล้ว เดียวเราทำการ Set รหัสผ่าน FTP เพื่อเข้าโฮสในบทความถัดไปครับผม อ่านบทความก่อนหน้านั้น Steps 1: How to Make a Website สร้างเว็บไซต์ง่ายๆด้วยตัวเอง Steps 2: How to Make a Website รู้จักกับโดเมนเนมและเว็บโฮสติ้ง Steps 3 : How to Make a Website จดโดเมนเนมเช่าเว็บโฮสติ้ง Steps 4 : How to Make a Website ติดตั้งโปรแกรม FileZilla

Steps 3 : How to Make a Website จดโดเมนเนมเช่าเว็บโฮสติ้ง

วันนี้เราเดินทางมาถึงบทความที่ 3 แล้วครับผม บทความนี้มีชื่อว่าจดโดเมนเนมเช่าเว็บโฮสติ้ง พูดง่ายๆก็คือ การจดชื่อเว็บไซต์และเช่าพื้นที่เพื่อเก็บข้อมูลให้กับเว็บเรานั่นเองครับผม ส่วนใหญ่แล้วผมจะจดชื่อโดเมนที่บริษัท ดอทอะไร (dotarai) ครับผม และเช่าโฮสติ้งของ appservhosting ผมจะแยกเช่าระหว่างโดเมนและโฮสไว้คนละบริษัท แต่เพื่อความสะดวกผมขอแนะนำให้ท่าน จดชื่อพร้อมเช่าโฮสที่เดียวกันเลยครับเพื่อความสะดวกสำหรับมือใหม่ วันหน้าค่อยย้ายก็ได้ ก่อนจดโดเมนคิดชื่อให้ดีนะครับ ซึ่งมันจดแล้วจดเลยคิดให้ดีครับ จะเอาสั้นเอายาว เอาชื่อติดหู ชื่อบริษัท คิดให้ดีครับ ว่าแล้วเรามาเริ่มเลยครับผมก่อนอื่นเข้าไปที่เว็บไซต์บริการเช่าโดเมนโฮสติ้ง (ผมขอสาธิที่เจ้านี้แล้วกันครับ) http://www.appservhosting.com/ เลือกเอาเลยครับ ต้องการไซส์ไหน พื้นที่เท่าไหร่ เมื่อเลือกได้แล้วก็ กดสมัครใช้บริการเลยครับ กรอกข้อมูลให้ครบถ้วน จากนั้น เราจะได้รับอีเมล์ให้ไปชำระเงินตามที่เขาแจ้งมาครับผม เมื่อได้รับอีเมล์เรียบร้อยแล้วเราก็ไปชำระเงินที่ตู้ ATM หรือ โอนผ่านเคาเตอร์ จากนั้นเราก็โทรไปแจ้งเขา หรือเมล์ไปแจ้งเขาครับว่า เว็บนี้… โอนเงินไปแล้ว เมื่อเขาได้ตรวจสอบแล้วว่าเราชำระเงินแล้วเขาก็จะส่งข้อมูล การจัดการเว็บไซต์มาให้เราทางอีเมล์อีกครั้งหนึ่งครับผม เพียงเท่านี้เราก็สามารถ จดโดเมนเนมเช่าเว็บโฮสติ้ง ได้เรียบร้อยแล้วครับผม สำหรับการสร้างเว็บไซต์ติดตามอ่านได้จากบทความ ถัดไปครับผม ^^ อ่านบทความก่อนหน้านั้น Steps 1: How to Make a Website สร้างเว็บไซต์ง่ายๆด้วยตัวเอง Steps 2: How to […]

Steps 2: How to Make a Website รู้จักกับโดเมนเนมและเว็บโฮสติ้ง

โดเมนเนม (Domain Name) ก็คือชื่อเว็บไซต์ของเรานั่นเองครับผม ดูรูปด้านล่างนี้นะครับ ที่ลูกศรสีแดงชี้นั่นคือ โดเมนเนมครับ โดเมนเนมนี้มีชื่อว่า www.kruchiangrai.net  (ครูเชียงรายดอทเน็ต) ครับ เป็นเว็บของผมเองผมใช้ .com ครับ ซึ่ง .com , .net , .org , .ac.th ฯลฯ แต่ละดอทเนี๊ย มันมีความหมายของมันครับขึ้นอยู่ที่ว่าเราทำเว็บเกี่ยวกับอะไรก็ใช้ดอทนั้นครับ ลองไปหาความหมายของแต่ละดอทใน Google ดูได้ครับผม เว็บโฮสติ้ง (Web Hosting) คือที่เก็บข้อมูลต่างๆของเว็บเรา ให้ออนไลน์อยู่่บนโลกอินเทอร์เน็ตตลอด 24 ชม. นั่นเองครับ ตัวอย่างรูปด้านล่างนี้ครับผม สำหรับการจดโดเมน เช่าโฮสติ้งสามารถติดตามอ่านได้จากบทความ ถัดไปครับผม อ่านบทความก่อนหน้านั้น Steps 1: How to Make a Website สร้างเว็บไซต์ง่ายๆด้วยตัวเอง Steps 2: How to Make a […]

Steps 1: How to Make a Website สร้างเว็บไซต์ง่ายๆด้วยตัวเอง

Steps 1: How to Make a Website สร้างเว็บไซต์ง่ายๆด้วยตัวเอง ไม่ว่าใครก็ต้องมีประสบการณ์ต่างๆครั้งแรกเหมือนกันใช่ไหมครับ สำหรับตัวผมเองก็เหมือนกันครับกว่าจะสร้างเว็บไซต์เว็บแรกของตัวเองได้สำเร็จนั้นผมต้องอ่านหนังสือ ต้องศึกษาค้นคว้าหาข้อมูลจากอินเตอร์เน็ต ถามเพื่อนๆบ้างจนสามารถสร้างเว็บไซต์ของตัวเองได้เนื่องจากผมไม่ได้เรียนจบคอมพิวเตอร์มาโดยตรง สำหรับเนื้อหาในบทความนี้ที่จริงผมอยากจะทำเป็น Ebook แต่ผมว่าเอามาลงไว้ในเว็บนี้ดีกว่า ผมเลยตั้งใจไว้ว่าจะสอนให้ผู้ที่สนใจสร้างเว็บไซต์ได้เอง แบบ Step by Step ตั้งแต่การคิดชื่อเว็บไซต์ไปจนถึงการดูเว็บไซต์แบบเนื้อๆเน้นๆไม่ต้องเสียเวลามานั่งคลำแบบผมครับ ออ…อีกอย่างครับ เนื้อหาและวิธีการสอนสร้างเว็บไซต์ในเว็บไซต์นี้เป็นการสอนการสร้างเว็บไซต์ สไตล์ของผมเอง ถ้าหาก(กูรู)หรือท่านไหนคิดว่าสอนไม่ถูก สอนไม่ดีใช้คำผิด หรือเรียกชื่อ เครื่องมือที่ใช้ผิด ก็ต้องขออภัยด้วยนะครับเพราะมันคือความเข้าใจของผมเอง สำหรับท่านไหนไม่เข้าใจบางคำที่อธิบายสามารถค้นหาข้อมูลเพิ่มเติมได้ที่ Google เลยครับผม รอติดตามอ่าน Steps 2 : How to Make a Website สร้างเว็บไซต์ง่ายๆด้วยตัวเอง นะครับผม ผมจะทยอยเอาบทความมาลงเรื่อยๆครับผม และท่านไหนมีข้อสงสัยก็สามารถสอบถามกันเข้ามาได้ครับผม ไม่ว่าจะทางเพจ ทางเมล์ หรือคอมเม้นต์ใต้บทความนี้ครับผม อ่านบทความก่อนหน้านั้น Steps 1: How to Make a Website […]

การปรับแต่งธีมให้กับ Google Sites

หลังจากที่ผมได้แนะนำการสร้าง Sites จาก Google sites ในบทความที่มีชื่อว่า ” สร้างเว็บไซต์ฟรีด้วย Google Sites ภายใน 6 คลิก ” ไปแล้วนั้นวันนี้ผมก็จะมาต่อในเรื่องของการปรับแต่งธีม (Theme) ให้กับ Sites ของเรา เพื่อให้ Sites ของเราสวยงามและโดดเด่น เรามาเริ่มกันเลยครับผม

สร้างเว็บไซต์ฟรีด้วย Google Sites ภายใน 6 คลิก

หลังจากที่ผมได้ไปอบรม EIS กับมหาลัยบูรพา ทางทีมงานวิทยากรก็แนะนำให้ผู้อบรมสร้างไซต์ โดยใช้ Google Sites (กูเกิลไซต์) ซึ่งเหมาะสำหรับท่านที่ต้องการมี(เว็บ)ไซต์เป็นของตัวเอง ที่สำคัญไม่มีค่าใช้จ่ายใดๆทั้งสิ้น พูดง่ายๆก็คือฟรีนั่นเองครับผม วันนี้ผมก็เลยอยากจะแบ่งปันความรู้ที่ได้รับมาให้กับทุกท่านที่สนใจอยากสร้างไซต์ โดยใช้ Google Sites ครับผม 

ขั้นตอนการแรกในการสร้างเว็บไซต์ จดโดเมนและเช่าโฮสติ้ง

ขั้นตอนการแรก ในการสร้างเว็บไซต์เราต้องทำการจดโดเมน Domain name (ชื่อเว็บไซต์) และเช่าเว็บโฮสติ้ง Hosting (พื้นที่ในการจัดเก็บข้อมูล) ให้กับเว็บไซต์ของเราก่อนครับ ก่อนอื่นเรามาดูกันก่อนครับว่า ก่อนที่เราจะไปจดโดเมนและเช่าโฮสติ้ง จากผู้ให้บริการ เราต้องพิจารณาอะไรบ้าง โดเมน Domain name  การตั้งชื่อเว็บไซต์นั้นสำคัญมากๆ ชื่อเว็บไซต์กับเนื้อหาของเว็บไซต์ ควรจะไปในทิศทางเดียวกัน แต่ก็มีหลายเว็บที่ชื่อเว็บไซต์และเนื้อหาไม่ไปในทิศทางเดียวกัน ทำให้ผู้ชมเว็บไซต์สับสนได้ การตั้งชื่อเว็บไซต์ สามารถตั้งชื่อเป็นภาษาไทยทับศัพท์ ภาษาอังกฤษได้ เช่น Kru (ครู) chiangrai ดังตัวอย่างเว็บไซต์นี้ เป็นต้น การตั้งชื่อเว็บไซต์แนะนำให้ตั้งชื่อสั้นๆกระชับๆ เพื่อที่จะให้ผู้ชมจดจำได้ง่ายและกระชับได้ใจความ (เหมาะสำหรับ SEO) ควรเป็นชื่อที่เป็นสากล และควรเป็นชื่อที่เกี่ยวกับเนื้อหาของเว็บไซต์ เว็บโฮสติ้ง Hosting  เว็บโฮสติ้ง Hosting เป็นบริการให้เช่าพื้นที่ รับฝากข้อมูลของเว็บไซต์เราไว้บนเว็บเซิร์ฟเวอร์ โดยปกติแล้วเว็บไซต์ทุกๆเว็บไซต์จะต้องมี WebServer (เว็บเซิร์ฟเวอร์)เป็นของตัวเองนั้น โดยเราต้องลุงทุนเองและเราต้องมีความรู้เรื่องการจัดการเซิร์ฟเวอร์ ที่สำคัญมีค่าใช้จ่ายสูงมาก รวมไปถึงจะต้องมีคนดูแลตลอด 24 ชั่วโมง อีกด้วย จึงทำให้มีผู้ให้บริการด้านเว็บโฮสติ้งเข้ามาสนับสนุนสำหรับเว็บไซต์ต่างๆที่ไม่มี เซิร์ฟเวอร์ เป็นของตัวเอง โดยการพิจารณาเลือกเว็บโฮสติ้งนั้นเราต้องดูหลายๆ ปัจจัยไม่ว่าจะเป็น ความปลอดภัย ราคา ขนาดพื้นที่ในการจัดเก็บข้อมูล โอกาสการขยายเว็บไซต์ในอนาคต […]

มาสร้างเว็บไซต์กันเถอะ

สวัสดีครับทุกท่าน วันนี้ผมจะมาสอนสร้างเว็บไซต์ด้วย เว็บสำเร็จรูป กันครับ ทำไมผมจึงอยากให้ใช้เว็สำเร็จรูปกัน ก็เพราะว่ามันเป็นยังไงหล่ะครับ และที่สำคัญที่ผมไปสังเกตมาแล้วครับว่าหลายๆเว็บไซต์ ขาดบุคลากรที่ดูแลเว็บไซต์ และทำให้เว็บไซต์ร้าง บางท่านผู้ที่ศึกษาคอมพิวเตอร์ที่จะมาดูแลเว็บไซต์ได้ บางท่านทำเว็บไซต์ได้ก็จริงแต่ว่า งานเยอะซะเหลือเกิน (อะไรก็เฮาเนี๊ย) อะไรๆก็ทำหมด ทำหน้าที่เกือบทุกอย่าง จนไม่มีเวลาดูแลเว็บไซต์ บางครั้งมีข่าวกิจกรรมประชาสัมพันธ์ ก็ต้องรอคนที่ทำเป็นเท่านั้น ถึงจะเอาข่าวลงเว็บได้ เฮ้อ ..เหนื่อย แต้ๆ .. วันนี้ปัญหาของท่านจะหมดไป 555 ลองมาศึกษากับผมดูครับ รับรองทำเว็บไซต์สวยๆได้แน่นอน … ตัวอย่างเว็บไซต์จาก http://www.chiangrai108.com/ ที่สร้างจาก WordPress

Loading...