สารบัญ:

สร้างเว็บไซต์ในราคาเพียง $20 ต่อปี!: 8 ขั้นตอน
สร้างเว็บไซต์ในราคาเพียง $20 ต่อปี!: 8 ขั้นตอน

วีดีโอ: สร้างเว็บไซต์ในราคาเพียง $20 ต่อปี!: 8 ขั้นตอน

วีดีโอ: สร้างเว็บไซต์ในราคาเพียง $20 ต่อปี!: 8 ขั้นตอน
วีดีโอ: สิ่งที่ต้องรู้สำหรับมือใหม่ก่อนเริ่มสร้างเว็บไซต์ มีอะไรบ้าง ไปดูกัน! 2024, พฤศจิกายน
Anonim
สร้างเว็บไซต์ด้วยเงินเพียง $20 ต่อปี!
สร้างเว็บไซต์ด้วยเงินเพียง $20 ต่อปี!

ในคำแนะนำนี้ ฉันจะครอบคลุมทุกสิ่งที่คุณจำเป็นต้องรู้เพื่อสร้างเว็บไซต์ที่ยอดเยี่ยมด้วยต้นทุนที่ต่ำมาก! หากคุณต้องการดูผลงานของฉัน โปรดไปที่: Webshawty.comสองสิ่งที่คุณต้องการ:-การเข้าถึงอินเทอร์เน็ต-คอมพิวเตอร์ที่ใหม่กว่าวัสดุอื่น ๆ ที่เป็นประโยชน์-Adobe Photoshop-iWeb 2.0.3

ขั้นตอนที่ 1: ค้นหาชื่อเว็บไซต์ (ชื่อโดเมน)

ก่อนที่คุณจะเริ่มต้นเว็บไซต์ของคุณ คุณจะต้องการซื้อชื่อโดเมน ชื่อโดเมนเป็นอีกวิธีหนึ่งในการปกปิด URL (Uniform Resource Locator) ตัวอย่างเช่น เว็บไซต์ของฉัน "webshawty.com" จะเป็นชื่อโดเมน ถ้าฉันใช้ iWeb ซึ่งเป็นแอปพลิเคชัน Apple URL เดิมของฉันจะเป็น "https://web.mac.com/YOURNAME/Home.html" ด้วยโดเมนของคุณ คุณสามารถมี "Http://YOURNAME.com" เมื่อคุณนึกถึงชื่อที่สร้างสรรค์แล้ว คุณจะต้องไปที่ "Name.com" และจดทะเบียนโดเมนของคุณ เมื่อคุณทำเสร็จแล้วเราสามารถไปยังขั้นตอนต่อไปได้

ขั้นตอนที่ 2: การทำงานกับแอปพลิเคชันสำหรับนักพัฒนา (ควรเป็น IWeb)

