Курсовая работа: Проектирование и разработка сайта «достопримечательности города Бреста»

СОДЕРЖАНИЕ
ВВЕДЕНИЕ.................................................................................................. 3
1 СОЗДАНИЕ САЙТА.................................................................................. 4
1.1 СОЗДАНИЕ ШАПКИ САЙТА................................................................. 4
1.1.1 Подготовка страницы к созданию сайта................................................. 4
1.1.2 Создание логотипа сайта ...................................................................... 5
1.1.3 Добавление ссылок на другие страницы сайта........................................ 5
1.1.4 Общий вид шапки в HTML файле.......................................................... 5
1.1.5 Стилизация шапки через CSS................................................................ 6
1.2 ПРИВЕТСТВЕННАЯ ЧАСТЬ САЙТА..................................................... 8
1.2.1 Создание HTML скелета приветственной страницы............................... 8
1.2.2 Добавление стилей к приветственной части сайта.................................. 8
1.3 СОЗДАНИЕ ЧАСТИ ДЛЯ ОЗНАКОМЛЕНИЯ С САЙТОМ........................... 9
1.3.1 HTML структура ознакомительного фрагмента.......................................... 9
1.3.2 Стили для этой части сайта.................................................................. 10
1.4 СЛАЙДЕР С ДОСТОПРИМЕЧАТЕЛЬНОСТЯМИ...................................... 11
1.4.1 Добавление стрелочек-переключателей для слайдера................................ 11
1.4.2 Стилизация стрелочек-переключателей для слайдера................................ 11
1.4.3 Основная часть слайдера — карточки..................................................... 12
1.4.4 Стилизация основной части слайдера...................................................... 13
1.5 ЧАСТЬ РАССКАЗЫВАЮЩАЯ ПРО ФОНД И ЕГО РАБОТУ...................... 15
1.5.1 Создание HTML структуры................................................................... 15
1.5.2 Стилизация для HTML скелета.............................................................. 18
1.6 СОЗДАНИЕ СЛАЙДЕРА С КОММЕНТАРИЯМИ...................................... 19
1.6.1 Формирование скелета слайдера............................................................ 19
1.6.2 Стилизация.......................................................................................... 20
1.7 ПОДВАЛ САЙТА................................................................................... 22
1.7.1 Добавление логотипа сайта.................................................................... 22
1.7.2 Добавление формы сайта....................................................................... 22
1.7.3 Стилизация к форме сайта..................................................................... 23
1.7.4 Добавление ссылок в подвал сайта......................................................... 25

ЗАКЛЮЧЕНИЕ.......................................................................................... 26
СПИСОК ИСТОЧНИКОВ........................................................................... 27



ВВЕДЕНИЕ

В городе Бресте много архитектурных сооружений и памятников. Некоторые из них нуждаются в реставрации и привлечении внимания к ним и к тем историческим моментам, которые они символизируют.
В данном курсовом проекте мы создадим сайт, который будет побуждать посетителей пожертвовать материальные средства для реставрации понравившегося им сооружения.
В сайте будет 6 секций, которые побудят посетителя сделать пожертвование.
В ходе данной работы мы сделаем основу сайта и частично подготовим его к последующей адаптации под различные устройства. Каждый отдельный блок будет создаваться так, чтобы сайт можно было максимально быстро и эффективно откорректировать.
Для того, чтобы закончить сайт в будущем будет нужно разработать адаптацию и добавить функциональную часть (создать слайдеры и других анимации).
Цель работы: создание сайта в поддержку достопримечательностей города Бреста
Объект: веб-сайт.
Цель: создать сайт для последующего его использования.
Задачи:

• Создать сайт
• Подготовить его к последующей адаптации под разные устройства

1 СОЗДАНИЕ ШАПКИ САЙТА
1.1 Подготовка страницы к созданию сайта
Мы будем создавать сайт с описанием достопримечательностей города Бреста и возможностью поддержать развитие и реставрацию одной из них.
В первую очередь сделаем сброс некоторых CSS-свойств:
html,
body{
height:100%;
overflow-x: hidden;
}
*{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
a{
text-decoration: none;
color:white;