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

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


WebMatrix

WebMatrix เป็นเครื่องมือในการพัฒนาเว็บฟรีที่มีวิธีที่ง่ายที่สุดในการสร้างเว็บไซต์

WebMatrix ประกอบด้วย:

  • ตัวอย่างเว็บและแม่แบบ
  • การสนับสนุนหลายภาษาเว็บที่แตกต่างกัน
  • เว็บเซิร์ฟเวอร์ (IIS ด่วน)
  • เซิร์ฟเวอร์ฐานข้อมูล (SQL Server กระชับ)

ด้วย WebMatrix คุณสามารถเริ่มต้นด้วยเว็บไซต์ที่ว่างเปล่าและหน้าบ้านที่ว่างเปล่าหรือคุณสามารถสร้างแม่แบบโดยใช้ PHP, ASP, Umbraco, DotNetNuke, Drupal, Joomla, WordPress และอื่น ๆ อีกมากมาย

WebMatrix นอกจากนี้ยังมีเครื่องมือในตัวสำหรับฐานข้อมูล, ความปลอดภัย, การเพิ่มประสิทธิภาพของเครื่องมือค้นหาและเผยแพร่ทางเว็บ

การติดตั้ง WebMatrix ไปที่ลิงค์นี้: http://www.microsoft.com/web/gallery/install.aspx?appid=WebMatrix


สร้างเว็บไซต์ที่ว่างเปล่า

ทำตามสามขั้นตอนง่ายๆดังต่อไปนี้ในการสร้างเว็บไซต์ที่ว่างเปล่ากับ WebMatrix:

  • เลือกแม่แบบ
  • แก้ไขหน้าแรก
  • เรียกใช้เว็บไซต์

3 ขั้นตอนต่อไปจะสร้าง HTM​​L ว่างเว็บไซต์If you want to create an PHP Site, an ASP site, or a Node.js site, look at the bottom of this page. หากคุณต้องการที่จะสร้าง PHP เว็บ, เว็บไซต์ ASP, หรือเว็บไซต์ Node.js ดูที่ด้านล่างของหน้านี้


ขั้นที่ 1: เลือกแม่แบบ

เริ่ม WebMatrix เลือกใหม่

WebMatrix

จากแกลเลอรี่แม่แบบให้เลือกไซต์ที่ว่างเปล่าจากแม่แบบ HTML

ชื่อ demoweb เว็บไซต์ (หรือสิ่งที่คุณต้องการ) และคลิกถัดไป:

แม่แบบเว็บ

WebMatrix สร้างเว็บไซต์ใหม่และแสดงหน้าต่างพื้นที่ทำงาน

ในบานหน้าต่างด้านซ้ายเลือกพื้นที่ทำงาน Files:

หน้าแรก


ขั้นตอนที่ 2: แก้ไขหน้าแรก

แก้ไขหน้าบ้านของคุณดับเบิลคลิกที่ไฟล์ index.html

ใส่เนื้อหาต่อไปนี้ลงในแฟ้ม:

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Web Page Demo</title>
</head>
<body>
    <h1>My First Web Page</h1>
</body>
</html>

ขั้นตอนที่ 3: การเรียกใช้เว็บไซต์ของคุณ

ใน WebMatrix คลิกเรียกใช้:

WebMatrix เริ่มต้นเว็บเซิร์ฟเวอร์และวิ่งหน้าในเบราว์เซอร์เริ่มต้นของคุณ:

ครั้งแรกของฉัน

บันทึกWebMatrix เลือกหมายเลขพอร์ตสุ่มสำหรับเว็บเซิร์ฟเวอร์ในประเทศของคุณ
ในตัวอย่างข้างต้นก็จะปรากฏเป็น: http: // localhost: 4676

สร้างที่ว่างเปล่าคลาสสิก ASP เว็บไซต์

เปลี่ยนชื่อหน้าบ้านจาก index.html เพื่อ default.html


สร้าง PHP เว็บไซต์ที่ว่างเปล่า

ในขั้นตอนที่ 1 เลือกเว็บไซต์ที่ว่างเปล่าจากแม่ของ PHP


สร้างที่ว่างเปล่าเพจ ASP.NET Web Site

ในขั้นตอนที่ 1 เลือกเว็บไซต์ที่ว่างเปล่าจากแม่ของ ASP.NET


สร้างที่ว่างเปล่า Node.js เว็บไซต์

ในขั้นตอนที่ 1 เลือกเว็บไซต์ที่ว่างเปล่าจากแม่ Node.js