Итак, вы решили присоединиться к счастливой банде веб-дизайнера? Это чудесно. Вы, вероятно, вы задаетесь вопросом: «Какое программное обеспечение мне нужно получить, прежде чем я смогу начать?» И ответ? Наверное, ничего.


Основные вещи

У вас уже есть все необходимое для создания грамотного сайта. Все компьютеры будут поставляться с некоторыми из основных инструментов, необходимых для написания HTML и CSS, а также для редактирования изображений.

Прежде всего, вам понадобится текстовый редактор для написания файлов HTML и CSS. Если у вас есть ПК и Windows, вы можете использовать Блокнот, самый простой текстовый редактор на вашем компьютере. Если у вас Mac с OS X, вы можете использовать TextEdit.

  • На ПК откройте Пуск> Программы> Стандартные> Блокнот.
  • На Mac откройте Finder> Приложения> TextEdit.
Пользователям Mac, идущим по маршруту TextEdit, необходимо будет изменить некоторые настройки, чтобы приложение правильно сохраняло файлы. В настройках в разделе «Формат» выберите «Обычный текст». Затем в разделе «Открыть и сохранить» установите флажок «Игнорировать команды отформатированного текста в файлах HTML».

Кроме того, вам нужен интернет браузер, который у вас уже есть, потому что вы читаете это в одном из них. Однако имейте в виду, что, вероятно, лучше всего иметь копию каждого из популярных браузеров, установленных в вашей системе.

Вы, вероятно, остановитесь на одном, который будет использоваться в качестве основного браузера, но очень полезно иметь другие, поскольку важно проверить, как ваш сайт выглядит в каждом браузере (поскольку иногда страницы будут выглядеть по-разному), поэтому необходимо убедиться, что все работает.

Редактирование изображений

У большинства людей не будет редактора изображений, который может сохранять в двух графических форматах Интернета. Microsoft Paint, поставляемый с Windows, может сохранять файлы как в формате .gif, так и в формате .jpg, хотя для начала это не очень хороший редактор. Лучше всего получить 30-дневную пробную версию чего-то вроде Photoshop. Вы также можете использовать GIMP, бесплатный редактор изображений в стиле Photoshop.

Что использовать для работы с HTML

Все зависит от того, что вы установили на свой компьютер. Распространенными программами, которые могут быть у вас установлены, являются Microsoft FrontPage, FrontPage Express или Microsoft Word. Эти редакторы являются редакторами WYSIWYG, то есть вы следите за своей страницей в процессе ее оформления. Однако эти три программы генерируют по-настоящему ужасный HTML-код, и я настоятельно не рекомендую их использовать, поскольку код беспорядочный и плохо работает во многих браузерах.

Мой совет прост: начните с текстового редактора. Возможно, первую неделю или около того это будет тяжелее, но вы узнаете гораздо больше и получите более четкое понимание своего кода.

Если вы выберете простой вариант с FrontPage или что-то еще, вы будете выводить неаккуратный HTML и не узнаете много о том, как проектировать и структурировать страницы. Хуже того, как только вы столкнетесь с ошибкой в ​​макете, которую ваш редактор не может исправить автоматически, вы не сможете войти в код и исправить ее самостоятельно.

После того, как вы какое-то время используете Блокнот или аналогичный и освоите свои знания HTML, вы можете позволить себе использовать редакторы, которые выполняют большую часть тяжелой работы за вас.

Вспомогательные текстовые редакторы, такие как Notepad++ (ПК) или TextMate (Mac), отлично подходят для экономии вашего времени, если вы точно знаете, что делаете. Постарайтесь как можно больше держаться подальше от графических (WYSIWYG) редакторов, поскольку, если вам не нужно очень быстро спроектировать сайт, страница с ручным кодом всегда будет лучше, чем страница, созданная автоматически.

В идеальном мире…

В идеальном мире у всех нас было бы несколько тысяч, которые можно было бы потратить на модное программное обеспечение, чтобы получить наилучшие результаты с минимальными усилиями. В некоторых областях вы получаете то, за что платите в программном обеспечении, но есть много очень хороших программ, которые вы можете получить сейчас, которые являются дешевыми или даже бесплатными.

Тем не менее, если вы чувствуете, что вам может пригодиться более продвинутый редактор HTML, вы можете прочитать мою страницу обзор программного обеспечения, чтобы получить некоторую информацию для загрузки.

Что использую я

Когда я использую Windows, я использую следующие программы:

  • Notepad++ — это мощный текстовый редактор для ПК. Бесплатный, с открытым исходным кодом.
  • PaintShop Pro — действительно отличный редактор изображений. Это условно-бесплатная программа, поэтому через некоторое время вам придется заплатить за нее. Вы также получаете магазин анимации для создания GIF-анимации.
  • Microsoft Paint + Adobe Photoshop Elements 14 — в связке эти две  программы отлично подойдут для начинающего. Paint вам поможет создать изображения, а Photoshop Elements 14 поможет обработать полученные изображения из Paint и сжать их размер, что очень важно.
  • FileZilla — после того, как ваш сайт будет построен, вам необходимо отправить его по FTP в Интернет. FileZilla — это бесплатная программа для этого. Так же есть еще один хороший бесплатный аналог, который я тоже использую, это WinSCP.

Когда я использую свой Mac, я использую:

  • TextMate — потрясающий текстовый редактор, который может выделять синтаксис для десятков распространенных языков разметки и программирования.
  • Transmit — моя любимая программа FTP на Mac. Для Mac существует множество отличных программ с открытым исходным кодом. Итак, вы видите, что с небольшим скачиванием вы можете собрать коллекцию отличного программного обеспечения для разработки, в основном бесплатно. Вот полный обзор этих программ.