ป้ายกำกับ: ขั้นตอนการบันทึกไฟล์ html

Lv.4 เซฟไฟล์ HTML

Posted on by alsoon

เซฟไฟล์ HTML สามารถทำได้ง่ายๆโดย

  • ในหน้าต่างของโปรแกรมเขียนโค้ดให้เลือก File
  • เลือก Save
  • เลือกตำแหน่งที่ต้องการจัดเก็บไฟล์
  • กำหนดชื่อไฟล์ที่ต้องการ เซฟเป็น .html
  • กดปุ่ม Save เพื่อเซฟไฟล์
HTML save file

เซฟไฟล์ HTML ไฟล์เดิม แต่ต้องการหน้าเว็บเพจใหม่

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

ตัวอย่างโค้ดในชุดนี้ผมเซฟเป็น blogs.html นะ

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>nkaub | โครงสร้างของ HTML</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta charset="UTF-8">
		<meta name="description" content="ทำเว็บไซต์เอง HTML CSS JavaScript jQuery PHP MySql">
		<meta name="keywords" content="ทำเว็บไซต์เอง, HTML, CSS, JavaScript, jQuery, PHP, MySql">
		<meta name="author" content="Theethawat Chetjeerasioon">
		
		<link href="style" rel="stylesheet">
		
	</head>
	<body>

		<header>
			<nav>
				<ul>
					<li><a href="#"></a>Home</li>
					<li><a href="#"></a>Service</li>
					<li><a href="#"></a>Contact</li>
				</ul>
			</nav>
		</header>
		
		<main>
			
		</main>
		
		<aside>
			
		</aside>
		
		<footer>
			
		</footer>
	</body>
</html>

แล้วถ้าผมต้องการไฟล์ใหม่ แต่ผมขี้เกรียจเขียนใหม่ทั้งหน้า มันเสียเวลา ผมสามารถใช้โค้ดชุดนี้เพื่อไปทำเป็นหน้าเว็บเพจหน้าใหม่ได้ โดยเข้าไปที่ File หา Save As กดเลย แล้วก็ตั้งชื่อไฟล์ใหม่เป็นอะไรก็ได้ที่เราต้องการ ในที่นี่ผมขอตั้งไฟล์ใหม่นี้ชื่อว่า services.html เพราะผมจะเข้าไปเพิ่มในส่วนของรายละเอียดอื่นๆ ได้ง่ายกว่าที่ต้องเสียเวลามาเขียนหน้าเว็บเพจทีละหน้า วิธีนี้จะเรียกว่าการสร้างเทมเพลต(Template) ก็ได้ครับ เพราะเราต้องการให้หน้าเว็บไซต์ของเราเหมือนกันทุกๆหน้า แต่เนื้อหาแต่ละต่างกันเฉยๆครับ

หน้าหลักโฮมเพจ ของภาษา html ต้องตั้งชื่อว่าอย่างไร

เริ่มจากผมสร้างโปรเจคขึ้นมา 1 โปรเจค ผมขอตั้งชื่อว่า nkaub.com และในโปรเจคนี้ผมสร้างโฟรเดอร์ขึ้นมาอีก 1 โฟลเดอร์ชื่อ nkaub เพื่อเก็บไฟล์งานทั้งหมดของโปรเจค nkaub.com ที่นี้หน้าโฮมเพจที่จะแสดงเว็บนี้ก็ต้องชื่อว่า index.html ครับ เวลาพิมพ์ชื่อเว็บ www.nkaub.com แบบนี้ เซิฟเวอร์มันจะวิ่งเข้าไปหาไฟล์ index.html เสมอครับ

ถ้าเว็บไซต์เปรียบเสมือนกับสมุด แล้วโฮมเพจจะเปรียบเสมือนอะไร

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

การเปิดไฟล์ HTML มีวิธีการอย่างไร

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

  • เข้าโปรแกรม Text editor
  • เลือก File คลิก Open
  • หาตำแหน่งของไฟล์ที่เราเซฟไว้
  • เลือกไฟล์ที่ต้องการแก้ไข
  • กดปุ่ม Open แค่เนี๊ย

Top