ดาวน์โหลดบทความดาวน์โหลดบทความX
วิกิฮาวเป็น "wiki" ซึ่งหมายความว่าบทความหลายๆ บทความของเรานั้นเป็นการร่วมมือกันเขียนของผู้เขียนหลายคน ในการเขียนบทความชิ้นนี้ ผู้คน 19 คน ซึ่งบางคนไม่ขอเปิดเผยตัว ได้ร่วมกันเขียนและปรับปรุงเนื้อหาของบทความอย่างต่อเนื่อง
บทความนี้ถูกเข้าชม 31,118 ครั้ง
HTML (Hypertext Markup Language) เป็นภาษาเขียนสคริปต์สำหรับเว็บไซต์ ใช้ออกแบบหน้าตาและฟังก์ชั่นการใช้งานของเว็บเป็นหลัก ถ้าไฟล์ไหนมีโค้ด HTML ก็ต้องเซฟเป็นไฟล์ ".HTML" เบราว์เซอร์รุ่นใหม่อย่าง Google Chrome, Safari และ Mozilla Firefox จะอ่านและเปิดไฟล์นี้ได้ เพราะงั้นให้เปิดไฟล์ HTML ในเบราว์เซอร์ที่ถนัดได้เลย
ขั้นตอน
รู้จัก HTML. HTML ย่อมาจาก Hypertext Markup Language ไฟล์ HTML ก็คือไฟล์ text ที่มีโค้ดของเนื้อหาและโครงร่าง (layout) ของหน้าเว็บอยู่ ถ้าอยากเปิดดูโค้ดในไฟล์ HTML ต้องเปิดในโปรแกรม text editor (เช่น notepad, notepad++ หรือ HTML editor ต่างๆ) แต่ถ้าอยากรู้ว่าโปรแกรมที่สร้างจากโค้ดนั้นหน้าตาเป็นยังไง ต้องเปิดในเบราว์เซอร์ เพราะเอาไว้อ่านและ render ไฟล์ HTML โดยเฉพาะ
เขียนหรือ copy โค้ด HTML จาก text editor ทั่วไป. พอเริ่มเขียนโค้ดเชี่ยวแล้ว ก็ค่อยใช้โปรแกรม HTML editor เช่น Adobe Dreamweaver, Microsoft Expression Web หรือ Coffee cup HTML Editor แต่ถ้าขั้นพื้นฐาน เปิดในโปรแกรมทั่วไปก็พอ เช่น Notepad (Windows) หรือ TextEdit (Mac)
เซฟไฟล์เป็น ชื่อไฟล์.html. ถ้าสร้างไฟล์ HTML ด้วย Notepad, TextEdit หรือ text editor อื่นๆ อย่าลืมเซฟให้ถูกชนิดไฟล์ ก่อนเซฟต้องเช็คก่อนว่าเปลี่ยน "Save as type" เป็น "All files" (ถ้าจำเป็น) แล้ว จากนั้นคลิก "Save"โฆษณา
เช็คว่าติดตั้งเบราว์เซอร์ในคอมแล้ว. ถ้าจะเปิดไฟล์ HTML ในคอม ต้องมีเบราว์เซอร์ซะก่อน
หาไฟล์ที่เซฟไว้. ถ้ารู้ว่าไฟล์อยู่ในโฟลเดอร์ไหนสักโฟลเดอร์ แต่หาไม่เจอ ให้ลองค้นหาไฟล์ในคอม โดยพิมพ์ "ชื่อไฟล์.html" ช่องค้นหาท้ายเมนู Start (ถ้าใช้ Windows) หรือช่องค้นหาในโปรแกรม Finder (ถ้าใช้ Mac)- ปกติไฟล์ HTML จะอยู่ในโฟลเดอร์ชื่อเดียวกับไฟล์ แค่ไม่ได้ลงท้ายด้วย .html ในโฟลเดอร์เดียวอาจจะมีหลายชนิดไฟล์ เช่น .js .css ไฟล์รูป และอื่นๆ พวกนี้เป็นไฟล์สำคัญสำหรับ layout และฟังก์ชั่นของหน้าเว็บทั้งนั้น ห้ามลบเด็ดขาด ให้ปล่อยไว้ใน directory (โฟลเดอร์) เดียวกับไฟล์ html ถ้าเผลอไปลบ ระวังหน้าเว็บไม่ขึ้น แต่ถ้าอยากปรับแต่งไฟล์ html ต้องหัดเขียนโค้ดด้วยภาษา html หรือภาษาเขียนสคริปต์อื่นๆ
คลิกขวา (Windows) หรือดับเบิลคลิก (Mac) ไฟล์ แล้วเลือก "Open with" จากในเมนู. จะมีให้เลือกเบราว์เซอร์ต่างๆ ที่ติดตั้งไว้ในคอม โดยมีเบราว์เซอร์ตั้งต้นของคอมอยู่บนสุด จะเปิดไฟล์ด้วยเบราว์เซอร์ไหนก็ได้ เช่น Google Chrome, Mozilla Firefox, Safari และอื่นๆ- คอมส่วนใหญ่จะตั้งค่าให้เปิดไฟล์ .html ด้วยเบราว์เซอร์หลัก (ตามค่าตั้งต้น) เพราะงั้นก็ไม่ต้องหาเบราว์เซอร์เพื่อเปิดไฟล์ แค่ดับเบิลคลิกไฟล์แล้วคอมจะเปิดขึ้นมาในเบราว์เซอร์ตามค่า default ให้เอง
- ถ้าคอมงง เปิดไฟล์นั้นไม่ได้ Windows จะถามว่าจะเปิดไฟล์ด้วยโปรแกรมที่มีอยู่ในเครื่องแล้วไหม หรือจะค้นหา extension ในเน็ต ให้เลือก "open using already installed applications" จะได้เลือกจากรายชื่อเบราว์เซอร์ที่ติดตั้งไว้ในคอมแล้ว
ดูไฟล์ HTML ในเบราว์เซอร์ที่เลือก. เบราว์เซอร์จะแปลงโค้ดเป็นภาพที่คุณเห็นโดยอัตโนมัติ ตำแหน่งไฟล์จะขึ้นในแถบ address ใช้ยืนยันได้ว่าเปิดไฟล์ HTML เรียบร้อย และถูกไฟล์แล้ว
วิธีทางเลือก เปิดเบราว์เซอร์ แล้วกด Ctrl-O. เพื่อเปิดเมนู "Open" หาไฟล์ ดับเบิลคลิก แล้วดูโปรแกรมที่เปิดมาใน tab ของเบราว์เซอร์ แต่ละเบราว์เซอร์ก็มีคีย์ลัด "Open" ต่างกันไป ลองเช็ค settings ของเบราว์เซอร์ดูโฆษณา
เปิดแพลตฟอร์ม FTP ที่เลือก. ถ้า host มี FTP ในตัว ก็ให้ใช้ได้เลย จะง่ายขึ้นอีกเยอะ แต่ถ้าไม่มี ให้ใช้ FTP host อื่น เช่น FileZilla
ต่อมาให้เชื่อมต่อ remote server (เซิร์ฟเวอร์ของเว็บ). ถ้าใช้ built-in platform ก็สบาย จะเห็น 2 ช่องทางซ้าย กับ 2 ช่องทางขวา ก็ไม่ต้องไปสนใจช่องซ้ายหรือขวาบน ให้ดูที่ช่องขวาล่าง
หาไฟล์ HTML แล้วลากไปใส่ในช่อง. จะเริ่มอัพโหลดทันที ถ้าใช้ built-in platform ให้หาโฟลเดอร์ "htdocs" (หรือ default HTML) แล้วกด "Upload" จากนั้นจะมีตัวเลือกเพิ่มเติม- อย่าใช้ shortcut! เพราะจะกลายเป็นอัพโหลดไฟล์ LNK Mirror ที่ไม่จำเป็น
รอจนอัพโหลดไฟล์เสร็จ. ต่อไป ถ้าลบหน้า default ไปแล้ว ให้ไปดูเว็บไซต์ ถ้าอยากเห็นไฟล์ HTML! ถ้าเห็นรายชื่อ directory ให้คลิกไฟล์ .html ดูได้เลยโฆษณา
เคล็ดลับ
- ถ้าอยากทำงานสะดวกรวดเร็ว เต็มประสิทธิภาพ ให้ใช้เบราว์เซอร์อื่นที่ไม่ใช่ Internet Explorer 7
โฆษณา
บทความนี้เป็นประโยชน์กับคุณไหม
⚠️ Disclaimer:
Content from Wiki How ไท language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.
- - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
- - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
- - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
- - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.
โฆษณา
