สร้างเว็บไซต์จากรอยขีดข่วน 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