1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
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>
|
