File manager - Edit - /home/webapp68.cm.in.th/u68319090001/OS/InstallUbuntu/LIM.html
Back
<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ขั้นตอนการติดตั้ง Linux Ubuntu</title> <script src="https://cdn.tailwindcss.com"></script> </head> <body class="bg-white text-gray-800 font-sans"> <!-- Header --> <header class="text-center p-6 bg-gray-100"> <h1 class="text-3xl font-bold mb-2">วิธีติดตั้ง Linux Ubuntu</h1> <p class="text-gray-600">คู่มือฉบับย่อสำหรับผู้เริ่มต้น</p> <img src="OS/images/iogo.png" alt="โลโก้ Ubuntu" class="rounded-lg shadow-lg w-full"> </header> <!-- Section: ขั้นตอนต่าง ๆ --> <section class="max-w-3xl mx-auto p-6 space-y-10"> <!-- Step 1 --> <div> <h2 class="text-2xl font-semibold mb-2"> <span style="color: #81144e;">ขั้นตอนที่ 1: ประวัติความเป็นมาของ Linux Ubuntub:</span> </h2> <p class="mb-4"> <span style="color: #b115bc;">🔹 จุดเริ่มต้นและการพัฒนา :</span> <br></br> Ubuntu เปิดตัวครั้งแรกเมื่อวันที่ 20 ตุลาคม ค.ศ. 2004 โดยใช้ชื่อรุ่น 4.10 การแยกตัวจาก Debian ในช่วงแรกมีจุดประสงค์เพื่อปรับปรุงและทำให้ Debian เข้าถึงผู้ใช้งานทั่วไปได้ง่ายขึ้น หลังจากนั้น Ubuntu ก็มีการออกเวอร์ชันใหม่ทุก 6 เดือน อย่างสม่ำเสมอ โดยแต่ละเวอร์ชันจะรวมเอา GNOME เวอร์ชันล่าสุด ที่ออกมาก่อนหน้าประมาณหนึ่งเดือน ซึ่งต่างจาก Linux distribution อื่นๆ ที่แยกจาก Debian และมักจะมีส่วนประกอบที่เป็นกรรมสิทธิ์ <br></br> <span style="color: #b115bc;">🔹 จุดเริ่มต้นและการพัฒนา</span> <br></br> Ubuntu เปิดตัวครั้งแรกเมื่อวันที่ 20 ตุลาคม ค.ศ. 2004 โดยใช้ชื่อรุ่น 4.10 การแยกตัวจาก Debian ในช่วงแรกมีจุดประสงค์เพื่อปรับปรุงและทำให้ Debian เข้าถึงผู้ใช้งานทั่วไปได้ง่ายขึ้น หลังจากนั้น Ubuntu ก็มีการออกเวอร์ชันใหม่ทุก 6 เดือน อย่างสม่ำเสมอ โดยแต่ละเวอร์ชันจะรวมเอา GNOME เวอร์ชันล่าสุด ที่ออกมาก่อนหน้าประมาณหนึ่งเดือน ซึ่งต่างจาก Linux distribution อื่นๆ ที่แยกจาก Debian และมักจะมีส่วนประกอบที่เป็นกรรมสิทธิ์ <a href="https://releases.ubuntu.com/focal/" style="color: #3157d2;" class="underline" target="_blank"> <!--https://releases.ubuntu.com/focal/--> </a> </p> <!---- <img src="OS/InstallUbuntu/iogo.png" alt="ดาวน์โหลด Ubuntu" class="rounded-lg shadow-lg w-full"> --> </div> <!-- Step 2 --> <div> <h2 class="text-2xl font-semibold mb-2">ขั้นตอนที่ 2: ความต้องการของ Hardware</h2> <p class="mb-4">ข้อกำหนดขั้นต่ำ (Minimum Requirements): <br></br> โปรเซสเซอร์: <br>โปรเซสเซอร์แบบ Dual-core ความเร็ว 2 GHz หรือสูงกว่า </br> <br></br> หน่วยความจำ (RAM): <br>4 GB สำหรับการติดตั้งแบบปกติ, 2 GB สำหรับการติดตั้งเสมือน </br> <br></br> พื้นที่ว่างบนฮาร์ดดิสก์: <br>25 GB (ขั้นต่ำ 8.6 GB) </br> <br></br> การ์ดแสดงผล: <br>รองรับความละเอียดหน้าจอ 1024x768 </br> <br></br> การเชื่อมต่ออินเทอร์เน็ต: <br>จำเป็นสำหรับการติดตั้งและอัปเดต </br> ข้อแนะนำเพิ่มเติม: เพื่อประสิทธิภาพที่ดีขึ้น แนะนำให้มี RAM มากกว่า 4 GB. สำหรับสภาพแวดล้อมเดสก์ท็อปที่เบากว่า เช่น XFCE อาจใช้ RAM ได้น้อยกว่า. หากใช้งานโปรแกรมที่ต้องการทรัพยากรมาก (เช่น การตัดต่อวิดีโอ, การจำลองเสมือน) ควรพิจารณาฮาร์ดแวร์ที่สูงกว่าข้อกำหนดขั้นต่ำ. </p> </div> <!-- Step 3 --> <h6 class="mb-4 text-center"> <span style="color: #dba512;">🔹 ขั้นตอนที่ 1: วิธีการติดตั้ง Linux Ubuntu</span> </h6> <div class="d-flex justify-content-center mb-4"> <img src="images/001.png" class="img-fluid rounded shadow-sm" style="max-width: 250px; cursor: pointer;" data-bs-toggle="modal" data-bs-target="#modal1" alt="ขั้นตอนที่ 1"> </div> <!-- Modal --> <div class="modal fade" id="modal1" tabindex="-1" aria-labelledby="modal1Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal1Label"> <a href="https://releases.ubuntu.com/focal/" target="_blank" class="text-decoration-none"> ดาวน์โหลด Ubuntu 20.04 LTS </a> </h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body text-center"> <img src="images/ubuntu001.png" class="img-fluid mb-3 rounded"> <p> เลือก <span class="text-success fw-semibold">"Get started with Ubuntu Pro"</span> </p> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu002.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal2" style="cursor:pointer" alt="ขั้นตอนที่ 2"> <div class="modal fade" id="modal2"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">ขั้นตอนที่ 2: Desktop</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!---<img src="images/ubuntu002" class="img-fluid mb-3">---> <p>เลือกรูปแบบ 64 bit PC(AMD64)</p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu003.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal3" style="cursor:pointer" alt="ขั้นตอนที่ 3"> <div class="modal fade" id="modal3"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">ขั้นตอนที่ 3: เมื่อดาวน์โหลดเสร็จแล้วจะได้หน้าตาแบบนี้</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!--- <img src="images/ubuntu003.png" class="img-fluid mb-3"> --> <p>หลังจากนั้นก็เข้า app Oracle VirtualBox</p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu004.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal4" style="cursor:pointer" alt="ขั้นตอนที่ 4"> <div class="modal fade" id="modal4" tabindex="-1" aria-labelledby="modal4Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal4Label">ขั้นตอนที่ 4: ใส่ข้อมูล</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!-- <img src="images/ubuntu004.png" class="img-fluid mb-3">--> <p>ใส่ชื่อแล้วก็ใส่ OS ที่โหมดมาตะกื้</p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu005.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal5" style="cursor:pointer" alt="ขั้นตอนที่ 5"> <div class="modal fade" id="modal5" tabindex="-1" aria-labelledby="modal5Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal5Label">ขั้นตอนที่ 5: สร้องUsername สร้อง Password</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!--- <img src="images/ubuntu005.png" class="img-fluid mb-3">---> <p>ให้ใส่Usernameแล้วก็ใส่password ที</p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu006.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal6" style="cursor:pointer" alt="ขั้นตอนที่ 6"> <div class="modal fade" id="modal6" tabindex="-1" aria-labelledby="modal6Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal6Label">ขั้นตอนที่ 6 : ตรวจสอบ Haedware</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!--- <img src="images/ubuntu006.png" class="img-fluid mb-3"> --> <p>แล้วก็จัดการหน่วยความจำถ้าคอมดีหน่อยก็ตั้งไว้ประมาณสีเขียว</p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu007.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal7" style="cursor:pointer" alt="ขั้นตอนที่ 7"> <div class="modal fade" id="modal7" tabindex="-1" aria-labelledby="modal7Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal7Label">ขั้นตอนที่ 7 : ตรวจสอบการเชื่อมต่อ</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!--- <img src="images/ubuntu007.png" class="img-fluid mb-3">--> <p>ตัวสอบเสร็จแล้วก็กด finish ได้เลย</p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu008.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal8" style="cursor:pointer" alt="ขั้นตอนที่ 8"> <div class="modal fade" id="modal8" tabindex="-1" aria-labelledby="modal8Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal8Label">ขั้นตอนที่ 8 : รอตรวจสอบ</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!---- <img src="images/ubuntu008.png" class="img-fluid mb-3">--> <p>ตรวจสอบว่ามีการเชื่อมต่ออินเทอร์เน็ตเพื่ออัปเดตระหว่างติดตั้ง</p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu009.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal9" style="cursor:pointer" alt="ขั้นตอนที่ 9"> <div class="modal fade" id="modal9" tabindex="-1" aria-labelledby="modal9Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal9Label">ขั้นตอนที่ 9 : เข้าAccounts</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!---- <img src="images/ubuntu009.png" class="img-fluid mb-3">--> <p>แล้วกดบัญชีที่สร้างไว้</p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu010.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal10" style="cursor:pointer" alt="ขั้นตอนที่ 10"> <div class="modal fade" id="modal10" tabindex="-1" aria-labelledby="modal10Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal10Label">ขั้นตอนที่ 10: ตรวจสอบpassword</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!--- <img src="images/ubuntu010.png" class="img-fluid mb-3">---> <p>แล้วก็ใส่ password ที่ตั้งเอาไว้</p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu011.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal11" style="cursor:pointer" alt="ขั้นตอนที่ 11"> <div class="modal fade" id="modal11" tabindex="-1" aria-labelledby="modal11Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal11Label">ขั้นตอนที่ 11: ตรวจสอบการAccounts</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!---- <img src="images/ubuntu011.png" class="img-fluid mb-3">--> <p>าขึ้นหน้านี้ก็ให้กด skip ไปเลย</p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu012.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal12" style="cursor:pointer" alt="ขั้นตอนที่ 12"> <div class="modal fade" id="modal12" tabindex="-1" aria-labelledby="modal12Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal12Label">ขั้นตอนที่ 12 : ตรวจสอบLivepatch</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!---- <img src="images/ubuntu012.png" class="img-fluid mb-3">--> <p>แล้วก็Next</p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu013.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal13" style="cursor:pointer" alt="ขั้นตอนที่ 13"> <div class="modal fade" id="modal13" tabindex="-1" aria-labelledby="modal13Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal13Label">ขั้นตอนที่ 13 : ตรวจสอบhelp improve Ubuntu</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!---- <img src="images/ubuntu013.png" class="img-fluid mb-3">---> <p>ให้เรียก yes,send system info to canonical แล้วก็กดในต่อ</p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu014.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal14" style="cursor:pointer" alt="ขั้นตอนที่ 14"> <div class="modal fade" id="modal14" tabindex="-1" aria-labelledby="modal14Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal14Label">ขั้นตอนที่ 14 : software</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!---- <img src="images/ubuntu014.png" class="img-fluid mb-3"> --> <p> ให้เลือก software ที่อย่างได้/p> </div> </div> </div> </div> </div> <div class="col-md-4"> <img src="images/ubuntu015.png" class="img-fluid" data-bs-toggle="modal" data-bs-target="#modal15" style="cursor:pointer" alt="ขั้นตอนที่ 15"> <div class="modal fade" id="modal15" tabindex="-1" aria-labelledby="modal15Label" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal15Label">ขั้นตอนที่ 15 : หน้าต่าง</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <!---- <img src="images/ubuntu015.png" class="img-fluid mb-3">---> <p>ถ้าขึ้นหน้าต่างนี้ก็เสร็จเรียบร้อย</p> </div> </div> </div> </div> </div> <div class=></div> <!-- Footer --> <footer class="text-center text-sm text-gray-500 p-6 mt-10 border-t"> เว็บนี้จัดทำเพื่อการศึกษาเท่านั้น | สร้างโดย [การํนต์กร] </footer> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.42 |
proxy
|
phpinfo
|
Settings