Skip to main content

ขั้นตอนที่จำเป็นในการสร้างและโพสต์เว็บ HTML

Anonim

การสร้างเว็บเพจแรกไม่ใช่สิ่งที่ทำได้ยากที่สุดในชีวิต แต่ไม่ใช่เรื่องง่าย คุณต้องเรียนรู้เทคโนโลยีคำศัพท์และซอฟต์แวร์ใหม่ ๆ ที่คุณไม่ต้องการมาก่อน

คุณจำเป็นต้องเรียนรู้โค้ด HTML ขั้นพื้นฐานรับโปรแกรมแก้ไขเว็บค้นหาบริการโฮสต์หน้าเว็บรวบรวมเนื้อหาสำหรับหน้าเว็บของคุณอัปโหลดเว็บเพจไปยังโฮสต์ทดสอบหน้าเว็บแล้วโปรโมต ต๊าย!

ข่าวดีก็คือเมื่อคุณได้ทำสิ่งนี้อยู่ตลอดเวลาแล้วคุณได้เข้าใจเส้นทางการเรียนรู้แล้ว คุณสามารถทำซ้ำได้ตลอดเวลาเพื่อสร้างหน้าเว็บในหลายหัวข้อหรือเพื่อวัตถุประสงค์หลายประการ

01 จาก 08

ใช้เวลาในการวางแผน

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

เวลาที่คุณใช้วางแผนมากขึ้นก่อนที่คุณจะเริ่มสร้างเว็บไซต์ทำให้กระบวนการสร้างที่แท้จริงมีแนวโน้มที่จะไปได้ดียิ่งขึ้น

02 จาก 08

รับ Web Editor

ในการสร้างเว็บเพจคุณต้องใช้ตัวแก้ไขเว็บที่คุณพิมพ์ HTML ซึ่งเป็นรหัสที่ทำให้หน้าเว็บของคุณทำงานได้ ไม่จำเป็นต้องเป็นซอฟต์แวร์แฟนซีที่คุณใช้จ่ายเงินเป็นจำนวนมากแม้ว่าจะมีให้เลือกมากมาย คุณสามารถใช้โปรแกรมแก้ไขข้อความที่มาพร้อมกับระบบปฏิบัติการเช่น Notepad ใน Windows 10 หรือ TextEdit บนเครื่อง Mac หรือคุณสามารถดาวน์โหลดโปรแกรมแก้ไขฟรีหรือไม่แพงจากอินเทอร์เน็ตได้ NotePad + + และ Komodo Edit ซึ่งเป็นโปรแกรมแก้ไข HTML ฟรีที่ยอดเยี่ยมสำหรับ Windows นอกจากนี้ยังมี Komodo Edit สำหรับ Mac บรรณาธิการ HTML ฟรีอื่น ๆ สำหรับ Mac ได้แก่ Bluefish, Eclipse, SeaMonkey และอื่น ๆ

03 จาก 08

เรียนรู้ HTML พื้นฐานบางอย่าง

HTML เป็นส่วนช่วยในการสร้างหน้าเว็บ แม้ว่าคุณจะใช้ WYSIWYG (สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ) และไม่จำเป็นต้องรู้ HTML ใดก็ตามการเรียนรู้อย่างน้อย HTML ช่วยให้คุณสามารถสร้างและดูแลรักษาหน้าเว็บของคุณได้ คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับ Cascading Style Sheets (CSS) และ XML เพื่อใช้ทักษะใหม่ของคุณในระดับต่อไป สำหรับตอนนี้ให้เริ่มต้นจากพื้นฐาน HTML

การเรียนรู้ HTML ไม่ใช่เรื่องยากและคุณสามารถเรียนรู้ได้เป็นอย่างมากโดยการดูตัวอย่าง HTML ในเบราว์เซอร์ส่วนใหญ่คุณสามารถเลือกดูซอร์สโค้ดของเว็บเพจที่คุณอยู่ เลือกหน้าเว็บแบบง่ายๆสำหรับเรื่องนี้คุณจึงจะไม่รู้สึกแย่ คุณอาจจะสามารถคัดลอกซอร์สโค้ดเพื่อศึกษาได้

ในการฝึกเขียน HTML ง่ายๆในโปรแกรมแก้ไขข้อความและดูตัวอย่างลักษณะที่ปรากฏบนเว็บ ถ้ามันเป็นเรื่องยุ่งเหยิงคุณอาจทิ้งอะไรบางอย่างไว้ หากดูตรงกับที่คุณตั้งใจจะดูขอแสดงความยินดี

04 จาก 08

เขียนเว็บเพจและบันทึกลงในฮาร์ดไดรฟ์ของคุณ

การประกอบหน้าเว็บและการเขียนเนื้อหาเป็นส่วนที่สนุก เปิดตัวแก้ไขเว็บของคุณและเริ่มต้นสร้างหน้าเว็บของคุณ ถ้าเป็นโปรแกรมแก้ไขข้อความคุณจำเป็นต้องรู้ HTML บางส่วน แต่ถ้าเป็น WYSIWYG คุณสามารถสร้างหน้าเว็บเหมือนกับที่คุณต้องการเป็นเอกสาร Word

การเขียนสำหรับเว็บแตกต่างจากการเขียนประเภทอื่น ๆ คนมักจะเล็ดลอดสิ่งที่พวกเขาเห็นแทนที่จะอ่านอย่างใกล้ชิดและพวกเขาจะไม่แขวนไว้ในที่นั่นสำหรับหนังสือนับพันคำ เก็บข้อความสั้น ๆ และเกี่ยวข้องกับหน้าเว็บของคุณ ไปที่จุดในย่อหน้าแรกและเขียนด้วยเสียงที่ใช้งาน คำกริยากระทำให้ไหลย้าย เก็บประโยคสั้น ๆ และใช้รายการแทนที่จะเป็นย่อหน้าที่เป็นไปได้ วางแผน subheads ในประเภทใหญ่หรือหนาเพื่อดึงดูดสายตาของผู้อ่าน

อย่าลืมเกี่ยวกับการเพิ่มภาพและลิงก์ไปยังหน้าเว็บของคุณ คุณควรได้เรียนรู้วิธีการทำทั้งสองอย่างในพื้นฐาน HTML ของคุณ คุณจะต้องอัปโหลดสำเนารูปภาพไปยังเว็บโฮสต์ของคุณหรือที่อื่นบนเว็บเพื่อให้สามารถทำงานได้เมื่อถึงเวลาดังนั้นให้จัดระเบียบตามที่คุณทำงานและรวบรวมทุกอย่างที่เกี่ยวข้องกับเว็บเพจของคุณในโฟลเดอร์เดียวที่บันทึกไว้ในฮาร์ดดิสก์ของคุณ ขับรถ

ดูหน้าเว็บของคุณทุกครั้งและตรวจทานงานของคุณ การพิมพ์ผิดพลาดหรือการเชื่อมโยงที่เสียอาจทำให้เกิดความน่าเชื่อถือในหัวข้อของคุณ

05 จาก 08

ค้นหาเว็บโฮสต์สำหรับเว็บเพจของคุณ

ตอนนี้คุณได้เขียนหน้าเว็บและบันทึกลงในฮาร์ดดิสก์แล้วก็ถึงเวลาแล้วที่จะนำมาวางบนเว็บเพื่อให้คนอื่น ๆ สามารถเห็นได้ คุณทำสิ่งนี้ด้วยความช่วยเหลือของเว็บโฮสต์ซึ่งเป็น บริษัท ที่คุณอัปโหลดไฟล์ทั้งหมดของคุณ มีมากมายของพวกเขาออกมีและเลือกโฮสต์ที่เชื่อถือได้เป็นสิ่งสำคัญ คุณสามารถเยี่ยมชมเว็บโฮสติ้งเว็บไซต์ทบทวนหรือไปกับหนึ่งในผู้ให้บริการที่รู้จักกันดีเช่น HostGator หรือ GoDaddy สำหรับธุรกิจ อย่ามองข้าม Wix (แพลตฟอร์ม WYSIWYG), WordPress.com และ Weebly ซึ่งทั้งหมดเป็นโฮสต์ที่มีชื่อเสียง

มีหลายทางเลือกสำหรับเว็บโฮสติ้งจากฟรี (มีและไม่มีโฆษณา) ตลอดหลายร้อยเหรียญต่อเดือน สิ่งที่คุณต้องการในเว็บโฮสต์ขึ้นอยู่กับว่าเว็บไซต์ของคุณต้องการดึงดูดและให้ผู้อ่าน เยี่ยมชมเว็บไซต์โฮสติ้งเพียงไม่กี่แห่งและดูสิ่งที่พวกเขามีค่าใช้จ่ายและสิ่งที่พวกเขาให้ ผู้ให้บริการบางรายจัดหาที่อยู่ URL ทั่วไป แต่ถ้าคุณต้องการกำหนด URL สำหรับธุรกิจของคุณในแบบของคุณหรือต้องการใช้ชื่อของคุณเป็นส่วนหนึ่งของ URL คุณจะต้องลงทะเบียนโดเมน คุณสามารถลงทะเบียนโดเมนได้ตั้งแต่ $ 10 หรือน้อยกว่าหรือ $ 10,000 ขึ้นไป เนื่องจากนี่เป็นหน้าเว็บแรกของคุณให้ไปต่ำ

