วิธีทำหน้า index DiscuzX3.2
ธรรมสวัสดีเพื่อชาวดิสคัส วันนี้จะมาแนะวิธีทำหน้า index ก่อนเข้าสู่เว็บไซต์ โดยจะสาธิตทำเป็นเพียงตัวอย่างในโฮสต์จำลองนะครับ เพราะว่าตัวอย่าง Index วันพ่อที่ดาวน์โหลดมาเป็นของเว็บ MyBBThai.com เกรงว่าไม่ได้ขออนุญาติจะมีปัญหาด้านลิขสิทธิ์ ขั้นตอนการทำมีดังนี้
1.ดาวน์โหลด index ไฟล์ที่แจกจากเว็บดิสคัส หรือใครมีความรู้เรื่องการเขียนโค้ดก็สร้างหน้า index ขึ้นเองได้เลย ในที่นี้ยกตัวอย่างไฟล์ที่ดาวน์โหลดมา คือ index mother.rar
2.ทำการแตกไฟล์ index และแก้ไขลิงค์ index.html ให้เป็นของเรา
เปิดไฟล์ index.html
หาโค้ด
- <font size="3">http://www.afoc-top.com/portal.php</font>
คัดลอกไปที่คลิปบอร์ด แก้เป็นลิงค์เว็บของเราในที่นี้แก้เป็น http://localhost/dz3/forum.php ทำในโฮสต์จำลอง
3.อัพโหลดไฟล์ ในโฟลเดอร์ index mother.rar ขึ้นโฮสต์
4.เข้าหน้าจัดการระบบ Control Panel ไปที่ รูปแบบ/จัดการเมนูหลัก/เมนูหลัก/คลิกที่เพิ่มเมนูหลัก ที่ช่องเพิ่มชื่อใส่ index ที่ช่องลิงค์ใส่ index.html แล้วคลิกที่ปุุ่มตกลง แล้วกำหนดหน้า index ให้เป็นหน้าแรก แล้วคลิกที่ปุุ่มตกลงอีกครั้ง ดังรูปภาพ
5.เข้าหน้าเว็บ http://localhost/dz3 ที่หน้าบราวเซอร์ ก็จะเข้าสู่หน้า index ดังรูป
6.คลิกที่ปุ่มเข้าสู่เว็บไซต์ ก็จะเข้าสู่หน้าเข้าสู่เว็บไซต์ปกติดังรูป
7.ทดลองอีกสักตัวอย่างหน้า Index วันพ่อจากเว็บ MyBBThai.comปี 2014 ดังรูป (ได้อธิบายวิธีทำไว้ในวีดีโอแล้ว)
ดาวน์โหลดจากกระทุ้นี้ http://www.discuzthai.com/forum. ... 286&highlight=index
เปิดไฟล์ index.html
หาโค้ด
- <meta name="description" content="MyBBthai กลุ่มผู้ใช้งานเว็บบอร์ด มายบีบี ในประเทศไทย">
- <meta name="author" content="http://www.mybbthai.com">
คัดลอกไปที่คลิปบอร์ด แก้เป็นเว็บเรา
หาโค้ด
- <p><a href="/index.php" class="button">เข้าสู่เว็บไซต์</a></p>
คัดลอกไปที่คลิปบอร์ด
แก้ลิงค์เป็นเว็บเรา
ศึกษารายละเอียดขั้นตอนการทำจากวีดีโอนี้
8.ส่วนตัวนี้เป็นหน้า index ปั่นเพื่อพ่อ ล่าสุดจากกระทรวงศึกษาครับ
ดาวน์โหลดฟรีจากเว็บกระทรวงศึกษา หรือดาวน์โหลดจากที่นี้ได้เลย
เปิดไฟล์ index.html
หาโค้ด
แก้เป็นเว็บลิงค์ของเรา ในที่นี้แก้เป็น http://www.pptflower.com/
เสร็จแล้วอัพโหลดไฟล์ขึ้นโฮสต์ ทำการตั้งค่าเหมือนวิธีการด้านบน
ศึกษารายละเอียดขั้นตอนการทำจากวีดีโอนี้
บทบันทึกการสอน "โครงการคอมพิวเตอร์สมองกลเสริมเยาวชนยุคIT" ชมรมรักพลับพลึงธารคุระบุรีศรีพังงา (pptflower.com)
|