Верстаем навороченную таблицу со стилями CSS в Adobe InDesign CS6

Хорошим тоном является прописывание внешних стилей CSS для оформления. Загрузка сайта оптимизируется, править стили проще и быстрее.

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

Здесь я опишу весь процесс создания этой таблицы от компоновки до внедрения на сайт. Статья получилась длинная, воспользуйтесь содержанием, чтобы сразу перейти к интересующему разделу.

Содержание

Создание макета в Adobe Illustrator CS6
Создание таблицы в Adobe InDesign CS6
Экспорт в HTML со стилями CSS
Внедрение в запись в блоге
Добавление пользовательских стилей CSS
HTML код и CSS стили таблицы с картинками можно скопировать

		Это интересно Это интересно +1 +1	Как всё будет выглядеть в блоге: Верстаем навороченную таблицу со стилями CSS в Adobe InDesign CS6 Хорошим тоном является прописывание внешних стилей CSS для оформления Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/sozdat-svoj-sajt-mechta-kazhdogo-chelovekakotoryij-hotya-byi-2-3-raza-zahodil-v-internet/13434140/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Верстаем навороченную таблицу со стилями CSS в Adobe InDesign CS6 </a> <div class="insert-intro" style="font-family:trebuchet MS;">Хорошим тоном является прописывание внешних стилей CSS для оформления </div> </div> Верстаем навороченную таблицу со стилями CSS в Adobe InDesign CS6 <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/sozdat-svoj-sajt-mechta-kazhdogo-chelovekakotoryij-hotya-byi-2-3-raza-zahodil-v-internet/13434140/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Верстаем навороченную таблицу со стилями CSS в Adobe InDesign CS6</a> <div style="font-family:trebuchet MS;">Хорошим тоном является прописывание внешних стилей CSS для оформления </div> </div>

Валерия Азарова

07.04.2017

В избранное Пожаловаться Просмотров: 585

Следить

Комментарии ⁰

Создать свой сайт 963

Последние откомментированные темы:

Верстаем навороченную таблицу со стилями CSS в Adobe InDesign CS6

Комментарии временно отключены

Открытая группа
19577 участников