Файл: Разработка сайта кинотеатра «Мороз».pdf

Скачать файл
Заказать решение

ВУЗ: Не указан

Категория: Курсовая работа

Дисциплина: Не указана

Добавлен: 28.03.2023

Просмотров: 200

Скачиваний: 2

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

1. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ

1.1 Понятие сети Internet. Классификация сервисов Internet

1.2 Понятие, цели и задачи WEB-сайтов. Классификация WEB-сайтов

1.3 Этапы проектирования WEB-сайтов

2.ПРАКТИЧЕСКАЯ ЧАСТЬ

2.1 Постановка задачи

2.2 Разработка контента и оформление WEB-сайта

2.3 Теги для структурирования и форматирования текста

2.4 Теги для работы с графикой в HTML - документе

2.5 Разработка и настройка системы гиперссылок

2.6 Тестирование и продвижение WEB-сайта.

ЗАКЛЮЧЕНИЕ

<li><a href="3.html" title="Расписание сеансов">Расписание сеансов</a></li>

<li><a href="4.html" title="Цена на билеты">Цены</a></li>

<li><a href="5.html"title="Прокат DVD">Прокат DVD</a></li>

<li><a href="6.html"title="Карта сайта">Карта сайта</a></li>

</ul>

</div>

<!-- Menu end -->

<hr />

<div id="skip-menu"></div>

<div id="content">

<!-- Content box with white background and gray border -->

<div id="content-box">

<!-- Left column -->

<div id="content-box-in-left">

<div id="content-box-in-left-in">

<h3>РЕПЕРТУАР</h3>

<li><a href="2-1.html">«ШерлокХолмс:Игратеней» (Sherlock Holmes: A Game of Shadows)</a></li>

<li><a href="2-2.html">«Хранительвремени» (Hugo)</a></li>

<li><a href="2-3.html">«Нокаут» (Haywire)</a></li>

<li><a href="2-4.html">«Иван Царевич и Серый Волк 3D»</a></li>

<li><a href="2-5.html">«Другоймир 4:Пробуждение 3D» (Underworld Awakening)</a></li>

<li><a href="2-6.html">«Девушкастатуировкойдракона» (The Girl with the Dragon Tattoo)</a></li>

<li><a href="2-7.html">«Высоцкий.Спасибо, что живой»</a></li>

</div>

</div>

<!-- Left column end -->

<hr />

<!-- Right column -->

<div id="content-box-in-right">

<div id="content-box-in-right-in">

<h3>Действующие скидки</h3>

<dl>

<dd>

Цена билета:<br>

обычный формат: до 17.00 — 50 руб., после 17.00 — 80 руб.<br>

формат 3D: до 17.00 — 110 руб., после 17.00 — 140 руб.<br><br>

действует в: <br>

1. День пенсионера — понедельник — (по пенсионному удостоверению) <br>

2. День студента — вторник (по студенческому билету) <br>

3. День «Дружбы» — среда (владельцам дисконтных карт, 1 карта = 1 билет) <br>

4. В свой день рождения — 2 билета по цене одного (по ксерокопии паспорта) <br>

5. Детям (фильмы для любой аудитории) цена билета до 17.00: <br>

обычный формат: пн-пт — 50 руб., сб-вс — 80 руб. <br>

формат 3D: пн-пт — 110 руб., сб-вс — 140 руб. <br>

Стоимость дисконтной карты — 100 рублей.<br>

</dd>

</div>

<div >&nbsp;</div>

<!-- Right column end -->

</div>

<!-- Content box with white background and gray border end -->

</div>

<hr />

!-- Footer -->

<div id="footer">

<div id="footer-in">

</div>

</div>

<!-- Footer end -->

</div>

</body>

</html>

Page2.html (Новинки кино)

<html>

<head>

<!-- CSS -->

<link rel="stylesheet" href="1/style.css" type="text/css" media="screen, projection, tv" />

<link rel="stylesheet" href="1/style-print.css" type="text/css" media="print" />

</head>

<body>

<div id="main">

<!-- Header -->

<div id="header">

<div id="header-in">

<ul id="navigation">

</ul>

<h1><center><br>Кинотеатр "Дружба"</left></a></h1>

<!-- Your website name end -->

<!-- Your slogan -->

<h2><center></center></h2>

<!-- Your slogan end -->

</div>

</div>

<!-- Header end -->

<!-- Menu -->

<div id="menu-box" >

<a href="#skip-menu" >Меню</a>

<ul id="menu">

