ล่าสุดการพัฒนาเว็บบทเรียน
 

อาคาร Web - การสร้างเว็บไซต์ (HTML)


สร้างเว็บไซต์จากรอยขีดข่วน Part I:. สร้างเว็บไซต์


สิ่งที่เราจะทำ

ในบทนี้เราจะสร้างเว็บไซต์บนคอมพิวเตอร์ของคุณ

บันทึกเว็บไซต์จะปรากฏให้คุณเห็นLater you will learn how to make it public. หลังจากนั้นคุณจะได้เรียนรู้วิธีที่จะทำให้ประชาชน


สร้างเว็บไซต์

สร้างโฟลเดอร์ใหม่บนคอมพิวเตอร์ของคุณ (โฟลเดอร์ใหม่บนเดสก์ทอปของคุณ OK)

ชื่อ demoweb โฟลเดอร์ใหม่

ตอนนี้คุณมีเว็บไซต์ท้องถิ่น


สร้างหน้าแรก

ในโฟลเดอร์ demoweb สร้างไฟล์ใหม่ชื่อ index.html

ใช้ Notepad (หรือแก้ไขข้อความอื่น ๆ ) ที่จะนำเนื้อหาต่อไปนี้ในไฟล์:

index.html

<!DOCTYPE html>
<html>

<head>
  <title>Our Company</title>
</head>

<body>

  <h1>Welcome to Our Company</h1>
  <h2>Web Site Main Ingredients:</h2>

  <p>Pages (HTML)</p>
  <p>Style Sheets (CSS)</p>
  <p>Computer Code (JavaScript)</p>
  <p>Live Data (Files and Databases)</p>

</body>
</html>
ลองตัวเอง»

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


เพิ่มหน้าเกี่ยวกับ

ในโฟลเดอร์ demoweb สร้างไฟล์ใหม่ชื่อ about.html

ใส่ต่อไปนี้ในไฟล์:

about.html

<!DOCTYPE html>
<html>

<head>
  <title>About</title>
</head>

<body>

  <h1>About Us</h1>
  <p>Lorem Ipsum Porem Lorem Ipsum Porem</p>

</body>
</html>
ลองตัวเอง»

ไฟล์ดังกล่าวข้างต้นประกอบด้วยส่วนหัว <h1> และวรรค <p>Please feel free to edit the content. โปรดอย่าลังเลที่จะแก้ไขเนื้อหา

ในบทต่อไปเราจะเพิ่มสไตล์ชีท CSSAfter that we will add computer code and data. หลังจากนั้นเราจะเพิ่มรหัสคอมพิวเตอร์และข้อมูล


อ่านเพิ่มเติม

อ่านข้อมูลเพิ่มเติมเกี่ยวกับ HTML ของเรา สอน HTML