Разработка образовательного web-сайта
Введение
В наше время у каждого учебного заведения должен быть сайт, так как наличие сайта облегчает поступление в учебное заведение абитуриентам и поступающим, так и облегчает работу людей занимающихся этим. Так же наличие сайта значительно повышает конверсию студентов в учебном заведении, так как нынешнее поколение уже давно привыкло все делать в интернете не усложняя жизнь себе и окружающим. Сейчас чтобы привлечь внимание абитуриентов, просто необходимо создать сайт, который будет позволять увидеть всю необходимую и интересующую информацию абитуриентам и поступающим. Сайты позволяют передавать различные типы информации не выходя из дома с помощью различных устройств , таких как персональный компьютер, смартфон, планшет, ноутбук и т.д. В данной дипломной работе было рассмотрено создание сайта по приему творческих экзаменов кафедры «Архитектуры и Дизайна» Торайгыров университета.
Содержание
Введение 2
1 Дизайнерский раздел 4
1.1 Принцип создания веб-сайтов 4
1.2 Современные технологии используемые для создания сайтов 4
1.3 Маркетинговое исследование образовательных сайтов 7
1.5 Этапы создание веб-сайта
Структура сайта
2 Конструктивный раздел 14
2.1 Прототипирование сайта 14
2.2 Цветовое решение 19
2.3 Шрифтовое решение 22
2.4 Композиционное решение 23
2.5 Этапы создания дизайна сайта 25
2.6 Используемые инструменты и программы 32
3 Этапы программирования сайта 36
3.1 No-code решения для сайтов37
3.2 Выбор CMS для сайта 37
3.3 Tilda и интеграции для образовательного сайта 38
3.4 Инструменты аналитики веб-сайта46
4 Экономический раздел 47
4.1 Затраты на создание образовательного сайта 47
Заключение 50
Список использованных источников 51
Список использованных источников
https://tilda.cc/ru/lp/sozdat-landing-page/ - Создание адаптивного лендинга без программирования в Figma.
https://tilda.education/articles-figma - Гид по Фигме для начинающих веб-дизайнеров.
https://evgenev.ru/how-create-website/ - Руководство как создать сайт с нуля самому.
https://vc.ru/design/266999-kak-sozdayutsya-prototipy-saytov - Как создаются прототипы сайтов.
https://tilda.education/articles-navigation - Как сделать навигацию на сайте удобной.
https://web-design.center/dizajn-sajta-v-figme/ - Создание дизайна в Figma с иллюстрациями.
https://www.seostop.ru/figma/cvet.html - Работа с цветом в Figma.
https://skillbox.ru/media/design/shrifty_v_figma_osobennosti_primenenie_i_vybor/ - Шрифты в Figma, как правильно подобрать и использовать.
https://blog.webformula.pro/article/nastroyka-optimalnoy-funktsionalnosti-photoshop/ - Настройка Adobe Photoshop для веб-дизайнера.
https://impulse-design.com.ua/pravilnaya-struktura-veb-sajta-pod-seo.html - Как создать правильную структуру сайта.
https://web-valley.ru/articles/trendy-veb-dizajna-2022 - Сорок трендов в UI дизайне сайтов 2022 года.
https://videoinfographica.com/photoshop-tutorials/ - Уроки Photoshop для начинающих.
https://zyro.com/ru/blog/skolko-stoit-sozdat-sajt/ - Сколько стоит создать сайт в 2022 году.
CSS (Cascading Style Sheets) — Стили CSS — файл в содержании которого находятся стили примененные к различным HTML тегам. Стили CSS по своей сути являются технологией, которая позволяет изменять цвета, размеры и расположение блоков, текста и любых других элементов HTML-разметкиЯзыки программирования и базы данных Современные сайты и веб-приложения имеют большое количество различной информации, которую просто невозможно предоставлять пользователю в должном виде без использования программирования. Технология языков программирования в сайтостроении отвечает в основном за: связь базы данных с конечным сайтом, удобный интерфейс редактирования данных пользователем, сложные формы множество различных движущихся фрагментовPhp. Язык php можно кратко назвать инструментом для разработки персональных web сайтов. Данный язык является одним из самых популярных в создании сайтов и веб-приложений и поддерживается практически всеми хостинг-провайдерами. Php выполняется на стороне сервера.JavaScript. Технология JavaScript используется для повышения функционала ресурса. Наиболее часто JavaScript используется для придания некой интерактивности сайту (плавающие элементы, параллакс, несложная анимация и многое другое). Создание данного языка привело к созданию библиотек, упрощающих работу с языком, например, Prototype или jQuery.База данных MySQL. Как правило, в ней хранится вся текстовая информация, которая выводится на вашем сайте: будь то статья, заголовок или же пункт меню.