การสร้างเว็บไซต์ตั้งแต่เริ่มต้นและทำให้ชีวิตของเว็บเพจมีความซับซ้อนคุณก็รู้ แต่นี้ไม่ได้หยุดความกระตือรือร้นและความปรารถนาของคุณที่จะเรียนรู้; ด้วยเหตุนี้คุณจึงคลิกที่คำแนะนำของฉัน ฉันต้องการเข้าใจว่าโซลูชันใดที่พร้อมใช้งานเพื่อให้มีพื้นที่ใช้สอยส่วนตัวของคุณบนอินเทอร์เน็ตสร้างหน้าเว็บอย่างน้อยหนึ่งหน้าซึ่งเป็นตัวแทนของคุณ
ดีถ้าสิ่งที่เป็นจริงในแบบนี้ฉันไม่สามารถช่วย แต่พูดว่า "ฉันดีใจที่คุณต้องการเรียนรู้เพิ่มเติม" และนั่นเป็นเหตุผลที่ฉันต้องการทำทุกอย่างที่ฉันสามารถทำได้เพื่อช่วยให้คุณ คุณพูดถูกต้องการตั้งค่าเว็บไซต์อาจไม่ใช่เรื่องง่ายโดยเฉพาะอย่างยิ่งหากคุณต้องการสร้างขึ้นตั้งแต่ต้นและคุณไม่ทราบภาษาการเขียนโปรแกรมหรือหากคุณไม่ใช่ผู้เชี่ยวชาญในการใช้คอมพิวเตอร์ แต่ในปัจจุบันนี้คุณไม่จำเป็นต้องเรียนอีกหลายชั่วโมงเพื่อสร้างเว็บไซต์ทางอินเทอร์เน็ต ด้วยการถือกำเนิดขึ้นของเทคโนโลยีทำให้การสร้างเว็บไซต์และเว็บเพจกลายเป็นเรื่องง่ายขึ้น ฉันจึงมั่นใจว่าด้วยความพยายามเพียงเล็กน้อยและความอดทนเพียงเล็กน้อยคุณจะสามารถสร้างเว็บไซต์ส่วนบุคคลของคุณเองได้
คุณสงสัยว่าอย่างไร? คำตอบคือไม่กี่บรรทัดจากนี้ ในระหว่างบทแนะนำนี้ฉันจะพูดถึงตัวเลือกต่างๆที่คุณสามารถใช้สร้างหน้าเว็บได้คุณอยากรู้เกี่ยวกับวิธีการสร้างเว็บเพจ? สิทธิทั้งหมด! จากนั้นทำตามย่อหน้าที่จะปฏิบัติตาม ฉันแน่ใจว่าคุณจะตื่นเต้นกับสิ่งที่ฉันมีไว้เพื่อคุณ เราเดิมพัน? ฉันหวังว่าคุณจะอ่านดี!
หน้าเว็บคืออะไร
- การสร้างเว็บเพจโดยใช้ CMS
- วิธีการสร้างเว็บเพจภายใน
- วิธีการสร้างเว็บเพจโดยใช้ CMS
- วิธีการสร้างเว็บเพจใน HTML
- หน้าเว็บคืออะไร เว็บ
เพื่ออธิบายแนวคิดของเว็บเพจคุณจะสามารถวิเคราะห์นิพจน์ได้โดยแบ่งคำศัพท์ทั้งสองคำออก: สำหรับ
หน้าเราหมายถึงเอกสารที่มีอยู่ภายในองค์ประกอบแบบข้อความและมัลติมีเดีย ด้วยคำว่าWebตรงกันข้ามเราหมายถึงความเป็นไปได้ในการแจกจ่ายเนื้อหาผ่านทางอินเทอร์เน็ตดังนั้นจึงมีผู้ใช้ที่เป็นสาธารณะหรือเลือกไว้ คุณจึงสามารถคาดเดาได้ง่ายว่าหน้าเว็บเป็นเพียงเอกสารที่ผู้ใช้สามารถเข้าถึงได้ผ่านทางอินเทอร์เน็ต (โดยไปที่ลิงก์เฉพาะ) เพื่อดูเนื้อหาภายในคู่มือที่คุณกำลังอ่านนี้เป็นตัวอย่างของเว็บเพจภายในคุณไม่เพียง แต่ดูคู่มือที่ต้องการ แต่ยังมีองค์ประกอบมัลติมีเดียเช่นภาพที่แนบมาด้วยเว็บเพจสามารถเป็นอิสระและโดดเดี่ยวหรือสามารถเป็นหนึ่งในกลุ่มอื่น ๆ ที่อยู่ในเว็บไซต์เดียวหลังเป็น aggregator ของเว็บเพจที่มีคุณลักษณะทั่วไป: เป็นส่วนหนึ่งของโดเมนเดียวกัน
ฉันจะให้ตัวอย่างการปฏิบัติเพื่อชี้แจงหัวข้อนี้ ตามที่เข้าใจคู่มือนี้คือหน้าเว็บ แต่คำแนะนำอื่น ๆ ของเราซึ่งมีชื่อว่า "วิธีสร้างลิงก์" หรือ "วิธีการเปิดใช้งาน Google Assistant" ก็เป็นเว็บเพจด้วยเช่นกันส่วนนี้เป็นส่วนหนึ่งของเว็บไซต์เดียวกัน ซึ่งมี เป็นโดเมนสำหรับ อย่างแม่นยำ
ตอนนี้คุณมีความคิดที่ชัดเจนก่อนที่จะบอกวิธีสร้างเว็บเพจจริงผมอยากให้คุณถามตัวเองสองสามคำถาม: คุณต้องการสร้างเว็บเพจเพิ่มเติมสำหรับเว็บไซต์หรือต้องการสร้างเว็บเพจเดียวตัวอย่างเช่นเพื่อโฮสต์ ข้อมูลเกี่ยวกับเหตุการณ์หรือเพียงแค่เป็นนามบัตรสำหรับธุรกิจของคุณ? นอกจากนี้คุณต้องการสร้างหน้าเว็บที่ทุกคนเห็นหรือเพียงเพื่อเหตุผลส่วนตัวเท่านั้น
การตอบคำถามเหล่านี้มีความสำคัญเนื่องจากจะช่วยให้คุณเข้าใจในย่อหน้าต่อไปนี้ซึ่งจะอธิบายการใช้บริการและแพลตฟอร์มที่จะช่วยคุณในการสร้างเว็บเพจและการประยุกต์ใช้ในทางปฏิบัติเพื่อรวบรวมหน้าเว็บของคุณผ่านทางซอร์สโค้ด
วิธีการสร้างหน้าเว็บโดยใช้ CMS
เมื่อมาถึงเว็บไซต์ที่เรามักจะพูดถึงแพลตฟอร์มที่ใช้ในการสร้างมันขึ้นมาเช่น
CMS ที่จัดการเนื้อหาทั้งหมดของเว็บไซต์ของตน. คำย่อย่อมาจากCMSระบบการจัดการเนื้อหาและบ่งชี้ว่าซอฟแวร์ที่ติดตั้งบนเซิร์ฟเวอร์ที่ช่วยให้คุณจัดการเนื้อหาที่ตีพิมพ์โดยเจ้าของเว็บไซต์. CMS ที่ได้กลายเป็นที่นิยมมากเพราะพวกเขาจะใช้งานง่ายและมักจะไม่ต้องใช้ทักษะพิเศษ มีจำนวนมากดังนั้น CMS ที่สามารถช่วยคุณสร้างและเผยแพร่เว็บไซต์หนึ่งที่มีชื่อเสียงที่สุดคือWordPressนอกจากนี้ยังมี CMS อื่น ๆ เช่น Drupal
,Joomla และ TYPO3แต่ผมแนะนำให้ WordPress เพราะมันเป็นสิ่งที่ผมเองใช้มานานหลายปีในการใช้ WordPress เพื่อเผยแพร่เนื้อหาของคุณบนอินเทอร์เน็ตคุณจะต้องมีเซิร์ฟเวอร์หรือโฮสติ้ง (เช่นพื้นที่เซิร์ฟเวอร์) นอกจากนี้คุณยังสามารถซื้อโดเมนได้เช่นเดียวกับคู่มือนี้ที่คุณกำลังอ่าน เพื่อให้ง่ายต่อการเข้าถึง ในเรื่องนี้ผมขอแนะนำให้คุณอ่านคู่มือการสร้างเว็บไซต์ฟรีหรือคู่มือนี้มีชื่อว่า Best WordPress hostingลองใส่กรณีไปแล้วว่าคุณได้ซื้อและติดตั้ง WordPress ไว้แล้วบนโฮสติ้งของคุณตามคำแนะนำของคำแนะนำอื่น ๆ ที่ผมเสนอไว้ ตอนนี้คุณจะต้องสร้างหน้าเว็บด้วย WordPress จะทำอย่างไร? กระบวนการเป็นเรื่องง่ายที่คุณเพียงแค่ต้องใช้เวลาน้อยมากในการสร้างเว็บเพจ.Reach WordPress แผง admin มักจะพบได้ที่
www.dominio.estensione / WP-admin /
เข้าสู่ระบบด้วยข้อมูลรับรองผู้ดูแลระบบของคุณหากได้รับแจ้งให้ดำเนินการ
จากแผงควบคุมนี้คุณสามารถแสดงแถบเมนูแนวตั้งทางด้านซ้ายได้ คุณจะสามารถดูสองรายการที่จะช่วยคุณสร้างเว็บเพจ:บทความและ
หน้าคุณสงสัยว่าทำไมมีสองปุ่มที่แตกต่างกันเพื่อสร้างสิ่งเดียวกันใช่ไหม? ในความเป็นจริงแม้ว่าจะมีความคล้ายคลึงกันแนวคิดก็แตกต่างกัน บทความถูกออกแบบมาให้เป็นเนื้อหาที่มีค่าตามลำดับเวลาในขณะที่หน้าเว็บเป็นเนื้อหาแบบสแตติกในช่วงเวลา ยังไม่ชัดเจนหรือ? ฉันจะให้ตัวอย่างที่เป็นรูปธรรมทันทีใช้ตัวอย่างเช่นเว็บไซต์ ของฉัน มีทั้งบทความและหน้าเว็บในความเป็นจริงฉันจะบอกว่ามีบทความมากมายกว่าหน้า คำแนะนำทุกสิ่งที่ผมเสนอบนเว็บไซต์ของฉันจะเขียนเป็นบทความเพราะพวกเขามีเนื้อหาที่อาจเกิดขึ้นแบบไดนามิกซึ่งสามารถแตกต่างกันเมื่อเวลาผ่านไปเนื่องจากการเปลี่ยนแปลงในหัวข้อของการที่ฉันพูด แต่หน้าเว็บคือใคร ถูกสร้างขึ้นมาเป็นหน้า WordPress และไม่เป็นผลิตภัณฑ์เพียงเพราะมันมีวัตถุประสงค์เพื่อเป็นเนื้อหาแบบคงที่มากขึ้นเมื่อเวลาผ่านไป ซึ่งไม่จำเป็นต้องมีการปรับปรุงบ่อยตอนนี้คุณเข้าใจ conceptually ความแตกต่างระหว่าง WordPress กับบทความคลิกที่รายการที่คุณต้องการสร้าง เพื่อความเรียบง่ายของข้อมูลเราจะใช้เป็นตัวอย่างของการสร้างหน้าเว็บด้วย WordPress ไม่ใช่บทความ ที่ด้านบนซ้ายคุณจะพบปุ่มเพิ่มใหม่ next ถัดจากคำ
Pages
คลิกที่นี่เพื่อเข้าสู่ตัวแก้ไขหน้าและเริ่มกรอกข้อมูลในหน้าเว็บที่คุณต้องการสร้างที่ด้านบนคุณจะพบกล่องข้อความที่มีข้อความป้อนชื่อซึ่งคุณสามารถใช้เพื่อตั้งชื่อให้กับเพจได้ ทันทีด้านล่างคุณจะพบกล่องขนาดใหญ่ที่จะช่วยให้คุณสามารถแทรกเนื้อหาทั้งหมดของหน้าเว็บซึ่งจะสามารถแทรกข้อความหรือเนื้อหามัลติมีเดียได้ หากคุณต้องการแก้ไขรูปแบบขั้นสูงคลิกที่แท็บที่ด้านบนขวาของกล่องชื่อVisual
เมื่อคุณได้ป้อนเนื้อหาทั้งหมดที่คุณต้องการแล้วคุณจะต้องคลิกที่ปุ่มจากแผงด้านขวาเผยแพร่ถ้าคุณต้องการบันทึกร่างให้คลิกที่บันทึกการร่างการปลอมแปลงแทน คุณสามารถดูตัวอย่างหน้าโดยคลิกที่ดูตัวอย่างถ้าคุณต้องการ จำกัด มุมมองของเพจให้กับผู้ใช้คุณจะต้องคลิกที่แก้ไขรายการในแผงด้านขวาซึ่งจะอยู่ใกล้ ๆ กับรายการเสียงพูดVisibility จากนั้นคุณสามารถเลือกว่าจะแสดงให้ทุกคน (สาธารณะ
) สำหรับผู้ใช้ที่มีรหัสผ่าน (รหัสผ่านที่ป้องกัน) หรือเฉพาะผู้ดูแลเว็บไซต์ (ส่วนตัว)การดูหน้าเว็บและบทความใน WordPress ขึ้นอยู่กับวิธีการตั้งค่าหน้าแรกและรายการเมนูของคุณ ดังนั้นเพื่อแสดงบนโฮมเพจของคุณคุณจะต้องดำเนินการผ่านการตั้งค่ารูปลักษณ์ของธีมของคุณวิธีการสร้างเว็บไซด์ท้องถิ่นถ้าคุณต้องการสร้างเว็บเพจท้องถิ่นแทนคุณมีทางเลือกหลายอย่างขึ้นอยู่กับเป้าหมายของคุณ ตัวอย่างเช่นคุณสามารถติดตั้ง CMS ลงในคอมพิวเตอร์ของคุณและสร้างเว็บเพจและเว็บไซต์ภายในเครื่องจากนั้นโอนไปยังโฮสติ้งและให้บริการแก่ทุกคน หรือถ้าคุณต้องการสร้างเว็บเพจในรูปแบบ HTML สำหรับโครงการส่วนบุคคลของคุณคุณสามารถสร้างเว็บเพจในรูปแบบ HTML โดยใช้เครื่องมือทางเว็บและ / หรือโปรแกรมที่เหมาะสมกับวัตถุประสงค์ แน่นอนว่าตราบเท่าที่หน้าเว็บที่คุณสร้างขึ้นยังคงเป็นของท้องถิ่นคุณสามารถดูได้เท่านั้นการสร้างเว็บเพจภายในโดยใช้ CMSการสร้างเว็บไซด์ท้องถิ่นโดยใช้ CMS ไม่จำเป็นต้องจ่ายเงินจำนวนใด ๆ สำหรับโฮสติ้งหรือโดเมนที่ได้รับ คุณสามารถติดตั้ง CMS ในคอมพิวเตอร์ของคุณโดยใช้ซอฟต์แวร์จำลองเซิร์ฟเวอร์จำนวนมาก ขอแนะนำให้ใช้ซอฟต์แวร์ Bitnami ซึ่งเป็นซอฟต์แวร์ที่ช่วยให้คุณสามารถเริ่มต้นเซิร์ฟเวอร์ภายในเครื่องเพื่อให้สามารถใช้แอพพลิเคชันบนเว็บเช่น WordPress, Joomla และอื่น ๆ อีกมากมาย การใช้งานและความนิยมของ WordPress จะอธิบายถึงวิธีการติดตั้ง WordPress ในเครื่องเพื่อสร้างเว็บเพจของคุณคลิกที่ลิงค์นี้เพื่อไปยังหน้าเว็บที่ทุ่มเทให้กับเวิร์ดเพรสบนเว็บไซต์อย่างเป็นทางการของ
Bitnami
จากแผงด้านซ้ายให้เลือกป้ายกำกับ
Local install
และดาวน์โหลดโปรแกรมติดตั้งสำหรับคอมพิวเตอร์ของคุณ
Windows
หรือmacOSในคู่มือนี้ฉันจะอธิบายขั้นตอนสำหรับคอมพิวเตอร์ที่มี Windowsหลังจากเสร็จสิ้นการติดตั้งแล้วให้คลิกสองครั้งที่ไฟล์แล้วคลิกใช่ในหน้าต่างควบคุมผู้ใช้แล้วคลิกตกลงสำหรับการเลือกภาษา (ค่าเริ่มต้นภาษาอังกฤษ
) รอสักครู่และถ้าคุณเห็นหน้าต่างเตือนความขัดแย้งที่เป็นไปได้กับโปรแกรมป้องกันไวรัสให้คลิกที่ใช่จากนั้นคลิกที่ถัดไปสามครั้งและในหน้าจอที่ปรากฏให้ป้อนรหัสผ่านที่คุณเลือกได้ง่าย โปรดจำชื่อผู้ใช้ (user) และรหัสผ่านที่คุณป้อนเนื่องจากคุณจำเป็นต้องเข้าถึงแผงควบคุมของ WordPress จากนั้นคลิกที่ถัดไปและป้อนชื่อเว็บไซต์ที่คุณกำลังสร้างในประเทศถ้าคุณคิดว่าพอดี จากนั้นคลิกที่ถัดไปสองครั้งแล้วยกเลิกการทำเครื่องหมายที่ช่องเปิด WordPress ในเมฆด้วย Bitnamiต่อด้วยปุ่มNextอีกสองครั้ง เมื่อติดตั้งเสร็จสิ้นให้กดปุ่มFinish. ทันทีที่คุณจะเปิดหน้าเว็บ Bitnami และคุณจะต้องคลิกที่Access WordPressจากนั้นคุณจะเปิดเว็บไซต์ใน WordPress พร้อมด้วยแอดเดรส//127.0.0.1/wordpress/นี่เป็นที่อยู่สำหรับการเข้าถึงเว็บไซต์ที่สร้างขึ้นเองในแต่ละครั้ง หากต้องการเข้าถึงแผงควบคุมของ WordPress ในแถบที่อยู่เว็บของเบราเซอร์//127.0.0.1/wordpress/wp-admin/เมื่อลงชื่อเข้าใช้ด้วยข้อมูลรับรองที่คุณได้ลงทะเบียนไว้ในระหว่างขั้นตอนการติดตั้ง Bitnami ให้ทำตามขั้นตอนที่ได้ระบุไว้ในวรรคก่อนเพื่อสร้างหน้าเว็บท้องถิ่นวิธีการสร้างHTML ของหน้าเว็บเพื่อสร้างเว็บเพจนี้คุณยังสามารถใช้วิธีการคลาสสิกที่เกี่ยวข้องกับการเขียนเดียวกันโดยใช้ HTML หน้า HTML ประกอบด้วยแท็กที่ระบุองค์ประกอบที่คุณต้องการแทรกลงในเอกสารของคุณ
มีแท็กมากใน HTML เช่นแท็กฝังภาพที่มีแท็กเพื่อแทรกชื่อของข้อความแท็กเพื่อสร้างการเชื่อมโยงกับคนอื่น ๆ ที่อยู่ภายในหรือภายนอกผ่านทางหน้าการเชื่อมโยงหรือแท็กระบุย่อหน้าของข้อความ คนที่ผมแสดงให้เห็นว่าคุณเป็นเพียงไม่กี่ของแท็กมากมายที่ช่วยให้คุณสามารถแทรกข้อความและมัลติมีเดียองค์ประกอบภายในเว็บเพจ
แต่มันเป็นสิ่งสำคัญที่ในการสร้างเว็บเพจจะถูกแทรกแท็กที่เฉพาะเจาะจง:.
แท็ก
เปิดและปิดได้อย่างแม่นยำระบุหน้า HTML และให้บริการเพื่อที่จะสามารถแสดงผลได้อย่างถูกต้องโดยเบราว์เซอร์ แท็ก
ตาม
เป็นสิ่งสำคัญเพื่อให้ความคิดของการโต้แย้งไปยังผู้ใช้ที่ดูหน้า ที่สำคัญยังเป็นแท็กที่ระบุร่างกายทั้งหมดของหน้าซึ่งจะมีองค์ประกอบทั้งหมดที่ผมกล่าวถึงคุณก่อนที่จะป้อนข้อความและมัลติมีเดีย
คุณสามารถดำเนินการได้หลายวิธีในการสร้างเว็บเพจในรูปแบบ HTML เช่นคุณสามารถเขียนหน้าเว็บของคุณในโปรแกรมประมวลผลคำเช่น Microsoft Word
และบันทึกหน้า HTML เช่นหน้าเว็บหรือเว็บเพจไฟล์เดี่ยว
หากคุณรู้จักแท็ก HTML คุณสามารถใช้โปรแกรมแก้ไขพื้นฐานได้ หนึ่งใน Notepad ++ ที่มีชื่อเสียงที่สุดคือ Notepad ++ ซึ่งจะช่วยให้คุณสามารถรวบรวมเว็บเพจใน HTML ได้ ภายในมีภาษาเลือกหลายแห่งรวมถึงได้อย่างแม่นยำภาษา HTML เพื่อรวบรวมหน้า HTML ที่กระทำผิดพลาดน้อยลงสุดท้ายผมขอแนะนำอีกหนึ่งช่องทางที่ผ่านมาในการสร้างหน้าเว็บของคุณเองเช่น HTML5-Editor.net ออนไลน์เครื่องมือซึ่งเป็นพื้นกลางระหว่างคนที่คุณได้แนะนำเพื่อให้ห่างไกล ในความเป็นจริงผ่านบานหน้าต่างด้านซ้ายคุณสามารถกรอกหน้าเว็บของคุณโดยตรงในรูปแบบ HTML และดูตัวอย่างไปทางขวาหรือเขียนไปยังกล่องข้อความขั้นสูงด้านขวาและดูรหัส HTML ด้านซ้าย แต่ก็เป็นวิธีที่ดีในการเรียนรู้วิธีการใช้ HTML