ซื้อโดเมนของคุณแล้ว และตอนนี้คุณก็พร้อมที่จะเริ่มงานสกปรกและการกำหนดค่าทั้งหมดในขั้นตอนนี้แล้ว หากคุณกำลังมองหาโฮสต์เว็บไซต์ฟรี ฉันขอแนะนำ FreeWebs หรือ WordPress หากคุณรู้สึกว่ามีความก้าวหน้ามากกว่านี้ ฉันขอแนะนำ iWeb หรือ HomeStead SiteBuilder หากคุณกำลังใช้ FreeWebs หรือ WordPress โปรดอ่านหัวข้อ "FreeSite Tutorial" หากคุณจะใช้แอปขั้นสูง จากนั้นอ่าน "ขั้นสูง" บทช่วยสอนฟรีไซต์ เมื่อคุณตั้งค่าบัญชีบน FreeWebs หรือ WordPress แล้ว คุณจะมีตัวเลือกมากมาย (หรือดูเหมือนว่า) ก่อนอื่น คุณจะต้องไปที่ส่วนของบัญชีของคุณที่ระบุว่า "หน้า" หรือ "แก้ไข" เมื่อคุณอยู่ที่นั่น คุณจะต้องมองหาบางอย่างเช่น "หน้าใหม่" หรือ "เพิ่มหน้า" เมื่อนำคุณไปยังหน้าใหม่ คุณจะต้องเริ่มแก้ไขย่อหน้าและชื่อเรื่อง ใน FreeWebs คุณยังสามารถเปลี่ยน "ส่วนท้าย" (ข้อความด้านล่างสุดของหน้า) โดยไปที่ "แก้ไขไซต์", "แก้ไขชื่อและส่วนท้าย" จากนั้นแก้ไขส่วนท้าย ชื่อเรื่อง และวลีที่ใช้เรียก มันควรจะเป็นแบบนั้นสำหรับ WordPress คุณยังสามารถเปลี่ยนเทมเพลตของคุณใน FreeWebs ได้โดยไปที่; "แก้ไขไซต์ของฉัน", "เปลี่ยนเทมเพลต" ฉันเชื่อว่า WordPress นั้นง่ายกว่าเล็กน้อย ส่วนอย่างอื่นคุณค่อนข้างจะชินกับมัน ขั้นสูง แม้ว่าแอพเหล่านี้ จะเสียค่าใช้จ่ายประมาณ 100 เหรียญต่อปี ซึ่งดีกว่ามาก และมีความสามารถมากกว่ามาก อย่างไรก็ตามแอพที่ฉันชอบ เรียกว่า iWeb จาก Apple หากคุณกำลังใช้ HomeStead คุณควรมี PayPal ข้อกำหนดของเว็บ และความรู้เกี่ยวกับเว็บมากมาย อย่างไรก็ตาม หากคุณใช้ iWeb ฉันจะเริ่มสอนวิธีใช้งานในขั้นตอนต่อไป

ขั้นตอนที่ 3: IWeb: ทุกสิ่งที่คุณต้องรู้

