Для реализации задачи: разработка сайта, был использован язык гипертекстовой разметки HTML. Так же были использованы каскадные таблицы стилей. Основной целью CSS является разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое производится с помощью формального языка CSS).
ЗАКЛЮЧЕНИЕ
В данной курсовой работе подробно рассмотрены и изучены такие разделы HTML как: - «Горизонтальное выравнивае объектов» и «Создание формы». Так же в программном продукте Блокнот был разработан интерактивный интернет сайт на тему «Салон сотовой связи». Данный сайт состоит из 5 страниц: «Главная», «Новости», «Продукция», «Контакты», «Скидки». Слева организованна структура меню. Все страницы друг с другом взаимосвязаны.
В процессе разработки были приобретены навыки работы с языком гипертекстовой разметки HTML и каскадными таблицами стилей CSS.
Была достигнута цель и следующие задачи курсовой работы:
изучить средства создания сайта: язык HTML и CSS;
разработка сайта «Салон сотовой связи».
Разработанный интернет сайт полностью соответствует поставленной задачи. Он имеет качественное графическое исполнение и заполнен достоверной и качественной информацией.
ПРИЛОЖЕНИЕ А
Файл styles.css
* {: 0px;: 0px;
}{
}, h2, h3, h4, h5, h6 {align: center;: #800000;
}{indent: 20px;align: justify;
}{: black;decoration: none;weight: bold;
}
.textRight {align: right;
}
#mainHeadText {family: Arial Black;
}
#page {: 760px;: 0px auto;align: left;color: #ff0033;
}
#header {image: url(image/1.jpg);: 200px;
}
#menu {color: #ff0033;: black;: left;: 150px;: 10px;align: center;
}
#content {color: white;left: 180px;: 10px;
}
#footer {size: 0.8em;: #ff0033;: 50px;align: right;color: white;left: 180px;
}
1. Файл index.html
<html>
<head>
<title>Салон сотовой связи "Мобител"</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<center>
<div id="page">
<div id="header">
</div>
<div id="menu">
<br>
<a href="index.html">Главная</a><br>
<a href="news.html">Новости</a><br>
<a href="prodykt.html">Продукция</a><br>
<a href="contacts.html">Контакты</a><br>
<a href="sale.html">Скидки</a><br>
2. Файл news.html
<html>
<head>
<title>Салон сотовой связи "Мобител"</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<center>
<div id="page">
<div id="header">
</div>
<div id="menu">
<br>
<a href="index.html">Главная</a><br>
<a href="news.html">Новости</a><br>
<a href="prodykt.html">Продукция</a><br>
<a href="contacts.html">Контакты</a><br>
<a href="sale.html">Скидки</a><br>
</div>
<div id="content">
<h2 id="mainHeadText">Новости</h2><br>
<p><h3>Защищаем ребенка от нежелательной информации (обзор услуг сотовых компаний и провайдеров)</h3></p>
</div>
</div>
</center>
</body>
</html>
3. Файл produkt.html
<html>
<head>
<title>Салон сотовой связи "Мобител"</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<center>
<div id="page">
<div id="header">
</div>
<div id="menu">
<br>
<a href="index.html">Главная</a><br>
<a href="news.html">Новости</a><br>
<a href="prodykt.html">Продукция</a><br>
<a href="contacts.html">Контакты</a><br>
<a href="sale.html">Скидки</a><br>
</div>
<div id="content">
<h2 id="mainHeadText">Продукция</h2><br>
<center>
<table align=center>
<tr><td>Apple iPhone 5 </td>
<td><img src="image/01.jpg" ></td>
</tr>
<tr><td>Все мобильные телефоны</td>
<td><img src="image/02.jpg"></td>
</tr>
<tr><td>Смартфоны и коммуникаторы </td>
<td><img src="image/03.jpg"></td>
</tr>
<tr><td>Аксессуары для iPhone</td>
<td><img src="image/04.jpg"></td>
</tr>
<tr><td>Аксессуары для телефонов </td>
<td><img src="image/05.jpg"></td>
</tr>
<tr><td>Карты памяти</td>
<td><img src="image/06.jpg"></td>
</tr>
<tr><td>DECT-телефоны </td>
<td><img src="image/07.jpg"></td>
</tr>
<tr><td>Контракты, sim-карты</td>
<td><img src="image/08.jpg"></td>
</tr>
</table>
</center>
</div>
<div id="footer">
</div>
</div>
</center>
</body>
</html>