installOS.html 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title> Об установке </title>
  5. <base href=".">
  6. <meta charset = "UTF-8"/>
  7. <link rel = "stylesheet" type = "text/css" href = "../css/installOS.css"/>
  8. <link href="../img/glider.ico" rel="icon" type="image/x-icon" />
  9. </head>
  10. <body>
  11. <center> <div class = "container">
  12. <header>
  13. <a href = "page-login.html" id = "button">
  14. Войти </a>
  15. <div id = "header-banner">
  16. <a href = "../main.html"> <img id = "logo" src="../img/logo-website.png"> </a>
  17. <p id = "text-header"> Руководство для начинающиего
  18. <span style = "color: red; font-size: 25px;">
  19. Линуксоида</span><span style = "color: #428bca;
  20. font-size: 20px">.org</span>
  21. </p>
  22. </div>
  23. </header>
  24. <a href = "gnulinux.html" id = "button-prev"> Вернуться </a>
  25. <div class = "content">
  26. <h3 id = "content-header">
  27. Об установке GNU/Linux
  28. </h3>
  29. <p id = "paragraph-head"> Введение </p>
  30. <hr style = "margin-left: 30px; margin-right: 40px;">
  31. <p id = "content-text">
  32. <img src="../img/install-distro.png"style = "width: 30%;
  33. margin: 10px 13px 0 10px; float: left">
  34. Если рассматривать тему установки операционной системы на базе ядра Linux. То стоит сказать, что этот процесс в каждом
  35. <a class = "tooltip"> дистрибутиве <span class = "tooltiptext"> это форма распространения ОС (в нашем случае на базе Linux) </span></a>
  36. может происходить по-разному. В каких-то дистрах тебе достаточно запустить на флешке установочный <a class = "tooltip"> iso <span class = "tooltiptext">
  37. термин для обозначения образа оптического диска, содержащего файловую систему стандарта ISO 9660 </span> </a> и там пройтись по-графическому
  38. мастеру установки. А где-то, перед установкой, надо прочитать <a class = "tooltip"> мануал <span class = "tooltiptext"> документ, назначение
  39. которого предоставить людям помощь в использовании какой-то системы </span></a>, понять что есть что и потом уже приступать к установке. Не стоит
  40. этого пугаться, поскольку в интернете полно разных документаций и видео. Особенно везет популярным дистрам, у которых огромное сообщество.
  41. </p>
  42. </br>
  43. <p id = "paragraph-head"> Рассмотрим по-подробнее разные виды установки </p>
  44. <hr style = "margin-left: 30px; margin-right: 43px;">
  45. <p id = "content-text">
  46. <b> 1. </b> Графическая установка дистрибутива: </br>
  47. Отличается тем, что все происходит полностью через графический интерфейс. Является самой привлекательной.
  48. </br>
  49. </br>
  50. <img src="../img/install-arch-picta.png"style = "width: 32%;
  51. margin: 35px 75px 0 15px; float: right; border-radius: 10px;
  52. box-shadow: 0px 1px 6px -1px;">
  53. </br>
  54. </br>
  55. </p>
  56. <p id = "content-text-preimus">
  57. <b> Преимущества: </b> </p>
  58. <ul id = "content-text">
  59. <li> быстрый процесс инсталляции на современном железе </li>
  60. <li> простая для рядового пользователя </li>
  61. <li> возможность использования курсора мыши </li>
  62. <li> красивый интерфейс </li>
  63. </ul>
  64. <p id = "content-text-nedo">
  65. <b> Недостатки: </b> </p>
  66. <ul id = "content-text">
  67. <li> возможно долгая установка на слабом железе </li>
  68. <li> не гибкая </li>
  69. <li> устанавливается лишний софт </li>
  70. </ul>
  71. </br>
  72. </br>
  73. <p id = "content-text">
  74. <b> 2. </b> Интерактивная установка дистрибутива: </br>
  75. Такой случай можно назвать псевдо-графическим, потому-что есть некоторые визуальные элементы, по-которым не трудно ориентироваться.
  76. </br>
  77. </br>
  78. <img src="../img/install-debian-picta.png"style = "width: 32%;
  79. margin: 10px 75px 0 15px; float: right;
  80. box-shadow: 0px 1px 8px -1px; border-radius: 10px;">
  81. </br>
  82. </br>
  83. </p>
  84. <p id = "content-text-preimus">
  85. <b> Преимущества: </b> </p>
  86. <ul id = "content-text">
  87. <li> быстрый процесс инсталляции на любом железе </li>
  88. <li> простая установка для рядового пользователя </li>
  89. </ul>
  90. <p id = "content-text-nedo">
  91. <b> Недостатки: </b> </p>
  92. <ul id = "content-text">
  93. <li> не самый красивый интерфейс </li>
  94. <li> не гибкая </li>
  95. <li> устанавливается необходимый софт </li>
  96. </ul>
  97. </br>
  98. </br>
  99. <p id = "content-text">
  100. <b> 3. </b> Консольная установка дистрибутива: </br>
  101. Одна из самых старых и популярных методов среди ветеранов GNU/Linux. Установка очень интересная и дает массу эмоций.
  102. </br>
  103. </br>
  104. <img src="../img/CLI-installation.png"style = "width: 38%;
  105. margin: -15px 50px 0 15px; float: right;
  106. box-shadow: 0px 1px 8px -1px; border-radius: 10px;">
  107. </br>
  108. </br>
  109. </p>
  110. <p id = "content-text-preimus">
  111. <b> Преимущества: </b> </p>
  112. <ul id = "content-text">
  113. <li> очень гибко </li>
  114. <li> устанавливаешь тот софт, который тебе нужен </li>
  115. <li> не требовательная установка на любом железе </li>
  116. </ul>
  117. <p id = "content-text-nedo">
  118. <b> Недостатки: </b> </p>
  119. <ul id = "content-text">
  120. <li> сложно новичкам </li>
  121. <li> отсутствует графический интерфейс </li>
  122. </ul>
  123. </br>
  124. </br>
  125. <p id = "paragraph-head"> Какие бывают дистрибутивы? </p>
  126. <hr style = "margin-left: 30px; margin-right: 50px;">
  127. <p id = "content-text">
  128. Дистрибутивов в цифровом мире полным полно, миллионы и миллиарды. Одни созданы огромной корпорацией,
  129. другие маленькими проектами или обычными пользователями. Каждая привлекательнее другой. Есть с графической
  130. средой <a class = "tooltip"> (DE) <span class = "tooltiptext"> desktop environment - окружение, в котором есть
  131. уже все необходимое </span> </a> или <a class = "tooltip"> (WM) <span class = "tooltiptext"> window manager -
  132. оконное окружение, которое является базой управления размещением и определяющая внешний вид окон </span> </a>.
  133. А также без нее (CLI). Любую из них можно настроить как угодно и для разных задач,
  134. если уметь правильно это делать. В таком разнообразии можно найти и то, что тебе больше всего подойдет, с
  135. помощью сайтов с фильтрами. Одним из таких можно считать <a style = "color: #30b2f9;
  136. text-decoration: none" href = "https://distrowatch.com"> DistroWatch.com </a>
  137. </p>
  138. </p>
  139. </div>
  140. <div class = "clear"> </div>
  141. <footer >
  142. <div style = "padding: 5px">
  143. <div id = "left-bottom-hyper">
  144. <a href = "https://www.notabug.org/ZeroNe/MPKB">
  145. <img id = "pict-notabug2"
  146. src = "../img/notabug-logo.png">
  147. </a>
  148. <a href = "mailto:nik.pavlov.9191@inbox.ru">
  149. <img id = "pict-mail2"
  150. src = "../img/mail-logo.png">
  151. </a>
  152. </div>
  153. <p style = "font-family: FuturaRoundBold;
  154. font-size: 12px;
  155. margin: 4px 430px 0 430px;
  156. text-align: center;
  157. background: white;
  158. padding: 4px;
  159. border-radius: 15px; ">
  160. Автор сайта: Павлов Никита из гр. ИСП-932</p>
  161. <p style = "font-family:FuturaRoundBold;
  162. font-size: 12px;
  163. margin: -23px 35px 0 980px;
  164. text-align: center;
  165. background: white;
  166. padding: 4px;
  167. color: #428bca;
  168. border-radius: 15px; ">
  169. Версия сайта: 0.4 </p>
  170. </div>
  171. </footer>
  172. </div> </center>
  173. </body>
  174. </html>