ในขั้นตอนนี้ คุณจะได้เรียนรู้วิธีทำงานกับ iWeb ของ Apple ฉันจะยังเริ่มสอนคุณเกี่ยวกับบล็อกและ RSS การเริ่มต้นเมื่อคุณเปิด iWeb คุณจะสังเกตเห็นเลย์เอาต์ที่เรียบง่ายซึ่งคุณต้องเลือกเลย์เอาต์ของหน้า คุณสามารถเลือกจากเทมเพลตที่สร้างไว้แล้วมากมาย หรือสร้างเทมเพลตของคุณเอง เมื่อคุณมีเพจแล้ว คุณจะต้องทำความคุ้นเคยกับเครื่องมือทั้งหมดของคุณ หากคุณกำลังใช้เวอร์ชัน 2.0.3 (เวอร์ชันใหม่ล่าสุด) สิ่งต่อไปนี้จะใช้งานได้ เริ่มต้นด้วยการดูที่ด้านล่างซ้ายของแอพ คุณจะสังเกตเห็น + ปุ่มเผยแพร่ และปุ่มเยี่ยมชม เมื่อคุณพร้อมที่จะทำให้การเปลี่ยนแปลงของคุณเป็นสาธารณะ คุณจะคลิกเผยแพร่ เมื่อคุณเผยแพร่แล้ว คุณสามารถดูหน้าที่ต้องการได้โดยกด "Apple" ค้างไว้แล้วคลิกเยี่ยมชม ต่อไป คุณจะสังเกตเห็นสิ่งที่ฉันชอบเรียกว่า "แถบเครื่องมือ" ที่อยู่ด้านล่างของหน้าต่าง ที่ด้านซ้ายสุดของแถบเครื่องมือ คุณจะเห็น "ธีม" เครื่องมือนี้ช่วยให้คุณเปลี่ยนรูปลักษณ์ของหน้าเว็บที่คุณสร้างไว้แล้วได้ ปุ่มถัดไปทางซ้ายคือเครื่องมือ "ข้อความ" นี่จะเป็นการสร้างกล่องซึ่งคุณสามารถพิมพ์ข้อความของคุณเองได้ ถัดไปคือเครื่องมือ "รูปร่าง" สิ่งนี้ช่วยให้คุณสร้างรูปร่างได้มากมาย หากคุณดับเบิลคลิก คุณสามารถพิมพ์ข้อความลงไปได้ ถัดมาคือปุ่ม "Web Widget" นี่อาจเป็นปุ่มที่ทรงพลังที่สุดของคุณ ช่วยให้คุณสามารถใช้โค้ด HTML สองสามบรรทัด และสร้างวิดเจ็ตด้วย ตัวอย่างเช่น คุณสามารถวางวิดีโอ YouTube บนไซต์ของคุณ หากคุณพบโค้ด HTML ซึ่งอยู่ในหน้าวิดีโอ ต่อไป เรามีปุ่ม "สื่อ" ฉันรู้ว่าฉันข้ามปุ่มไปสองสามปุ่มแล้ว แต่ไม่ต้องกังวล ปุ่มเหล่านี้สำคัญก็ต่อเมื่อคุณไม่มีเมาส์แบบ 2 ปุ่มเท่านั้น ปุ่มสื่อช่วยให้คุณเพิ่มภาพยนตร์ เพลง หรือภาพถ่ายได้อย่างรวดเร็ว เมื่อเพิ่มเนื้อหาใด ๆ ที่คุณไม่ได้สร้างต้องระวังเพราะถ้าคุณขโมยภาพหรือเล่นเพลงโดยไม่จ่ายเงินให้ศิลปินคุณจะละเมิดลิขสิทธิ์กล่าวคือขโมยทรัพย์สินซึ่งอาจส่งผลให้มีขนาดใหญ่ ดีหรือแม้แต่จำคุก อย่างไรก็ตาม…. ปุ่มถัดไปที่คุณจะเห็นคือปุ่ม "ปรับ" วิธีนี้ช่วยให้คุณแก้ไขรูปภาพและลักษณะที่ปรากฏได้ จากนั้นเรามีปุ่มที่จะให้ตัวเลือกเพิ่มเติมแก่คุณ ซึ่งก็คือปุ่ม "สารวัตร" เมื่อคุณอยู่ในนั้นแล้ว คุณสามารถสร้างลิงก์ เพิ่มรหัสผ่าน และเข้าถึงสิ่งอื่นๆ ที่ไม่มีในเครื่องมืออื่นๆ หลังจากนั้น เรามีปุ่ม "สี" และ "แบบอักษร" สีจะไม่เพียงแต่สอนตัวเลขสีเท่านั้น แต่ยังช่วยให้คุณสร้างปุ่มสีหรือรูปร่างได้อย่างรวดเร็วอีกด้วย คุณยังสามารถลากสีทับข้อความเพื่อเปลี่ยนสีได้ (ไม่ใช่หากเป็นลิงก์ เปลี่ยนสีลิงก์ในตัวตรวจสอบ) จากนั้นเราก็มีแบบอักษร โดยส่วนตัวแล้วฉันไม่ได้เปลี่ยนแบบอักษร แต่ปุ่มแบบอักษรช่วยได้ถ้าคุณชอบแบบอักษรแฟนซีมาก หน้าอย่างที่คุณคงสังเกตเห็น คุณมีตัวเลือกมากมายสำหรับหน้า ยินดีต้อนรับ เกี่ยวกับ รูปภาพ ฯลฯ หน้าประเภทหนึ่งที่ฉันอยากจะชี้ให้เห็นในตอนนี้คือหน้าบล็อก หน้านี้จะช่วยให้คุณโพสต์ย่อหน้าและอัปเดตฟีด RSS ได้ทันที คุณอาจสงสัยว่าฟีด RSS คืออะไร พูดง่ายๆ ก็คือ ฟีด RSS เป็นอีกเวอร์ชันหนึ่งของบล็อกของคุณ ฟีด RSS ของบล็อกมักจะลงท้ายด้วย "rss.xml" ดังนั้น เมื่อคุณคัดลอกบล็อก rss url แล้ว ให้ไปที่ Widgetbox.com และสร้างวิดเจ็ต "ฟีด RSS" ใช้ URL ที่คุณคัดลอกไว้ที่นี่ เมื่อคุณใส่ข้อมูลแล้ว ระบบจะสร้าง "Blidget" (Blog-Widget) ให้คุณโดยอัตโนมัติ คุณจะสามารถปรับแต่งรูปลักษณ์และ "แท็ก" (วิธีจัดประเภท) และชื่อได้ ถ้าบล็อกของคุณน่าสนใจพอ คุณก็อาจถึงล้าน! โดยเฉพาะอย่างยิ่งด้วยความช่วยเหลือของ Widgetbox