<li ><a href="index.html" >Главная</a></li>

<li><ahref="2.html"title="Сейчас в кинотеатре">Репертуар</a></li>

<li><ahref="3.html"title="Расписание сеансов">Расписание сеансов</a></li>

<li><ahref="4.html"title="Цена на билеты">Цены</a></li>

<li><ahref="5.html"title="ПрокатDVD">ПрокатDVD</a></li>

<li><ahref="6.html"title="Карта сайта">Карта сайта</a></li>

</ul>

</div>

<!-- Menu end -->

<hr />

<div id="skip-menu"></div>

<div id="content">

<!-- Content box with white background and gray border -->

<div id="content-box">

<!-- Left column -->

<div id="content-box-in-left">

<div id="content-box-in-left-in">

<h3>РАСПИСАНИЕ СЕАНСОВ</h3>

<li><ahref="3-1.html">Красный зал</a></li>

<li><a href="3-2.html">Синий зал</a></li>

<li><a href="3-3.html">Зелёный зал</a></li>

</div>

</div>

<!-- Left column end -->

<hr />

<!-- Right column -->

<div id="content-box-in-right">

<div id="content-box-in-right-in">

<h3>Действующие скидки</h3>

<dl>

<dd>

Цена билета:<br>

обычный формат: до 17.00 — 50 руб., после 17.00 — 80 руб.<br>

формат 3D: до 17.00 — 110 руб., после 17.00 — 140 руб.<br><br>

действует в: <br>

1. День пенсионера — понедельник — (по пенсионному удостоверению)<br>

2. День студента — вторник (по студенческому билету) <br>

3. День «Дружбы» — среда (владельцам дисконтных карт, 1 карта = 1 билет) <br>

4. В свой день рождения — 2 билета по цене одного (по ксерокопии паспорта) <br>

5. Детям (фильмы для любой аудитории) цена билета до 17.00: <br>

обычный формат: пн-пт — 50 руб., сб-вс — 80 руб. <br>

формат 3D: пн-пт — 110 руб., сб-вс — 140 руб. <br>

Стоимость дисконтной карты — 100 рублей.<br>

</dd>

</div>

<div >&nbsp;</div>

<!-- Right column end -->

</div>

<!-- Content box with white background and gray border end -->

</div>

<hr />

!-- Footer -->

<div id="footer">

<div id="footer-in">

</div>

</div>

<!-- Footer end -->

</div>

</body>

</html>

Page3.html (Это интересно)

<html>

<head>

<!-- CSS -->

<link rel="stylesheet" href="1/style.css" type="text/css" media="screen, projection, tv" />

<link rel="stylesheet" href="1/style-print.css" type="text/css" media="print" />

</head>

<body>

<div id="main">

<!-- Header -->

<div id="header">

<div id="header-in">

<ul id="navigation">

</ul>

<h1><center><br>Кинотеатр "Дружба"</left></a></h1>

<!-- Your website name end -->

<!-- Your slogan -->

<h2><center></center></h2>

<!-- Your slogan end -->

</div>

</div>

<!-- Header end -->

<!-- Menu -->

<div id="menu-box" >

<a href="#skip-menu" >Меню</a>

<ul id="menu">

<li ><a href="index.html" >Главная</a></li>

<li><a href="2.html"title="Сейчас в кинотеатре">Репертуар</a></li>

<li><a href="3.html" title="Расписание сеансов">Расписание сеансов</a></li>

<li><a href="4.html" title="Цена на билеты">Цены</a></li>

<li><a href="5.html"title="Прокат DVD">Прокат DVD</a></li>

<li><a href="6.html"title="Карта сайта">Карта сайта</a></li>

</ul>

</div>

<!-- Menu end -->

<hr />

<div id="skip-menu"></div>

<div id="content">

<!-- Content box with white background and gray border -->

<div id="content-box">

<!-- Left column -->

<div id="content-box-in-left">

<div id="content-box-in-left-in">

<h3>ЦЕНЫ НА БИЛЕТЫ</h3>

<li><a href="4-1.html">Cтандартный формат 35 мм</a></li>

<li><a href="4-2.html">Цифровойформат 2D</a></li>

<li><a href="4-3.html">Формат 3D</a></li>

</div>

</div>

<!-- Left column end -->

<hr />

<!-- Right column -->

<div id="content-box-in-right">

<div id="content-box-in-right-in">

<h3>Действующие скидки</h3>

<dl>

<dd>

Цена билета:<br>

обычный формат: до 17.00 — 50 руб., после 17.00 — 80 руб.<br>

