- •Задание
- •Задание на разработку проекта:
- •Содержание
- •Глава 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
- •Санкт-Петербург
Заключение
Курсовая работа выполнена с соблюдением всех требований согласно заданию. Поставленная во введении цель «создать сайт «7 красивейших кирх Калининградской области» с языком гипертекстовой разметки HTML, таблиц каскадных стилей CSS и прототипно-ориентированного сценарного языка программирования JavaScript» выполнена.
При написании данной работы были изучены язык гипертекстовой разметки HTML, каскадные таблицы стилей CSS и сценарный язык программирования JavaScript, а также способы создания сайтов с их
помощью. Данный навык является необходимым для студентов, обучающихся в сфере IT-технологий.
С помощью различных способов верстки (табличной и блочной) были созданы четыре страницы сайта: с текстом, изображениями, ссылками, стилями. Интерактивность сайта достигнута за счет использования встроенных JavaScript-сценариев, в том числе с помощью методов prompt() и alert().
Всего в ходе выполнения работы при разработке сайта были использованы все обязательные согласно заданию технологии, такие как: списки (нумерованные, маркированные, определений); таблицы (с текстовой и графической информацией); вложенные таблицы; стили, встроенные в тег, во внутреннюю или внешнюю таблицу стилей; классы тегов и идентификаторы ID; сценарии JavaScript, встроенные тремя различными способами.
При дальнейшем изучении web-разработки данный сайт можно будет дополнить и улучшить структуру, задать единый стиль, добавить новые технологии, поддерживающиеся HTML, CSS и JavaScript.
Список используемой литературы
Волынкин П. А.; Любимов А.Г. Основы web-программирования: методические указания по курсовому проектированию по дисциплине «Основы интернет-технологий», (бакалавриат), для студентов очной и заочной форм обучения / П. А Волынкин, А. Г.
Любимов, СПбГУТ. – СПб., 2022. – 38с.
Ташков, Петр. Веб-мастеринг HTML, CSS, JavaScript, PHP, CMS, AJAX, раскрутка / Петр Ташков. - М.: Книга по Требованию, 2014. - 512 c.
Основы HTML [Электронный ресурс]. – Режим обращения: https://html5book.ru/osnovy-html/ (дата обращения: 30.11.2021)
Справочник по HTML [Электронный ресурс]. – Режим обращения: http://htmlbook.ru/html/ (дата обращения: 30.11.2021)
ПРИЛОЖЕНИЕ
Листинг index.Html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>7 Красивейших кирх Калининградской области</title>
<link rel="stylesheet" href="style.css">
</head>
<style>
.hero {
height: 700px;
background-size: cover;
background-position: center;
}
</style>
<body>
<section class="hero"
style="background-image: url(https://s1.1zoom.ru/b5050/753/Sunrises_and_sunsets_Houses_Lithuania_Kaunas_From_592824_1920x1080.jpg);">
<div id="hero_container" class="container hero_container">
<h1 class="hero_header">7 Красивейших кирх Калининградской области</h1>
<p class="hero_text">Культурно-историческое наследие Восточной Пруссии</p>
</div>
</section>
<section class="main">
<div class="container main_container">
<p class="main_text"> Калининградские кирки являются уникальными памятниками истории города Калининграда,
который был ранее известен как Кенигсберг. Кирки - это средневековые крепости, сооруженные вокруг
главного
замка города.
Посещение калининградских кирок - это отличный способ познакомиться с историей города и его культурным
наследием. Кирки выделяются своей уникальной архитектурой и могут рассказать о важных событиях в истории
Кенигсберга и Пруссии.
На сегодняшний день калининградские кирки являются популярным туристическим местом и привлекают большое
количество посетителей со всего мира. Они были восстановлены после разрушений Второй мировой войны и
стали
символом возрождения города и его истории.
В целом, посещение калининградских кирок - это прекрасная возможность обогатить свои знания о истории и
культуре города, а также насладиться его уникальной атмосферой и красотой.
</p>
<nav>
<ol class="main_list">
<li class="main_list_el"><a href="#1kirh" class="main_list_link">Кирха Фридланда в Правдинске</a>
</li>
<li class="main_list_el"><a href="1page.html#1kirh" class="main_list_link">Кирха Алленау в
Поречье</a></li>
<li class="main_list_el"><a href="1page.html#2kirh" class="main_list_link">Гердауэнская кирха в
Железнодорожном</a></li>
<li class="main_list_el"><a href="2page.html#1kirh" class="main_list_link">Кирха Даркемена в
Озерске</a></li>
<li class="main_list_el"><a href="2page.html#2kirh" class="main_list_link">Кирха Эйдткунена в
Чернышевском</a></li>
<li class="main_list_el"><a href="3page.html#1kirh" class="main_list_link">Алленбургская кирха в
Дружбе</a></li>
<li class="main_list_el"><a href="3page.html#2kirh" class="main_list_link">Церковь святого Бруно
Кверфуртского в Черняховске</a></li>
</ol>
</nav>
</div>
</section>
<section id="1kirh" class="1kirh">
<h2 class="kirh_header">Кирха Фридланда в Правдинске</h2>
<div class="kirh_bg bg"
style="background-image: url(https://idei.club/raznoe/uploads/posts/2022-12/1671488348_idei-club-p-zamok-tapiau-dizain-pinterest-61.jpg);">
</div>
<dt>Кирха Фридланда в Правдинске</dt>
<dd>Архитектурный стиль: готика</dd>
<dd>Год постройки: 1313</dd>
<div class="kirh_container container">
<dl>
<p class="kirh_text">
Первая деревянная кирха Святого Георгия в северо-западной части <a
href="https://ru.wikipedia.org/wiki/%D0%9B%D0%B0%D0%B3%D0%B5%D1%80%D1%8C_%D0%A4%D1%80%D0%B8%D0%B4%D0%BB%D0%B0%D0%BD%D0%B4"
class="main_list_link">Фридланда</a> была построена в 1313 году. В
результате нападения литовского войска в 1347 году кирха сгорела. В 1360-1380 годах было возведено
новое
каменное здание с ризницей и башней, в XV веке кирха была основательно перестроена.
Кирха и шестиярусная квадратная в сечении башня выполнены из полнотелого красного керамического
кирпича
готической кладкой. После пожара, произошедшего в 1772 году от удара молнии, верхняя часть башни
была
надстроена
зубчатым венцом. Крыша кирхи двухскатная, башни - шатровая шестигранная, крыты красной керамической
черепицей.
Крышу башни венчает шпиль с шаром и крестом. Высота башни составляет 60,6 м. Кирха имела три
колокола.
<br><br>
В результате боевых действий 1945 года кирха не пострадала, но была разграблена. В 1959 году
произведены
обмеры
кирхи, она была поставлена на государственный учет как памятник архитектуры, однако это не помешало
14
октября
1961 года передать ее районной потребительской кооперации под склад.
</p>
</div>
<div class="kirh_bg bg" style="background-image: url(https://pastvu.com/_p/a/w/o/8/wo8xu5039tw3upl713.jpg);">
</div>
<div class="kirh_container container">
<p class="kirh_text">Отсутствие ремонта привело к частичному осыпанию черепицы, повреждению крыши и
разрушению
стен. В 1986 году
власти Правдинска решили провести ремонт кирхи. При осмотре шара на шпиле башни были обнаружены
документы и
монеты, переданные в местный музей. <br><br>
В 1990 году кирха передана Русской Православной церкви и восстановлена силами прихода и бывших жителей
Фридланда. 27 сентября 2005 года храм Святого Георгия освящен митрополитом Смоленским и Калининградским
Кириллом. <br><br>
Постановлением Правительства Калининградской области от 23 марта 2007 года № 132 кирха получила статус
объекта
культурного наследия регионального значения.
</p>
</div>
<nav>
<ul class="main_list">
<li class="main_list_el"><a href="#1kirh" class="main_list_link">Кирха Фридланда в Правдинске</a></li>
<li class="main_list_el"><a href="1page.html#1kirh" class="main_list_link">Кирха Алленау в Поречье</a>
</li>
<li class="main_list_el"><a href="1page.html#2kirh" class="main_list_link">Гердауэнская кирха в
Железнодорожном</a></li>
<li class="main_list_el"><a href="2page.html#1kirh" class="main_list_link">Кирха Даркемена в Озерске</a>
</li>
<li class="main_list_el"><a href="2page.html#2kirh" class="main_list_link">Кирха Эйдткунена в
Чернышевском</a></li>
<li class="main_list_el"><a href="3page.html#1kirh" class="main_list_link">Алленбургская кирха в
Дружбе</a></li>
<li class="main_list_el"><a href="3page.html#2kirh" class="main_list_link">Церковь святого Бруно
Кверфуртского в Черняховске</a></li>
</ul>
</nav>
</section>
</body>
<script src="/main.js"></script>
</html>
