Приветствую. Сегодня поговорим о том, каким софтом пользуются веб дизайнеры. Из прошлого материала мы выяснили, что писать сайт можно даже в блокноте - простейшем по своей сути текстовом редакторе. Однако с помощью этой незатейливой программы сайт придётся писать очень долго и муторно, что называется "голыми руками".
Сразу оговорюсь, что в этой статье мы не рассматриваем разного рода конструкторы сайтов, вроде wix, ucoz и прочие. Только создание с нуля, только хардкор :) И так, начнём.
Нам понадобятся две программы:
1. Графический редактор, чтобы нарисовать визуальный макет сайта, можно сказать его чертёж. Можно делать сайт и без макета, но удобным такой способ не назовёшь.
2. HTML - редактор. Использование таких программ значительно упрощает сам процесс написания кода. Например, программа сама закрывает теги, обладает широкими возможностями автозаполнения и умными подсказками, во многих есть инспектор элементов. Используя специальные редакторы, вы избавите себя от огромного количества рутины. Так же, плюсом будет визуальное отображение результата в реальном времени.
А теперь пройдёмся по самым распространённым программам и остановимся на каждой подробнее.
1. Adobe Photoshop.
В особом представлении не нуждается. Самая популярная программа для работы с компьютерной графикой. Лично я пользуюсь версией Adobe Photoshop CC 2018. По сравнению с версией CS 6, программа обзавелась возможностями, которые сэкономят вам десятки часов работы и не один литр кофе :) Чего стоит только автоматический экспорт изображений из макета.
2. GIMP
Аналог фотошопа. К преимуществам этого продукта можно отнести свободное распространение и настоящую кроссплатформенность - GIMP устанавливается даже на линукс. К сожалению, инструментарий программы куда более скуден, чем у главного конкурента.
3. Adobe Dreamwiever.
Тот самый HTML - редактор.
Обладает следующими преимуществами:
1. Подсветка кода
2. Автозаполнение
3. Контроль кода
4. Aptana Studio Бесплатная альтернатива Dreamwiever. Обладает примерно теми же возможностями.
Бесплатная альтернатива Dreamwiever. Обладает примерно теми же возможностями.
Лично я использую Photoshop и Dreamwiever. Да, программы не из дешевых. Если хотите пользоваться пиратскими версиями, должен вас предупредить что в большинстве стран это карается законом. (А еще говорят, пиратские версии работают не хуже лицензионных. Только тсс! я вам этого не говорил :))
В следующих статьях мы продолжим изучение HTML и приступим к CSS. Но это не всё. Все карты раскрывать пока не буду :)
До встречи на канале!