ขั้นตอนที่ 4: บล็อก, RSS และ Blidgets

ในขั้นตอนนี้ ฉันจะสอนคุณเกี่ยวกับบล็อกต่อไป และฉันจะสอนคุณเกี่ยวกับ RSS (Really Simple Syndication) และวิธีใช้ "Blidget" บล็อกบล็อกเป็นหนึ่งในวิธีที่ดีที่สุดในการดึงดูดผู้เยี่ยมชมเว็บไซต์ของคุณ โดยการโพสต์เป็นประจำและมีเนื้อหาที่น่าสนใจ คุณสามารถดึงดูดผู้เยี่ยมชมได้ไม่จำกัด ด้วย iWeb การเขียนบล็อกทำได้ง่ายมาก ที่เดียวที่บล็อกที่ยอดเยี่ยมอื่น ๆ น่าจะเป็น WordPress. BlidgetsA blidget หรือวิดเจ็ต Blog เป็นวิดเจ็ตเชิงฟีดที่รับ RSS feed (Blog URL) ทันที และใส่ลงในวิดเจ็ตที่ปรับแต่งได้ หากคุณต้องการสร้าง Blidget ฉันขอแนะนำ Widgetbox RSSRSS หรือ Really Simple Syndication เป็นอีกวิธีหนึ่งในการพูด URL ของบล็อกที่สามารถใช้สำหรับ Blidget หรือ RSS Reader

ขั้นตอนที่ 5: สำรวจวิดเจ็ตและบริการที่เป็นประโยชน์อื่นๆ

วิดเจ็ต อาจเป็นวิธีที่ง่ายที่สุดในการแสดงความเป็นตัวคุณและอวดสิ่งเจ๋งๆ อื่นๆ แม้ว่าการสร้างวิดเจ็ตจะไม่ใช่เรื่องง่าย แต่การค้นหาวิดเจ็ตในปัจจุบันง่ายกว่ามากในปัจจุบัน หลังจากทดลองใช้วิดเจ็ตมาระยะหนึ่งแล้ว คุณอาจต้องการดูแอปพลิเคชันบนเว็บสุดเจ๋งที่ชื่อว่า "Sprout" แอพนี้ ให้คุณสร้างวิดเจ็ตของคุณเองได้ คุณสามารถเพิ่มโพล ฟีด และอื่นๆ อีกมากมาย FormsForms เป็นวิธีที่ยอดเยี่ยมในการให้ผู้เยี่ยมชมแสดงความรู้สึก หรืออนุญาตให้ผู้คนลงทะเบียนสำหรับสิ่งต่างๆ สร้างแบบฟอร์มด้วย FormLogix ได้ง่ายกว่าที่เคย คุณสามารถสร้างแบบฟอร์มของคุณเองพร้อมด้วยตัวเลือกต่างๆ มากมาย โพลวิธีที่ดีที่สุดในการรับข้อมูลเชิงลึกของผู้เข้าชม คุณต้องการโพลที่ดีหรือไม่? ต้องการวางไว้ในไซต์ของคุณหรือไม่? ตอนนี้คุณสามารถ! ขอแนะนำ PollDaddy PollDaddy ให้คุณปรับแต่งโพลของคุณและโพสต์ได้ทุกที่! คุณยังสามารถใช้โพล PollDaddy ใน "Sprout" ได้อีกด้วย

