initial commit

1 files changed, 156 insertions, 0 deletions

diff --git a/files/ru/learn/common_questions/what_software_do_i_need/index.html b/files/ru/learn/common_questions/what_software_do_i_need/index.html
new file mode 100644
index 0000000000..8432ce45c3
--- /dev/null
+++ b/files/ru/learn/common_questions/what_software_do_i_need/index.html
@@ -0,0 +1,156 @@
+---
+title: Какое программное обеспечение необходимо для создания веб-сайта?
+slug: Learn/Common_questions/What_software_do_I_need
+translation_of: Learn/Common_questions/What_software_do_I_need
+---
+<div class="summary">
+<p>В этой статье мы изложим какие программные компоненты вам понадобятся при редактировании, загрузке или просмотре веб-сайта.</p>
+</div>
+
+<table class="learn-box nostripe standard-table">
+ <tbody>
+  <tr>
+   <th scope="row">Необходимые знания:</th>
+   <td>Вы должны уже знать <a href="/ru/docs/Learn/Pages_sites_servers_and_search_engines">разницу между веб-страницами, веб-сайтами, веб-серверами и поисковыми системами.</a></td>
+  </tr>
+  <tr>
+   <th scope="row">Цель:</th>
+   <td>Узнать, какие программные компоненты вам понадобятся при редактировании, загрузке или просмотре веб-сайта.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Аннотация">Аннотация</h2>
+
+<p>Вы можете бесплатно загрузить большинство программ, необходимых для веб-разработки. Мы предоставим несколько ссылок в этой статье. Вам понадобятся инструменты: 1) создания и редактирования веб-страниц, 2) загружать файлы на ваш веб-сервер, 3) просматривать ваш веб-сайт.</p>
+
+<p>Почти все операционные системы по умолчанию включают текстовый редактор и просмоторщик веб-сайтов (называемый браузером). Поэтому обычно вам нужно приобрести лишь программное обеспечение для передачи файлов на ваш веб-сервер.</p>
+
+<h2 id="Активное_изучение">Активное изучение</h2>
+
+<p><em>Пока нет активного обучения. </em><a href="/ru/docs/MDN/Getting_started">Пожалуйста, подумайте о том, чтобы внести свой вклад.</a></p>
+
+<h2 id="Копай_глубже">Копай глубже</h2>
+
+<h3 id="Создание_и_редактирование_веб-страниц">Создание и редактирование веб-страниц</h3>
+
+<p>Для создания и редактирования веб-страниц необходим текстовый редактор. Тестовые редакторы создают и изменяют неотформатированные текстовые файлы. (Другие форматы, такие как <strong>{{Glossary("RTF")}}</strong>, позволяют добавить форматирование, такое как полужирное или подчеркивание. Эти форматы не подходят для написания веб-страниц.) Вам следует выбирать текстовый редактор с умом, так как вы будете активно работать с ним, при создании веб-сайта.</p>
+
+<p>Все настольные операционные системы поставляются с основным текстовым редактором. Они просты, но не имеют специальных возможностей для кодирования веб-страниц. Если вы хотите что-то более интересное, то доступно много сторонних инструментов. Сторонние редакторы часто поставляются с дополнительными функциями, включая подсветку синтаксиса, автозавершение, сворачиваемые блоки кода и поиск кода. Вот краткий список редакторов:</p>
+
+<p> </p>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Операционная система</th>
+   <th scope="col">Встроенный редактор</th>
+   <th scope="col">Сторонний редактор</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>Windows</td>
+   <td><a href="http://en.wikipedia.org/wiki/Notepad_%28software%29" rel="external">Notepad</a></td>
+   <td>
+    <p><a href="http://notepad-plus-plus.org/">Notepad++</a></p>
+
+    <p><a href="https://www.visualstudio.com/">Visual Studio Code</a></p>
+
+    <p><a href="https://www.jetbrains.com/webstorm/">Web Storm</a></p>
+
+    <p><a href="http://brackets.io/">Brackets</a></p>
+   </td>
+  </tr>
+  <tr>
+   <td>Mac OS</td>
+   <td><a href="http://en.wikipedia.org/wiki/TextEdit" rel="external">TextEdit</a></td>
+   <td>
+    <p><a href="http://www.barebones.com/products/textwrangler/">TextWrangler</a></p>
+
+    <p><a href="https://www.visualstudio.com/">Visual Studio Code</a></p>
+
+    <p><a href="http://brackets.io/">Brackets</a></p>
+   </td>
+  </tr>
+  <tr>
+   <td>Linux</td>
+   <td><a href="http://en.wikipedia.org/wiki/Vi" rel="external">Vi</a> (All UNIX)<br>
+    <a href="http://en.wikipedia.org/wiki/Gedit" rel="external">GEdit</a> (Gnome)<br>
+    <a href="http://en.wikipedia.org/wiki/Kate_%28text_editor%29" rel="external">Kate</a> (KDE)<br>
+    <a href="http://en.wikipedia.org/wiki/Kate_(text_editor)" rel="external">LeafPad</a> (Xfce)</td>
+   <td>
+    <p><a href="http://www.gnu.org/software/emacs/">Emacs</a><br>
+     <a href="http://www.vim.org/" rel="external">Vim</a></p>
+
+    <p><a href="https://www.visualstudio.com/">Visual Studio Code</a></p>
+
+    <p><a href="http://brackets.io/">Brackets</a></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Ниже скриншот продвинутого текстового редактора:</p>
+
+<p><img alt="Screenshot of Notepad++." src="https://mdn.mozillademos.org/files/8221/NotepadPlusPlus.png" style="height: 311px; width: 450px;"></p>
+
+<h3 id="Загрузка_файлов_в_Интернете">Загрузка файлов в Интернете</h3>
+
+<p>Когда ваш сайт будет готов для публичного просмотра, вам придется загрузить свои веб-страницы на веб-сервер. Вы можете купить место на сервере у различных провайдеров (см. <a href="/en-US/docs/Learn/How_much_does_it_cost">Сколько стоит делать что-то в Интернете?</a>). После того, как вы решите, какого провайдера использовать, провайдер отправит вам по электронной почте информацию о доступе к протоколу FTP (протокол передачи файлов).  Загрузка файлов на веб-сервер является важным шагом при создании сайта, поэтому мы подробно расскажем об этом <a href="/en-US/docs/Learn/Upload_files_to_a_web_server">в отдельной статье</a>. А сейчас, вот краткий список бесплатных базовых FTP-клиентов:</p>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Операционная система</th>
+   <th colspan="2" rowspan="1" scope="col" style="text-align: center;">Программное обеспечение FTP</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>Windows</td>
+   <td>
+    <p><a href="http://winscp.net" rel="external">WinSCP</a></p>
+
+    <p><a href="http://mobaxterm.mobatek.net/">Moba Xterm</a></p>
+   </td>
+   <td colspan="1" rowspan="3"><a href="https://filezilla-project.org/">FileZilla</a> (All OS)</td>
+  </tr>
+  <tr>
+   <td>Linux</td>
+   <td><a href="https://live.gnome.org/Nautilus" rel="external">Nautilus</a> (Gnome)<br>
+    <a href="http://dolphin.com/" rel="external">Dolphin</a> (KDE)</td>
+  </tr>
+  <tr>
+   <td>Mac OS</td>
+   <td><a href="http://cyberduck.de/">Cyberduck</a></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Просмотр_веб-сайтов">Просмотр веб-сайтов</h3>
+
+<p>Как вы уже знаете, вам необходим веб-браузер для просмотра веб-сайтов. Существуют десятки браузеров для вашего личного использования, однако когда вы разрабатываете веб-сайт, вы должны протестировать его, по крайней мере, со следующими основными браузерами, чтобы убедиться, что ваш сайт работает для большинста пользователей:</p>
+
+<ul>
+ <li><a href="https://www.mozilla.org/en-US/firefox/new/" rel="external">Mozilla Firefox</a></li>
+ <li><a href="https://www.google.fr/chrome/browser/" rel="external">Google Chrome</a></li>
+ <li><a href="http://windows.microsoft.com/en-US/internet-explorer/download-ie" rel="external">Microsoft Internet Explorer</a></li>
+ <li><a href="http://www.apple.com/safari/" rel="external">Apple Safari</a></li>
+</ul>
+
+<p>Если вы ориентируетесь на определенную группу (например, техническую платформу или страну), возможно, вам придется протестировать ваш сайт с помощью дополнительных браузеров, таких как <a href="http://www.opera.com/" rel="external">Opera</a>, <a href="http://www.konqueror.org/">Konqueror</a>, или<a href="http://www.ucweb.com/ucbrowser/" rel="external"> UC Browser</a>.</p>
+
+<p>Но тестирование усложняется, потому что некоторые браузеры работают только в определенных операционных системах. Apple Safari работает на iOS и Mac OS, а Internet Explorer работает только в Windows. Поэтому лучше воспользоваться такими сервисами, как <a href="http://browsershots.org/" rel="external">Browsershots</a> или <a href="http://www.browserstack.com/" rel="external">Browserstack</a>. Browsershots предоставляет скриншоты вашего сайта, того как ваш сайт будет выглядить в различных браузерах. Browserstack фактически предоставляет вам полный удаленный доступ к виртуальным машинам, поэтому вы можете протестировать ваш сайт в наиболее распространенных средах. Кроме того, вы можете настроить свою собственную виртуальную машину, но это требует некоторого опыта. (Если вы следуете этому пути, Microsoft имеет инструменты для разработчиков, включая готовую к использованию виртуальую машину на <a href="https://modern.ie" rel="external">modern.ie</a>.)</p>
+
+<p>Обязательно проведите тестирование на реальном устройстве, особенно на реальных мобильных устройствах. Симуляция мобильных устройств - это новая, развивающаяся технология и менее надежна, чем симуляция настольных устройств. Разумеется, мобильные устройства стоят денег, поэтому мы предлагаем взглянуть на  <a href="http://opendevicelab.com/" rel="external">Open Device Lab initiative</a>. Вы также можете обмениваться устройствами, если вы хотите протестировать на многих платформах, не тратя слишком много.</p>
+
+<h2 id="Следующие_шаги">Следующие шаги</h2>
+
+<ul>
+ <li>Некоторые из перечисленных программ бесплатны, но не все. <a href="/en-US/docs/Learn/Common_questions/How_much_does_it_cost">Узнайте, сколько стоит сделать что-то в Интернете.</a></li>
+ <li>Если вы хотите больше узнать о текстовых редакторах, прочитайте нашу статью о том <a href="/en-US/docs/Learn/Choose,_Install_and_set_up_a_text_editor">как выбрать и установить текстовый редактор</a>.</li>
+ <li>Если вам интересно, как опубликовать ваш веб-сайт в Интернете, посмотрите статью <a href="/en-US/docs/Learn/Upload_files_to_a_web_server">"Как загрузить файлы на веб-сервер"</a>.</li>
+</ul>
+
+<p> </p>