формат 3D: до 17.00 — 110 руб., после 17.00 — 140 руб.<br><br>

действует в: <br>

1. День пенсионера — понедельник — (по пенсионному удостоверению) <br>

2. День студента — вторник (по студенческому билету) <br>

3. День «Дружбы» — среда (владельцам дисконтных карт, 1 карта = 1 билет) <br>

4. В свой день рождения — 2 билета по цене одного (по ксерокопии паспорта) <br>

5. Детям (фильмы для любой аудитории) цена билета до 17.00: <br>

обычный формат: пн-пт — 50 руб., сб-вс — 80 руб. <br>

формат 3D: пн-пт — 110 руб., сб-вс — 140 руб. <br>

Стоимость дисконтной карты — 100 рублей.<br>

</dd>

</div>

<div >&nbsp;</div>

<!-- Right column end -->

</div>

<!-- Content box with white background and gray border end -->

</div>

<hr />

!-- Footer -->

<div id="footer">

<div id="footer-in">

</div>

</div>

<!-- Footer end -->

</div>

</body>

</html>

Page4.html (О сайте)

<html>

<head>

<!-- CSS -->

<link rel="stylesheet" href="1/style.css" type="text/css" media="screen, projection, tv" />

<link rel="stylesheet" href="1/style-print.css" type="text/css" media="print" />

</head>

<body>

<div id="main">

<!-- Header -->

<div id="header">

<div id="header-in">

<ul id="navigation">

</ul>

<h1><center><br>Кинотеатр "Дружба"</left></a></h1>

<!-- Your website name end -->

<!-- Your slogan -->

<h2><center></center></h2>

<!-- Your slogan end -->

</div>

</div>

<!-- Header end -->

<!-- Menu -->

<div id="menu-box" >

<a href="#skip-menu" >Меню</a>

<ul id="menu">

<li ><a href="index.html" >Главная</a></li>

<li><a href="2.html"title="Сейчас в кинотеатре">Репертуар</a></li>

<li><a href="3.html" title="Расписание сеансов">Расписание сеансов</a></li>

<li><a href="4.html" title="Цена на билеты">Цены</a></li>

<li><a href="5.html"title="Прокат DVD">Прокат DVD</a></li>

<li><a href="6.html"title="Карта сайта">Карта сайта</a></li>

</ul>

</div>

<!-- Menu end -->

<hr />

<div id="skip-menu"></div>

<div id="content">

<!-- Content box with white background and gray border -->

<div id="content-box">

<!-- Left column -->

<div id="content-box-in-left">

<div id="content-box-in-left-in">

<h3>КАРТАСАЙТА </h3>

<a href="index.html" >Главная</a> <br>

<a href="2.html"">Репертуар</a>

<li><a href="2-1.html">«ШерлокХолмс:Игратеней» (Sherlock Holmes: A Game of Shadows)</a></li>

<li><a href="2-2.html">«Хранитель времени» (Hugo)</a></li>

<li><a href="2-3.html">«Нокаут» (Haywire)</a></li>

<li><a href="2-4.html">«Иван Царевич и Серый Волк 3D»</a></li>

<li><a href="2-5.html">«Другоймир 4:Пробуждение 3D» (Underworld Awakening)</a></li>

<li><a href="2-6.html">«Девушкастатуировкойдракона» (The Girl with the Dragon Tattoo)</a></li>

<li><a href="2-7.html">«Высоцкий.Спасибо, что живой»</a></li>

<a href="3.html" ">Расписание сеансов</a><br>

<li><a href="3-1.html">Красныйзал</a></li>

<li><a href="3-2.html">Синийзал</a></li>

<li><a href="3-3.html">Зелёныйзал</a></li>

<a href="4.html" >Цены</a><br>

<li><a href="4-1.html">Cтандартный формат 35 мм</a></li>

<li><a href="4-2.html">Цифровойформат 2D</a></li>

<li><a href="4-3.html">Формат 3D</a></li>

<a href="5.html"title="Прокат DVD">Прокат DVD</a><br>

</div>

</div>

<!-- Left column end -->

<hr />

<!-- Right column -->

<div id="content-box-in-right">

<div id="content-box-in-right-in">

<h3>Действующие скидки</h3>

<dl>

<dd>

Цена билета:<br>

обычный формат: до 17.00 — 50 руб., после 17.00 — 80 руб.<br>

формат 3D: до 17.00 — 110 руб., после 17.00 — 140 руб.<br><br>

