Professional Documents
Culture Documents
Курсова робота
Курсова робота
КУРСОВА РОБОТА
з дисципліни «WЕВ-технології та WЕВ-дизайн»
на тему
«Веб-сторінка автолюбителя»
Виконав студент:
Група: ПР-3-1
Ярема Б.О.
Київ 2022
1
Зміст
ВСТУП...................................................................................................................2
Основна задача......................................................................................................3
Технічна необхідність...........................................................................................5
Схема сторінки......................................................................................................6
Реалізація проекту...............................................................................................11
Висновок..............................................................................................................14
Додатки.................................................................................................................16
2
ВСТУП
Актуальність теми: актуально.
Основна задача
Рухатись вперед в технологічному розвитку в наш час є одним із
найактуальніших пріоритетів сучасного суспільства. Бажання автоматизувати,
полегшити будь-яку задачу завжди цікавила людей.
З кожним роком все важче зустріти людину, яка б не користувалася
сучасними гаджетами, адже використання смартфону чи комп’ютеру значно
полегшує життя в плані спілкування, пошуку інформації та її збереження,
прослуховування музики чи перегляді відео матеріалів.
Тенденція до інформатизації спостерігається сьогодні майже скрізь: в
освітніх установах; у засобах масової інформації; в урядових організаціях; у
різноманітних розважальних закладах; у промисловості; у оборонно-
промисловому комплексі; у науково-дослідній діяльності; у засобах
телекомунікацій; в будівництві; в освоєння водних, космічних, підземних
просторів Землі та у багатьох інших галузях діяльності людства.
Не є винятком і різні автосалони, для яких інформаційний розвиток на
сьогоднішній день не менш важливий, ніж для комерційних організацій. За
допомогою сучасних технологій автосалони можуть заявити про себе,
спілкуватися з дилерами, ділитися досвідом у продажу продукції.
5
Технічна необхідність
Ми живемо в епоху інформаційних технологій. Не одна сфера нашого життя
не може обійтися без Інтернету. Навіть відпочинок дуже сильно залежить від
комп’ютерних технологій. Тому для нормального функціонування мережі нам
потрібно створити сайт.
Що цей сайт дає? Буде легкий доступ до інформації про автомобілі. Багато
людей зможе дізнатися всю необхідну інформацію щодо цих автомобілів. Це, в
свою чергу, буде піднімати інтерес людей до автівок.
7
Схема сторінки
Сайт буде складатися з трьох сторінок.
Реалізація проекту
Висновок
1.Було проаналізовано тенденції автівок
2.Було визначено популярність автівок.
3.Було визначено технологію розробки сайту та необхідні мови.
4.Був розроблений сайт для Автолюбителя.
16
Додатки
<!DOCTYPE html>
<html lang="ua">
<head>
<title>Автолюбитель</title>
<meta charset="utf-8">
<link rel="icon" href="img/logo.png" type="image/x-icon">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header_body">
<div class="title_logo">
<h1 class="title">Автолюбитель</h1>
<img class="logo" src="./img/logo.png" alt="">
</div>
<ul class="tab">
<li class="item"><a class="link active" href="index.html">Головна</a></li>
<li class="item"><a class="link" href="bmw.html">BMW</a></li>
<li class="item"><a class="link"
href="mercedes.html">Mercedes-Benz</a></li>
</ul>
</div>
</header>
<main class="main">
<div class="main_title">MERCEDES VS BMW</div>
<div class="first_block">
18
стандартних серій, BMW пропонує серії BMW M, BMW i line, а також серії X і
Z4.
<br>
Якщо ви робите інвестиції в покупку автомобіля класу люкс, ви хочете
бути впевненими, що будь-яка модель, яку ви виберете, буде надійно працювати
протягом сотень тисяч миль у 2017 BMW 3 серії Blue.jpg майбутньому.
Найбільшою перевагою вибору автомобіля BMW або Mercedes-Benz є наявність
однієї з найнадійніших моделей на ринку.
</p>
<img src="./img/2.jpg" alt="">
</div>
<div class="first_block">
<img src="./img/4.jpg" alt="">
<p>
З точки зору надійності ці два фантастичні виробники досить рівні. JD
Power, надійний ресурс, коли мова йде про надійність і якість транспортних
засобів, регулярно надає автомобілям Mercedes-Benz і BMW 5 рейтингів Power
Circle, коли справа доходить до надійності. Це означає, що ви можете безпечно
придбати автомобіль BMW або Mercedes-Benz і знати, що ви отримали
автомобіль, який не потрібно буде замінювати протягом багатьох років.
<br>
Ще одна важлива область, яку слід враховувати, коли ви порівнюєте двох
провідних виробників автомобілів, — це те, що вони пропонують з точки зору
технологічних характеристик. Без правильної технології ви не зможете отримати
повну насолоду від свого автомобіля класу люкс, тому уважно враховуйте цю
область при купівлі автомобіля.
<br>
Фірмовою частиною технології, яка спонукає багатьох споживачів
придбати автомобіль Mercedes-Benz, є система mbrace®. Додаткова функція на
кожному автомобілі Mercedes-Benz, mbrace® — це комплексна технологічна
система, яка забезпечує розваги, функції безпеки та підключення. За допомогою
mbrace® ви можете керувати багатьма основними системами вашого автомобіля
зі смартфона або комп’ютера, і ви можете отримувати найсвіжішу інформацію
про свій автомобіль.
</p>
20
</div>
<div class="second_block">
<p>
Якщо ви шукаєте деякі з найсучасніших технологій , які ви знайдете
сьогодні на ринку, то вам потрібно вибрати один із багатьох чудових
транспортних засобів, вироблених BMW. Наприклад, кожен сучасний автомобіль
BMW оснащений проекционним дисплеєм, який виглядає як футуристичний.
Крім того, система iDrive дає вам повний контроль над вашим автомобілем і
навіть може бути оснащена функціями голосового та жестового керування.
<br>
Купуючи автомобіль, який допоможе вам пересуватися Бронксом, Квінсом
і Манхеттеном, однією з ваших головних турбот має бути рівень безпеки, до якого
ви матимете доступ. Хоча більшість споживачів вважають, що автомобіль
безпечний, важливо вивчити конкретні характеристики, щоб переконатися, що ви
отримуєте комплексний захист, на який ви заслуговуєте. На щастя, коли ви
керуєте моделлю Mercedes-Benz або BMW, ви отримаєте вражаючі передові
технології безпеки.
<br>
Технологія BMW 3 серії 2017 року Однією з найбільших переваг водіння
автомобіля Mercedes-Benz є доступ до технології PRESAFE®. Завдяки системам
Mercedes-Benz PRESAFE® ваш автомобіль автоматично гальмує, коли відчує, що
трапиться аварія. Це допомагає пом’якшити наслідки серйозної аварії, щоб
забезпечити максимальну безпеку. У Mercedes-Benz також доступна система
Night View Assist®, яка допомагає вам керувати автомобілем під час нічних
поїздок.
</p>
<img src="./img/5.jpg" alt="">
</div>
<div class="first_block">
<img src="./img/7.jpg" alt="">
<p>
Як і будь-який автомобіль класу люкс, всі моделі BMW доступні з
системами активної безпеки, які зараз поширені в сучасних автомобілях. До них
можна віднести такі системи, як система підтримки утримання смуги руху та
моніторинг сліпих зон. Проте, мабуть, найкраща характеристика безпеки BMW
21
<!DOCTYPE html>
<html lang="ua">
<head>
<title>BMW</title>
<meta charset="utf-8">
<link rel="icon" href="img/logo.png" type="image/x-icon">
<link rel="stylesheet" href="css/style.css">
</head>
22
<body>
<div class="wrapper">
<header class="header">
<div class="header_body">
<div class="title_logo">
<h1 class="title">BMW</h1>
<img class="logo" src="./img/bmw.png" alt="">
</div>
<ul class="tab">
<li class="item"><a class="link" href="index.html">Головна</a></li>
<li class="item"><a class="link active" href="bmw.html">BMW</a></li>
<li class="item"><a class="link"
href="mercedes.html">Mercedes-Benz</a></li>
</ul>
</div>
</header>
<main class="main">
<div class="main_title">Історія BMW</div>
<p>Bayerische Motoren Werke AG або скор. BMW (Баварські моторні заводи)
— німецький автобудівний та авіамоторний концерн і однойменна торгова марка
автомобілів преміум- та люкс-класу і мотоциклів. Концерн є материнською
фірмою (холдингом) об'єднання BMW Group, в яке входять такі окремі
виробництва: мотоцикли BMW, автомобілі марок BMW, Rolls-Royce, MINI,
дочірні виробництва BMW M, BMW i.</p>
<div class="first_block">
<img src="./img/bmw.jpg" alt="">
<p>Цей, мабуть, один із самих іменитих виробників автомобілів і
мотоциклів у світі, починав свою діяльність в 1916 році в Мюнхені, споконвічно
займаючись літаковими двигунами. Утворювалася компанія в результаті злиття
двох дрібні виробників авіадвигунів — Rapp-Flugmotoren Werke і Otto-Werke. Рід
її діяльності відбитий у логотипі — обертовий літаковий пропелер на тлі
блакитного неба. При цьому логотип чудово сполучається з розділеним на білі й
блакитні ромби прапором землі Баварія, де компанія перебуває (Мюнхен —
23
</html>
<!DOCTYPE html>
<html lang="ua">
<head>
<title>Mercedes-Benz</title>
<meta charset="utf-8">
<link rel="icon" href="img/logo.png" type="image/x-icon">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header_body">
<div class="title_logo">
<h1 class="title">Mercedes-Benz</h1>
<img class="logo" src="./img/merc.png" alt="">
</div>
<ul class="tab">
<li class="item"><a class="link" href="index.html">Головна</a></li>
<li class="item"><a class="link" href="bmw.html">BMW</a></li>
<li class="item"><a class="link active" href="mercedes.html">Mercedes-
Benz</a></li>
</ul>
</div>
</header>
<main class="main">
<div class="main_title">Історія Mercedes-Benz</div>
26
Втім, сам він у цій ері протримався недовго. Коли в 1907 році з DMG
пішов Майбах, керівництво компанії не побажало терпіти більше витівки й
самодурство Еллинека, який на той час став зовсім вуж нестерпним. Контракт із
ним був розірваний. Автомобілі ж, створені по продуманій їм концепції
залишалися незмінними переможцями гонок аж до Першої світової війни.
<br>
Тим часом DMG стрімко розбудовувалася. Крім автомобілів, вона почала
провадити двигуни для катерів і аеропланів. Що було відбито в 1909 році на
знаменитому логотипі — трипроменевій зірці — «на землі, на воді, у повітрі».
<br>
Після Першої світової війни, в 1926 році, відбувається об`єднання Daimler
Motoren Gesellschaft з компанією Benz & Cie, заснованої Карлом Бенцем (Karl
Benz). Як результат, з`являються компанія Daimler-Benz (нині просто Daimler) і
марка автомобілів Mercedes-Benz. А трипроменеву зірку тепер обрамляє вінок,
знятий з логотипа компанії Бенца. Надалі цей вінок буде скасований у звичайне
коло, використовуване й понині. Один з найпростіших (і пізнаваних) логотипів в
історії став символом розкоші й достатку. У ті роки головним інженером компанії
стає Фердинанд Порше (Ferdinand Porsche), якому ще тільки стояло прославиться
як творцеві знаменитих чудових спортивних і малюсіньких автомобілів. Двома
роками пізніше на його місце приходить інший, менш відомий, але не менш
талановитий інженер Ганс Нибель (Hans Nibel).
</p>
<img src="./img/mers2.jpg" alt="">
</div>
<div class="first_block">
<img src="./img/mers3.jpg" alt="">
<p>Завдяки злиттю, удалося не тільки вистояти у важкий післявоєнний
час, але й знову високо піднятися. Відбувається повернення Mercedes в
автоперегони. Успішне повернення, треба відзначити! Надалі багато чого для
підтримки цього успіху зробили нацисти — перемоги в міжнародних спортивних
змаганнях важливі для будь-якого тоталітарного режиму. У ті роки Мерседеси зі
свастикою панували на трасах. До того ж, новому уряду були потрібні розкішні
автомобілі, так що замовлень у компанії вистачало. Найпершим автомобілем
пришедшего влади Гітлера став кабріолет Mercedes-Benz 630, який він
«запозичив» у зміщеного Гинденбурга. Надалі верхівка Рейха користувалася
моделлю Mercedes-Benz 770 K, який навіть одержав неофіційну назву «Uberauto»
28