ขั้นตอนที่ 6: การติดตามการเข้าชมไซต์

ตอนนี้ไซต์ของคุณเติบโตขึ้นมากแล้ว คุณต้องมีวิธีตรวจสอบว่าใครกำลังดูไซต์ของคุณอยู่ คุณอาจต้องการทั้งไลฟ์วิวและมุมมองโดยรวม หากคุณต้องการไลฟ์วิว ฉันขอแนะนำ "Whos.amung.us" เพียงไปที่หน้าแรกและคัดลอกโค้ดแล้ววางลงในเว็บไซต์ของคุณ มันจะเริ่มติดตามทันที นอกจากนี้ยังให้แผนที่ว่าผู้คนมาจากไหน เมื่อคุณต้องการมุมมองโดยรวม คุณจะต้องการ Google Analytics หรือ W3 Counter อย่างแน่นอน

ขั้นตอนที่ 7: มันเข้ากันได้อย่างไร…

เมื่อไซต์ของคุณดูดีแล้ว เรามาพูดถึงว่าทุกอย่าง "เชื่อมโยง" กันอย่างไร ก่อนอื่น คุณควรรู้ว่าบล็อกเป็นวิธีเผยแพร่เรื่องราวเกี่ยวกับหัวข้อใดๆ ในทันที หวังว่าคุณจะทราบด้วยว่า "ฟีด" ของบล็อกจะได้รับการอัปเดตทันทีเมื่อคุณเผยแพร่ ซึ่งหมายความว่า RSS Feeds ใดๆ จะได้รับการอัปเดตโดยอัตโนมัติ นอกจากนี้ วิดเจ็ตของคุณ หรือวิดเจ็ตบล็อก ยังสามารถอัปเดตโดยคุณ หรืออัปเดตโดยบุคคลอื่น สิ่งเหล่านี้จะได้รับการอัปเดตโดยอัตโนมัติเช่นกันหากเป็น Blidget หรือหากคุณกำลังใช้ Sprout โดเมนของคุณหรือการปกปิด URL จะทำให้ไม่มีใครสามารถเห็นที่อยู่เก่าของคุณได้ เว้นแต่คุณจะบอกพวกเขา อันนั้น….. นอกจากนี้ ด้วย Name.com คุณสามารถรับอีเมลเช่น: "[email protected]" หวังว่านั่นจะชี้แจงสิ่งที่คุณได้เรียนรู้ ถ้าไม่คุณอาจต้องการตรวจสอบคำแนะนำของฉันเกี่ยวกับข้อกำหนดของเว็บไซต์ (ผมยังไม่มีรูปสวยนะครับ..) คลิกที่นี่ คลิกที่นี่

ขั้นตอนที่ 8: เสร็จสิ้น

เสร็จสิ้น
เสร็จสิ้น

ยินดีด้วย! คุณกำลังเดินทางไปสู่ชื่อเสียง! หวังว่าคำแนะนำของฉันจะเป็นประโยชน์ หากคุณต้องการขอบคุณฉัน เพียงบอกเพื่อนของคุณเกี่ยวกับ Webshawty.com เพื่อนของคุณ เจ้าของเว็บไซต์ นอกจากนี้ ถ้าคุณต้องการ ทิ้งลิงก์ของคุณไว้ แล้วฉันจะตรวจสอบและให้ "Insite" ของฉันแก่คุณ

แนะนำ: