Верстка, CSS, HTML, SVG

В какой программе сделать гайд?

Хочу сделать полезный кулинарный гайд и красиво украсить его вставками, рисунками, заголовки выделять в рамки и фигуры. В Ворде очень неудобно и многое не получится воспроизвести. В Канва проблематично вставить много текста. По объему на 40 страниц. В какой программе это удобнее сделать чайнику, после просмотра нескольких уроков (короче говоря, не слишком заковыристой, в который долго вникать и учиться). Бывают ли такие?
Miralim Saydahmatov
Miralim Saydahmatov
169
А просто HTML-CSS не прокатит?) Основы основ можно понять за пару дней.

https://jsfiddle.net/OPTlMUS/29fc5nhe/ - можете играться с кодом (при клике на заглавление - сразу переносится на указанный рецепт). Чтобы лучше понять, как там работает цвет, http://drako.ru/forum/forum_library/76133.html#color - здесь, чуть ниже есть инструмент для этого.

А для сохранения...

Открываете у себя программу notepad (например нажав кнопку windows + R, прописать notepad). Копируете код туда, сохраняете файл с расширением .html → https://i.gyazo.com/a4a1235490e7dc95610f635a653aeb99.png

И усё - оно будет открываться прямо у вас в браузере. А возможности оформления ограничены только вашей фантазией и знаниями. Сделать можно всё что угодно)) А если не получится - здесь помогут.

P.s. если будет слишком много картинок - одна страница долго будет грузиться. Можно разбить на несколько файлов.
Валерий Родин
Валерий Родин
62 360
Лучший ответ
Miralim Saydahmatov Спасибо)
Жалко вы не указали, бумажный или электронный гайд вы хотите сделать.
Если электронный, то тут есть много вариантов, от профессиональных программ для создания документации до просто создания web-страниц в html-редакторе (есть официально бесплатные версии).
Если бумажный, то можно использовать какой-нибудь текстовый редактор, помимо платного Word есть и отличные текстовые редакторы от других производителей, в том числе официально бесплатные (не надо платить).
Вы, я вижу, разрешили комментарии к ответам, поэтому можете в комментарии к моему ответу что-то написать, какой же именно гайд вы замыслили.
Dima Ivanov
Dima Ivanov
64 423
Miralim Saydahmatov Спасибо.
Гайд электронный по кулинарии. Текста много, но хочу разбивать его в блоки, текстовые вставки, заголовки на фигурах, картинки, дополнительные символы, знаки пунктуации не обычные, а художественные или картинка вместо них и тд. В ворде привязано все к строкам, поэтому неудобно. Чтобы можно было вставить текст и картинку куда угодно, так скажем, Что-то похожее на Фотошоп, но чтобы и с текстом работа была удобной)
Конечно, можно заказать, чтобы сделали за меня, но в дальнейшем планирую много таких штук, поэтому хочется научиться самой)
Affinity Designer
http://www.newart.ru/htm/myzavr/mz93.php
Замечательный инструмент в руках дизайнера. Лёгкий, податливый, много умеющий. Претендует на соперничество с Adobe Illustrator и Corel Draw, монстрами в мире векторной графики. До монстра, конечно, еще не дотягивает, но все необходимое, чтобы называться "монстр лайт", есть. Слои, градиентные заливки, работа с узлами, выравнивание и пересечение фигур, привязка к сетке... Если выделять что-то отличительное, то можно сказать следующее. Кроме обычной настраиваемой сетки есть изометрическая настраиваемая сетка (в Иллюстраторе, например, для изометрии надо скачивать дополнительный файл сетки). Отметил бы удобную функцию настройки толщины линии от её длины - от такой функции, встречающейся лишь в некоторых рисовалках, тинейджеры просто фанатеют. Редактор поддерживает функционал символов - это такие копии элементов, которые все единовременно изменяются после редактирования символа-прародителя. Также стоит отметить скругление углов фигур отменно и разнообразно обеспечено (как в последней версии Иллюстратора). Еще понравился механизм Снимков - сохранение состояний композиции с возможностью вернуться к снимку даже после сохранения и закрытия документа. И наконец, градиент с шумом - стильно смотрится.
Станислав Баранов
Станислав Баранов
62 499

Похожие вопросы