Разработка сайта «Автосалон» с использованием CSS, HTML
ВВЕДЕНИЕ
В зависимости от текущей задачи, какие-то из этапов могут отсутствовать.Дизайн основной и типовых страниц сайта:Начинается работа с создания дизайна, обычно в графическом редакторе. Дизайнер создаёт один или несколько вариантов дизайна, в соответствии с техническим заданием. При этом отдельно создаётся дизайн главной страницы, и дизайны типовых страниц. Собственно «дизайн страницы» представляет собой графический файл, слоеный рисунок, состоящий из наиболее мелких картинок-слоев элементов общего рисунка.При этом дизайнер должен учитывать ограничения стандартов HTML.2) HTML-верстка:Утверждённый дизайн реализуется при помощи HTML-вёрстки, с помощью которой «нарезаем» графическую картинку на отдельные рисунки, из которых впоследствии складывает HTML-страницу. В результате создаётся код, который можно просматривать с помощью браузера. А типовые страницы впоследствии будут использоваться как шаблоны.3) Для задания цветов, шрифтов, стилей, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц используется язык программирования CSS. Основной целью разработки CSS являлось отделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом.
ВВЕДЕНИЕ. 4
1Средства разработки приложения. 6
1.1Язык гипертекстовой разметки HTML. 6
1.2 Таблицы стилей CSS. 7
2 Фреймворк и другие сервисы.. 12
2.1 Фреймворк Bootstrap. 12
2.2 C#. 14
2.3 SMTP………………………………………………………………………..16
2.4 HTTP…………………………………………………………………...…...17
2.5 SQL Server………………………………………………………………….19
2.6 Js …..……………………………………………………………………......20
2.7 Node js……………………………………………………………………....22
2.8 Angular ………………………………………………………………….….24
2.9 Visual Studio. 27
3Разработка клиентской части сайта «Автосалон». 29
4Разработка серверной части сайта «Автосалон». 40
5Взаимодействие пользователя с приложением. 41
ЗАКЛЮЧЕНИЕ. 47
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ.. 48
Приложения
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
Лещев, Д. Создание интерактивного web-сайта / Д. Лещев – Спб.: Питер, 2003. – 544 с.
Холмогоров, В. Основы веб-мастерства: Учебный курс: 2-е издание / В. Холмогоров – Спб.: Питер, 2003. – 467 с.
Кузнецов, И. Анимация для интернета: Краткий курс / И. Кузнецов – Спб.: Питер, 2003. – 496 с.
Гончаров, А. Ю. Самоучитель Html / А.Ю. Гончаров. – Спб.: Питер, 2001. – 382 с.
Федорчук, А. В. Как создаются web-сайты: Краткий курс / А. В. Федорчук. – Спб.: Питер, 2001. – 427 с.
Bootstrap [Electronic resourse] // URL: https://getbootstrap.com/docs/4.3/getting-started/introduction/. Дата доступа: 13.05.2019.
Черткова, Е. А. Статистика. Автоматизация обработки информации : учеб. пособие для вузов / Е. А. Черткова ; под общ. ред. Е. А. Чертковой. – 2-е изд., испр. и доп. — М. : Издательство Юрайт, 2017. – 195 с.
Трофимов, В. В. Основы алгоритмизации и программирования : учебник для СПО / В. В. Трофимов, Т. А. Павловская ; под ред. В. В. Трофимова. – М. : Издательство Юрайт, 2019. – 137 с.
Сысолетин, Е. Г. Разработка web-приложений : учеб. пособие для вузов / Е. Г. Сысолетин, С. Д. Ростунцев ; под науч. ред. Л. Г. Доросинского. – М. : Издательство Юрайт, 2019. – 90 с.
Сысолетин, Е. Г. Разработка web-приложений : учеб. пособие для СПО / Е. Г. Сысолетин, С. Д. Ростунцев. – М. : Издательство Юрайт, 2019. – 90 с.
Плескунов, М. А. О Js : учеб. пособие для вузов / М. А. Плескунов ; под науч. ред. А. И. Короткого. – М. : Издательство Юрайт, 2019. – 141 с.
Малявко, А. А. Формальные языки и компиляторы : учеб. пособие для вузов / А. А. Малявко. – М. : Издательство Юрайт, 2018. – 429 с.
Кудрина, Е. В. Основы алгоритмизации и программирования на языке C# : учеб. пособие для СПО / Е. В. Кудрина, М. В. Огнева. – М. : Издательство Юрайт, 2019. – 322 с.
Иванов, В. М. Интеллектуальные системы : учеб. пособие для СПО / В. М. Иванов ; под науч. ред. А. Н. Сесекина. – М. : Издательство Юрайт, 2019. – 93 с.
При запуске веб-приложения пользователь видит главную страницу, на которой он видит логотип «Audi», видеоролик компании, а так же может пройти на страницу «Модельный ряд», «Услуги», «Дилеры», «Drive2», «Автозапчасти, и «Обратный звонок». На странице «Модельный ряд» пользователь видит перечень автомобилей с указанием номера кузова. На странице «Услуги» пользователь может записаться на тест драйв автомобиля, указав свои данные в соответствующих строках.На странице «Дилеры» пользователь может посмотреть информацию об автосалонах «Audi» в Беларуси. На странице «Drive2» пользователь переходит на сайт автомобильного клуба «Audi» Беларуси. На странице «Обратный звонок» пользователь может записаться на звонок от официального дилера Беларуси, указав свои данные в соответствующих строках.При нажатии на Автозапчасти пользователь переходит на страницу для выбора или заказа запчастей для автомобиля. На станице Автозапчасти пользователю предоставлены раздельные категории запчастей. Это позволяет намного быстрее выбрать нужную деталь. Для реализации приложения использовались различные возможности HTML, который был использован для реализации клиентской части приложения.