- •Задание
- •Задание на разработку проекта:
- •Содержание
- •Глава 1. Основные средства html, css и JavaScript для создания статических веб-страниц
- •Глава 2. Описание технологий разработанного web-сайта.
- •Глава 3. Анализ качественных характеристик web-сайта
- •Введение
- •Основная часть Глава 1. Основные средства html, css и JavaScript для создания статических веб-страниц
- •1.1 Назначение и основные средства языка html
- •1.2 Назначение и возможности каскадных таблиц стилей css
- •1.3 Технологии создания JavaScript-сценариев в web-страницах
- •Глава 2. Описание технологий разработанного web-сайта.
- •2.1 Структура сайта
- •2.2 Описание технологий html
- •2.3 Описание технологий css
- •2.4 Описание JavaScript-сценариев
- •3.1 Критерии оценки web-сайтов.
- •3.2 Оценка качества разработанного web-сайта.
- •Заключение
- •Список используемой литературы
- •Листинг index.Html
- •Листинг page1.Html
- •Листинг страницы page2.Html
- •Листинг page3.Html
- •Листинг style.Css
- •Листинг main.Js
- •Санкт-Петербург
Листинг style.Css
body {
background-color: #fefbe4;
margin: 0;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; }
section {
margin-bottom: 100px; }
.bg {
height: 700px;
background-size: cover;
background-position: center; }
.container {
position: relative;
box-sizing: border-box;
margin: 0 auto;
max-width: 1920px;
padding-left: 100px;
padding-right: 100px; }
.hero_container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
.hero_header {
color: #fff;
font-size: 60px; }
.hero_text {
font-weight: bold;
color: #fff;
font-size: 30px; }
.main_text {
text-align: center;
color: #252525;
font-size: 25px; }
.main_list_el {
font-size: 25px;
color: #252525; }
.main_list_link {
text-decoration: none;
color: #ffbb00;
font-size: 25px; }
.kirh_container {
display: flex;
flex-direction: column;
text-align: center;
align-items: center; }
.kirh_header {
text-align: center;
color: #ffbb00;
font-size: 30px; }
.kirh_text {
color: #252525;
font-size: 25px; }
.kirh_btn {
cursor: pointer;
border: none;
width: 150px;
height: 50px;
background-color: #ffbb00;
border-radius: 50px; }
Листинг main.Js
let name = prompt('Введите ваше имя:');
alert('Привет, ' + name + '!');
Санкт-Петербург
2023