действует в: <br>

1. День пенсионера — понедельник — (по пенсионному удостоверению) <br>

2. День студента — вторник (по студенческому билету) <br>

3. День «Дружбы» — среда (владельцам дисконтных карт, 1 карта = 1 билет) <br>

4. В свой день рождения — 2 билета по цене одного (по ксерокопии паспорта) <br>

5. Детям (фильмы для любой аудитории) цена билета до 17.00: <br>

обычный формат: пн-пт — 50 руб., сб-вс — 80 руб. <br>

формат 3D: пн-пт — 110 руб., сб-вс — 140 руб. <br>

Стоимость дисконтной карты — 100 рублей.<br>

</dd>

</div>

<div >&nbsp;</div>

<!-- Right column end -->

</div>

<!-- Content box with white background and gray border end -->

</div>

<hr />

!-- Footer -->

<div id="footer">

<div id="footer-in">

</div>

</div>

<!-- Footer end -->

</div>

</body>

</html>

Page5.html (Контакты)

/* CSS Document */

/* General */

* {

margin: 0;

padding: 0;

}

html {

height: 100%;

font-size: 62.5%;

}

body {

height: 100%;

text-align: center;

font: 1.2em Verdana, Arial, Helvetica, sans-serif;

min-width: 950px;

}

#main {

width: 100%;

background: url('../img/main-bg.gif') repeat-y center 0;

min-height: 100%;

height: 100%;

position: relative;

}

body>#main {

height: auto;

}

a:link, a:visited {

color: #005AA1;

text-decoration: underline;

font-weight: bold;

}

a:hover {

text-decoration: none;

}

.cleaner {

clear: both;

height: 0;

font-size: 0;

visibility: hidden;

content: ' ';

}

.cleaning-box {

min-height: 1px;

}

.cleaning-box:after {

display: block;

clear: both;

visibility: hidden;

height: 0;

font-size: 0;

content: ' ';

}

.noscreen {

display: none;

}

.hidden { /* Skip menu */

position: absolute;

top: -10000px;

left: 0;

width: 1px;

height: 1px;

overflow: hidden;

}

/* Paragraphs, headings, ... */

p {

line-height: 170%;

margin-bottom: 10px;

color: #003B69;

}

h1 {

font-size: 2.8em;

font-weight: normal;

color: #FFFFFF;

text-align: left;

padding: 49px 0 0 42px;

background: url('../img/h1-bg-flame.png') no-repeat 0 43px;

}

h1 a:link, h1 a:visited {

font-weight: normal;

text-decoration: none;

color: #FFFFFF;

}

h2 {

font-size: 1.6em;

font-family: Georgia, "Times New Roman", Times, serif;

font-weight: normal;

color: #FFFFFF;

text-align: left;

margin: 3px 0 0 2px;

}

h3 {

font-size: 1.4em;

font-family: Georgia, "Times New Roman", Times, serif;

font-weight: normal;

color: #004C87;

letter-spacing: 1px;

padding-bottom: 3px;

border-bottom: 1px solid #004C87;

margin-bottom: 7px;

}

address {

font-style: normal;

line-height: 180%;

margin-left: 7px;

}

/* Images */

img.float {

float: left;

border: 1px solid #004C87;

margin: 0.5em 0.8em 0.5em 0;

}

/* Header */

#header {

height: 198px;

position: relative;

background: #004A75 url('../img/hd-bg.gif') repeat-x 0 0;

}

#header-in {

width: 900px;

height: 198px;

position: relative;

margin: 0 auto;

}

ul#navigation {

float: right;

margin: 8px 1px 0 0;

display: inline;

color: #FFFFFF;

}

ul#navigation li {

float: left;

display: inline;

list-style-type: none;

text-align: center;

font-size: 0.9em;

}

ul#navigation li a, ul#navigation li a:visited {

text-decoration: none;

color: #FFFFFF;

font-weight: normal;

}

ul#navigation li a:hover {

text-decoration: underline;

}

li#house {

background: url('../img/house.gif') no-repeat 0 1px;

padding-left: 24px;

}

li#house a {

margin-right: 16px;

}

li#sitemap {

background: url('../img/sitemap.gif') no-repeat 0 2px;

padding-left: 24px;

margin-left: 16px;

}

li#sitemap a {

margin-right: 16px;

}

li#envelope {

background: url('../img/envelope.gif') no-repeat 0 2px;

padding-left: 23px;

margin-left: 16px;

}

/* Search form */

form.searching {

Смотрите также файлы