Для формирования сайта, то есть написания его исходного кодаи создания графики, используются специальные языки и программы. Чтобысоздать сайт, необходимо владеть HTML — языком гипертекстовой разметки, но, чтобы сделать его ещё лучше и привлекательнее, потребуютсяразличные графические редакторы (AdobePhotoshop, AdobeIllustrator, CorelDraw и другие) и технология CSS.
Создание обновленного логотипа библиотечно-издательского комплекса, а также верстка макетов страниц сайта издательства ТюмГНГУ были выполнены в программе CorelDrawX7, с использованием Adobe Photoshop CC 2015.
Для того, чтобысайтработал корректно и мог в полной мере функционировать, основная сборка производилась в профессиональной программе для вёрстки веб-страниц — AdobeDreamweaver. Данная программа позволяет писать код, создавать интерактивность, настраивать свойства отображения элементов и имеет визуальную карту сайта, на которой графически отображается его структура, что обеспечивает удобство при работе в программе [20]. Основная функция Adobe Dreamweaverсоздание HTML и CSS кода.
Проектируемы сайт имеет семь одинаково оформленных страниц, одна из которых главная. Фон, шапка, подвал и навигационное меню на всех страницах повторяются, меняется остальной контент. CSS код единый для всех страниц, а HTML для каждой индивидуален.
Более 70% информации человек воспринимает через визуальные образы. Изображения на сайте привлекают внимание, а тематические изображения усиливают эффект от текстовой информации. Поэтому стоит учитывать размер изображений, чем он больше — тем больше вес и, соответственно, более долгая загрузка при открытии сайта [21]. Эти нюансы были учтены при выборе и обработке изображений для проектируемого сайта. Все необходимые операции по работе с изображениями проводились в программе Adobe Photoshop CC 2015. Каждому изображению и фотографии был задан определенный размер, чтобы загрузка не была долгой, а изображение сохраняло свой вид.
