File manager

File manager - Edit - /home/webapp68.cm.in.th/u68319090017/OS/InstallUbuntu/index.html

Back
<!DOCTYPE html> <html lang="en"> <head> <title>ติดตั้ง Linux Ubuntu</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <style> .step-card { box-shadow: 0 4px 8px rgba(0,0,0,0.1); border-radius: 15px; } .section-bg { background-color: #f8f9fa; padding: 50px 0; } img { max-height: 350px; object-fit: cover; } </style> </head> <body> <body style="background: linear-gradient(to right, #f3f4f6, #e2e8f0);"> <!-- ส่วนหัว --> <div class="p-5 bg-primary bg-gradient text-white text-center"> <h1>📥 วิธีการติดตั้ง Linux Ubuntu</h1> <p>โดยใช้โปรแกรม VirtualBox อย่างง่าย</p> </div> <div class="container mt-5"> <div class="row"> <div class="col"> <h2>🧾 ประวัติความเป็นมาของ Linux Ubuntu</h2> <img src="img/Ubuntu.png" class="img-thumbnail my-3" alt="Ubuntu"> <p><strong>Ubuntu</strong> คือระบบปฏิบัติการโอเพ่นซอร์สที่พัฒนาจาก Debian Linux เพื่อให้ใช้งานง่าย เหมาะกับทั้งผู้ใช้ทั่วไปและองค์กร</p> <ul> <li>🛠️ ก่อตั้งในปี 2004 โดย Mark Shuttleworth</li> <li>🏢 บริษัท Canonical Ltd. สนับสนุนและพัฒนา</li> <li>🌍 ชื่อ Ubuntu หมายถึง "มนุษย์เพื่อมนุษย์"</li> </ul> </div> </div> </div> <div class="section-bg"> <div class="container"> <div class="row"> <div class="col"> <h2>💻 ความต้องการของ Hardware</h2> <h4 class="mt-4">📌 ขั้นต่ำ (ใช้งานทั่วไป)</h4> <ul> <li>CPU: Dual-core 2 GHz</li> <li>RAM: 4 GB</li> <li>พื้นที่ว่างในดิสก์: 25 GB</li> <li>จอภาพ: 1024x768</li> <li>USB/DVD: ใช้ติดตั้ง Ubuntu</li> </ul> <h4 class="mt-4">✅ แนะนำ (ใช้งานลื่นไหล)</h4> <ul> <li>CPU: Quad-core 2.5 GHz ขึ้นไป</li> <li>RAM: 8 GB หรือมากกว่า</li> <li>SSD: อย่างน้อย 64 GB</li> <li>GPU: รองรับ OpenGL 3.3+</li> <li>อินเทอร์เน็ต: สำหรับอัปเดตและติดตั้งโปรแกรม</li> </ul> </div> </div> </div> </div> <div class="container mt-5"> <h2 class="mb-4">⚙️ ขั้นตอนการติดตั้ง Ubuntu</h2> <div class="row row-cols-1 row-cols-md-2 g-4"> <!-- Step 1 --> <div class="col"> <div class="card step-card p-3"> <h5>ขั้นตอนที่ 1</h5> <img src="img/ububtu001.png" class="img-fluid rounded" alt="Step 1"> <p class="mt-2">กดที่ปุ่ม 64bit PC เพื่อดาวน์โหลด Ubuntu</p> </div> </div> <!-- Step 2 --> <div class="col"> <div class="card step-card p-3"> <h5>ขั้นตอนที่ 2</h5> <img src="img/ububtu002.png" class="img-fluid rounded" alt="Step 2"> <p class="mt-2">เมื่อดาวน์โหลดเสร็จ ให้กด Open เพื่อเริ่มการติดตั้ง</p> </div> </div> <!-- Step 3-11 --> <div class="col"> <div class="card step-card p-3"> <h5>ขั้นตอนที่ 3</h5> <img src="img/ububtu003.png" class="img-fluid rounded" alt="Step 3"> <p>ติดตั้งโปรแกรม VirtualBox เพื่อเปิดไฟล์ Ubuntu</p> </div> </div> <div class="col"> <div class="card step-card p-3"> <h5>ขั้นตอนที่ 4</h5> <img src="img/ububtu004.png" class="img-fluid rounded" alt="Step 4"> <p>เปิด VirtualBox และกด Add เพื่อเพิ่มไฟล์</p> </div> </div> <div class="col"> <div class="card step-card p-3"> <h5>ขั้นตอนที่ 5</h5> <img src="img/ububtu005.png" class="img-fluid rounded" alt="Step 5"> <p>ตั้งชื่อ และเลือกไฟล์ <code>ubuntu-20.0.iso</code></p> </div> </div> <div class="col"> <div class="card step-card p-3"> <h5>ขั้นตอนที่ 6</h5> <img src="img/ububtu006.png" class="img-fluid rounded" alt="Step 6"> <p>เลือกไฟล์ที่ต้องการ แล้วกด <strong>Open</strong></p> </div> </div> <div class="col"> <div class="card step-card p-3"> <h5>ขั้นตอนที่ 7</h5> <img src="img/ububtu007.png" class="img-fluid rounded" alt="Step 7"> <p>กด <strong>Next</strong> เพื่อดำเนินการติดตั้ง</p> </div> </div> <div class="col"> <div class="card step-card p-3"> <h5>ขั้นตอนที่ 8</h5> <img src="img/ububtu008.png" class="img-fluid rounded" alt="Step 8"> <p>ตั้งรหัสผ่านของผู้ใช้ แล้วกด <strong>Next</strong></p> </div> </div> <div class="col"> <div class="card step-card p-3"> <h5>ขั้นตอนที่ 9</h5> <img src="img/ububtu009.png" class="img-fluid rounded" alt="Step 9"> <p>กด <strong>Next</strong> ไปเรื่อยๆ จนกว่าจะถึงขั้นตอนสุดท้าย</p> </div> </div> <div class="col"> <div class="card step-card p-3"> <h5>ขั้นตอนที่ 10</h5> <img src="img/ububtu010.png" class="img-fluid rounded" alt="Step 10"> <p>เมื่อเสร็จแล้ว กด <strong>Finish</strong> เพื่อสิ้นสุด</p> </div> </div> <div class="col"> <div class="card step-card p-3"> <h5>ขั้นตอนที่ 11</h5> <img src="img/ububtu011.png" class="img-fluid rounded" alt="Step 11"> <p>รอให้ Ubuntu ติดตั้งให้เรียบร้อย จากนั้นสามารถเริ่มใช้งานได้</p> </div> </div> </div> </div> <!-- ส่วนล่าง --> <div class="mt-5 p-4 bg-dark text-white text-center"> <p>จัดทำโดย: นาย ธีรภัทร ปันหนุย \| รหัส: 017</p> </div> </body> </html>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.4 | proxy | phpinfo | Settings