กรอกข้อมูลในแอปพลิเคชันรับโดเมนและตัดสินใจเกี่ยวกับคุณลักษณะอื่น ๆ ที่คุณต้องการและลงชื่อสมัครใช้ด้วยเว็บโฮสต์

06 จาก 08

อัปโหลดเพจของคุณไปยังโฮสต์ของคุณ

เมื่อคุณมีผู้ให้บริการโฮสติ้งแล้วคุณจะต้องย้ายไฟล์จากฮาร์ดไดรฟ์ภายในเครื่องไปยังคอมพิวเตอร์โฮสติ้ง บริษัท ให้บริการพื้นที่จำนวนมากจัดหาเครื่องมือการจัดการไฟล์ออนไลน์ที่คุณสามารถใช้เพื่ออัปโหลดไฟล์ของคุณได้ แต่หากไม่ได้คุณสามารถใช้ FTP เพื่ออัปโหลดหน้าเว็บของคุณได้ ขั้นตอนจะแตกต่างกันไปตามผู้ให้บริการดังนั้นให้ทำตามคำแนะนำที่คุณระบุว่าจะอัปโหลดไฟล์ของคุณที่ใด ผู้ให้บริการโฮสต์ส่วนใหญ่เผยแพร่บทแนะนำสำหรับผู้ที่ชอบอัพโหลดไฟล์แรกของพวกเขา หากคุณมีคำถามเฉพาะเกี่ยวกับวิธีการรับไฟล์ของคุณไปยังเซิร์ฟเวอร์ของ บริษัท และสถานที่ที่จะวางพวกเขาขอความช่วยเหลือทางเทคนิค

ในบางช่วงเวลาคุณได้รับ URL จากโฮสต์เว็บ เป็นที่อยู่ของเว็บไซต์ของคุณซึ่งคุณสามารถมอบให้กับเพื่อนและญาติของคุณเพื่อให้พวกเขาสามารถชื่นชมผลงานของคุณได้ แต่อย่าเพิ่งมอบให้กับคุณ

07 จาก 08

ทดสอบหน้าเว็บของคุณ

ก่อนที่คุณจะโพสต์ URL บนโซเชียลมีเดียหรือแจกให้ทดสอบหน้าเว็บของคุณ คุณไม่ต้องการความประหลาดใจใด ๆ

นักพัฒนาเว็บมือใหม่หลายคนละเว้นขั้นตอนการทดสอบในการสร้างหน้าเว็บ แต่ก็เป็นเรื่องสำคัญ การทดสอบหน้าเว็บของคุณจะช่วยให้แน่ใจได้ว่า URL นั้นอยู่ใน URL ที่คุณคิดว่าเป็นและดูดีในทุกเว็บเบราเซอร์ที่เป็นที่นิยม เปิดหน้าเว็บของคุณใน Chrome, Firefox, Safari, Opera และเบราว์เซอร์อื่น ๆ ที่คุณหรือเพื่อนได้ติดตั้งไว้ในคอมพิวเตอร์ ตรวจสอบให้แน่ใจว่าภาพทั้งหมดแสดงผลและการเชื่อมโยงทำงาน คุณไม่ต้องการความประหลาดใจใด ๆ

ถ้าคุณประหลาดใจให้ทำตามขั้นตอนมาตรฐานในการแก้ปัญหาในการออกแบบเว็บ

เมื่อหน้าเว็บมีลักษณะเหมือนกับที่คุณวางแผนไว้ก็เป็นเวลาที่จะส่งเสริมมัน

08 ใน 08

ส่งเสริมเว็บเพจของคุณ

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

ถ้าคุณต้องการให้ผู้คนจำนวนมากเข้าดูหน้าเว็บของคุณคุณจำเป็นต้องเรียนรู้วิธีโปรโมตในเครื่องมือค้นหาและสถานที่อื่น ๆ แต่การเพิ่มประสิทธิภาพเครื่องมือค้นหา (SEO) เป็นเรื่องราวในอีกวันหนึ่ง