Главная
Коллекция "Revolution"
Программирование, компьютеры и кибернетика
Web-сайт для свадебного салона "Престиж"
Web-сайт для свадебного салона "Престиж"
Разработка сайта с использованием ведущих современных языков программирования. Приведена структура сайта, описание его документов, форм и отчетов, необходимых пользователю. Расчет годового экономического эффекта от внедрения программного продукта.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 01.10.2017 |
| Размер файла | 3,7 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
<td class=«wedtd»><a href = «img/Wedding/Лоренса.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Лоренса.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Лориблю.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Лориблю.jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «img/Wedding/Люкс (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Люкс (1).jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Люкс.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Люкс.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Ля Флёр.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Ля Флёр.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Магнолия.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Магнолия.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Мадера.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Мадера.jpg» height = «170» width = «110»></a></td>
</tr>
</table>
</div>
<div align = «center»><p>
<a href = «Wedding dresses2.html»><img class = «« title=«Назад» src=«Left.png» height = «20» width = «20»></a>
<a href=«#up»><img class = «« title=«Вверх» src=«Up.png» height = «20» width = «20»></a>
<a href = «Wedding dresses4.html»><img class = «« title=«Следующая страница» src=«Right.png» height = «20» width = «20»></a>
</p>
</div>
<div id=«footer»>
<p>Свадебный салон престиж</p>
</div>
</div>
</body>
</html>
Wedding dresses4.html
<html>
<head>
<link href=«style.css» rel=«stylesheet» type=«text/css»/>
<title>Свадебные платья</title>
<head>
<body>
<div id=«container»>
<div id=«top»></div>
<div id = «navcontainer»>
<div class=«menu»>
<div align = «center»>
<a href=«Index.html»>На главную</a>
<a href=«#.html»><font color = «#dab63e»>Свадебные платья</font></a>
<a href=«Evening dresses.html»>Вечерние платья</a>
<a href=«Children dresses.html»>Детские платья</a>
<a href=«Service.html»>Свадебный сервис</a>
</div>
</div>
</div>
<div id=«contentforwedding»>
<table class=«wedtab» border = «0»>
<tr>
<td class=«wedtd»><a href = «img/Wedding/Марайя.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Марайя.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Марика (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Марика (1).jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Марика Шифон (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Марика Шифон (1).jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Марика Шифон (2).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Марика Шифон (2).jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Марика Шифон.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Марика Шифон.jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «img/Wedding/Марика.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Марика.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Миредит (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Миредит (1).jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Миредит (2).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Миредит (2).jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Миредит.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Миредит.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Морелли.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Морелли.jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «img/Wedding/Николетт.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Николетт.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Орнелла.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Орнелла.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Орхидея (1).jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Орхидея (1).jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Орхидея.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Орхидея.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Полини.jpg»><img title=«Нажмите для увеличения» class = «imgtabwed» src=«img/miniwedd/Полини.jpg» height = «170» width = «110»></a></td>
</tr>
</table>
</div>
<div align = «center»><p>
<a href = «Wedding dresses3.html»><img class = «« title=«Назад» src=«Left.png» height = «20» width = «20»></a>
<a href = «#.html»><img class = «« title=«Вверх» src=«Up.png» height = «20» width = «20»></a>
<a href = «Wedding dresses5.html»><img class = «« title=«Следующая страница» src=«Right.png» height = «20» width = «20»></a>
</p>
</div>
<div id=«footer»>
<p>Свадебный салон престиж</p>
</div>
</div>
</body>
</html>
Wedding dresses5.html
<html>
<head>
<link href=«style.css» rel=«stylesheet» type=«text/css»/>
<title>Cвадебные платья</title>
<head>
<body>
<div id=«container»>
<div id=«top»></div>
<div id = «navcontainer»>
<div class=«menu»>
<div align = «center»>
<a href=«Index.html»>На главную</a>
<a href=«#.html»>Свадебные платья</a>
<a href=«Evening dresses.html»>Вечерние платья</a>
<a href=«Children dresses.html»>Детские платья</a>
<a href=«Service.html»>Свадебный сервис</a>
</div>
</div>
</div>
<div id=«contentforwedding»>
<table class=«wedtab» border = «0»>
<tr>
<td class=«wedtd»><a href = «img/Wedding/Поэтри (1).jpg»><img class = «imgtabwed» src=«img/miniwedd/Поэтри (1).jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Поэтри.jpg»><img class = «imgtabwed» src=«img/miniwedd/Поэтри.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Риволи.jpg»><img class = «imgtabwed» src=«img/miniwedd/Риволи.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Романи.jpg»><img class = «imgtabwed» src=«img/miniwedd/Романи.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Селин (1).jpg»><img class = «imgtabwed» src=«img/miniwedd/Селин (1).jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «img/Wedding/Селин.jpg»><img class = «imgtabwed» src=«img/miniwedd/Селин.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Сенсуаль (1).jpg»><img class = «imgtabwed» src=«img/miniwedd/Сенсуаль (1).jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Сенсуаль (2).jpg»><img class = «imgtabwed» src=«img/miniwedd/Сенсуаль (2).jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Сенсуаль.jpg»><img class = «imgtabwed» src=«img/miniwedd/Сенсуаль.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Сиенна (2).jpg»><img class = «imgtabwed» src=«img/miniwedd/Сиенна (2).jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «img/Wedding/Сиенна.jpg»><img class = «imgtabwed» src=«img/miniwedd/Сиенна.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Скарлет (1).jpg»><img class = «imgtabwed» src=«img/miniwedd/Скарлет (1).jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Скарлет.jpg»><img class = «imgtabwed» src=«img/miniwedd/Скарлет.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Фабия.jpg»><img class = «imgtabwed» src=«img/miniwedd/Фабия.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Фиджи (1).jpg»><img class = «imgtabwed» src=«img/miniwedd/Фиджи (1).jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «img/Wedding/Фиджи.jpg»><img class = «imgtabwed» src=«img/miniwedd/Фиджи.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Чарутти (1).jpg»><img class = «imgtabwed» src=«img/miniwedd/Чарутти (1).jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Чарутти.jpg»><img class = «imgtabwed» src=«img/miniwedd/Чарутти.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Шайни.jpg»><img class = «imgtabwed» src=«img/miniwedd/Шайни.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Шарлотта.jpg»><img class = «imgtabwed» src=«img/miniwedd/Шарлотта.jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd» height = «170» width = «110»></td>
<td class=«wedtd»><a href = «img/Wedding/Эвелина.jpg»><img class = «imgtabwed» src=«img/miniwedd/Эвелина.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Эмили.jpg»><img class = «imgtabwed» src=«img/miniwedd/Эмили.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Wedding/Энджел.jpg»><img class = «imgtabwed» src=«img/miniwedd/Энджел.jpg» height = «170» width = «110»></a></td>
</tr>
</table>
</div>
<div align = «center»><p>
<a href = «Wedding dresses4.html»><img class = «« title=«Назад» src=«Left.png» height = «20» width = «20»></a>
<a href = «#.html»><img class = «« title=«Вверх» src=«Up.png» height = «20» width = «20»></a>
<a href = «#.html»><img class = «« title=«Следующая страница» src=«Right.png» height = «20» width = «20»></a>
</p>
</div>
<div id=«footer»>
<p>Свадебный салон престиж</p>
</div>
</div>
</body>
</html>
Evening dresses.html
<html>
<head>
<link href=«style.css» rel=«stylesheet» type=«text/css»/>
<title>Вечерние платья</title>
<head>
<body>
<div id=«container»>
<div id=«top»></div>
<div id = «navcontainer»>
<div class=«menu»>
<div align = «center»>
<a href=«Index.html»>На главную</a>
<a href=«Wedding dresses.html»>Свадебные платья</a>
<a href=«#.html»>Вечерние платья</a>
<a href=«Children dresses.html»>Детские платья</a>
<a href=«Service.html»>Свадебный сервис</a>
</div>
</div>
</div>
<div id=«contentforwedding»>
<table class=«wedtab» border = «0»>
<tr>
<td class=«wedtd»><a href = «img/Evening/3.jpg»><img class = «imgtabwed» src=«img/minieven/3.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/4.jpg»><img class = «imgtabwed» src=«img/minieven/4.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/5.jpg»><img class = «imgtabwed» src=«img/minieven/5.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/6.jpg»><img class = «imgtabwed» src=«img/minieven/6.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/7.jpg»><img class = «imgtabwed» src=«img/minieven/7.jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «img/Evening/8.jpg»><img class = «imgtabwed» src=«img/minieven/8.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/9.jpg»><img class = «imgtabwed» src=«img/minieven/9.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/10.jpg»><img class = «imgtabwed» src=«img/minieven/10.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/11.jpg»><img class = «imgtabwed» src=«img/minieven/11.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/12.jpg»><img class = «imgtabwed» src=«img/minieven/12.jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «img/Evening/13.jpg»><img class = «imgtabwed» src=«img/minieven/13.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/14.jpg»><img class = «imgtabwed» src=«img/minieven/14.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/15.jpg»><img class = «imgtabwed» src=«img/minieven/15.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/16.jpg»><img class = «imgtabwed» src=«img/minieven/16.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/17.jpg»><img class = «imgtabwed» src=«img/minieven/17.jpg» height = «170» width = «110»></a></td>
</tr>
</table>
</div>
<div align = «center»><p>
<a href = «#.html»><img class = «« title=«Назад» src=«Left.png» height = «20» width = «20»></a>
<a href = «#.html»><img class = «« title=«Вверх» src=«Up.png» height = «20» width = «20»></a>
<a href = «Evening dresses2.html»><img class = «« title=«Следующая страница» src=«Right.png» height = «20» width = «20»></a>
</p>
</div>
<div id=«footer»>
<p>Свадебный салон престиж</p>
</div>
</div>
</body>
</html>
Evening dresses2.html
<html>
<head>
<link href=«style.css» rel=«stylesheet» type=«text/css»/>
<title>Вечерние платья</title>
<head>
<body>
<div id=«container»>
<div id=«top»></div>
<div id = «navcontainer»>
<div class=«menu»>
<div align = «center»>
<a href=«Index.html»>На главную</a>
<a href=«Wedding dresses.html»>Свадебные платья</a>
<a href=«#.html»>Вечерние платья</a>
<a href=«Children dresses.html»>Детские платья</a>
<a href=«Service.html»>Свадебный сервис</a>
</div>
</div>
</div>
<div id=«contentforwedding»>
<table class=«wedtab» border = «0»>
<tr>
<td class=«wedtd»><a href = «img/Evening/18.jpg»><img class = «imgtabwed» src=«img/minieven/18.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/19.jpg»><img class = «imgtabwed» src=«img/minieven/19.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/20.jpg»><img class = «imgtabwed» src=«img/minieven/20.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/21.jpg»><img class = «imgtabwed» src=«img/minieven/21.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/22.jpg»><img class = «imgtabwed» src=«img/minieven/22.jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «img/Evening/23.jpg»><img class = «imgtabwed» src=«img/minieven/23.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/24.jpg»><img class = «imgtabwed» src=«img/minieven/24.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/25.jpg»><img class = «imgtabwed» src=«img/minieven/25.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/26.jpg»><img class = «imgtabwed» src=«img/minieven/26.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/27.jpg»><img class = «imgtabwed» src=«img/minieven/27.jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «img/Evening/28.jpg»><img class = «imgtabwed» src=«img/minieven/28.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/29.jpg»><img class = «imgtabwed» src=«img/minieven/29.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/30.jpg»><img class = «imgtabwed» src=«img/minieven/30.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/31.jpg»><img class = «imgtabwed» src=«img/minieven/31.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/32.jpg»><img class = «imgtabwed» src=«img/minieven/32.jpg» height = «170» width = «110»></a></td>
</tr>
</table>
</div>
<div align = «center»><p>
<a href = «Evening dresses.html»><img class = «« title=«Назад» src=«Left.png» height = «20» width = «20»></a>
<a href = «#.html»><img class = «« title=«Вверх» src=«Up.png» height = «20» width = «20»></a>
<a href = «Evening dresses3.html»><img class = «« title=«Следующая страница» src=«Right.png» height = «20» width = «20»></a>
</p>
</div>
<div id=«footer»>
<p>Свадебный салон престиж</p>
</div>
</div>
</body>
</html>
Evening dresses3.html
<html>
<head>
<link href=«style.css» rel=«stylesheet» type=«text/css»/>
<title>Вечерние платья</title>
<head>
<body>
<div id=«container»>
<div id=«top»></div>
<div id = «navcontainer»>
<div class=«menu»>
<div align = «center»>
<a href=«Index.html»>На главную</a>
<a href=«Wedding dresses.html»>Свадебные платья</a>
<a href=«#.html»>Вечерние платья</a>
<a href=«Children dresses.html»>Детские платья</a>
<a href=«Service.html»>Свадебный сервис</a>
</div>
</div>
</div>
<div id=«contentforwedding»>
<table class=«wedtab» border = «0»>
<tr>
<td class=«wedtd»><a href = «img/Evening/33.jpg»><img class = «imgtabwed» src=«img/minieven/33.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/34.jpg»><img class = «imgtabwed» src=«img/minieven/34.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/35.jpg»><img class = «imgtabwed» src=«img/minieven/35.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/36.jpg»><img class = «imgtabwed» src=«img/minieven/36.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/37.jpg»><img class = «imgtabwed» src=«img/minieven/37.jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «img/Evening/38.jpg»><img class = «imgtabwed» src=«img/minieven/38.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/39.jpg»><img class = «imgtabwed» src=«img/minieven/39.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/40.jpg»><img class = «imgtabwed» src=«img/minieven/40.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/41.jpg»><img class = «imgtabwed» src=«img/minieven/41.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/42.jpg»><img class = «imgtabwed» src=«img/minieven/42.jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «img/Evening/43.jpg»><img class = «imgtabwed» src=«img/minieven/43.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/44.jpg»><img class = «imgtabwed» src=«img/minieven/44.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/45.jpg»><img class = «imgtabwed» src=«img/minieven/45.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/46.jpg»><img class = «imgtabwed» src=«img/minieven/46.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/47.jpg»><img class = «imgtabwed» src=«img/minieven/47.jpg» height = «170» width = «110»></a></td>
</tr>
<tr>
<td class=«wedtd» height = «170» width = «110»></td>
<td class=«wedtd»><a href = «img/Evening/48.jpg»><img class = «imgtabwed» src=«img/minieven/48.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/49.jpg»><img class = «imgtabwed» src=«img/minieven/49.jpg» height = «170» width = «110»></a></td>
<td class=«wedtd»><a href = «img/Evening/50.jpg»><img class = «imgtabwed» src=«img/minieven/50.jpg» height = «170» width = «110»></a></td>
</tr>
</table>
</div>
<div align = «center»><p>
<a href = «Evening dresses2.html»><img class = «« title=«Назад» src=«Left.png» height = «20» width = «20»></a>
<a href = «#.html»><img class = «« title=«Вверх» src=«Up.png» height = «20» width = «20»></a>
<a href = «#.html»><img class = «« title=«Следующая страница» src=«Right.png» height = «20» width = «20»></a>
</p>
</div>
<div id=«footer»>
<p>Свадебный салон престиж</p>
</div>
</div>
</body>
</html>
Children dresses.html
<html>
<head>
<link href=«style.css» rel=«stylesheet» type=«text/css»/>
<title>Детские платья</title>
<head>
<body>
<div id=«container»>
<div id=«top»></div>
<div id = «navcontainer»>
<div class=«menu»>
<div align = «center»>
<a href=«Index.html»>На главную</a>
<a href=«Wedding dresses.html»>Свадебные платья</a>
<a href=«Evening dresses.html»>Вечерние платья</a>
<a href=«#»>Детские платья</a>
<a href=«Service.html»>Свадебный сервис</a>
</div>
</div>
</div>
<div id=«contentforchildren»>
<table class=«wedtab» border = «0»>
<tr>
<td class=«wedtd» height = «170» width = «250»></td>
<td class=«wedtd»><a href = «img/Children/2.jpg»><img class = «imgtabwed» src=«img/minichil/2.jpg» height = «170» width = «250»></a></td>
<td class=«wedtd»><a href = «img/Children/3.jpg»><img class = «imgtabwed» src=«img/minichil/3.jpg» height = «170» width = «250»></a></td>
<td class=«wedtd»><a href = «img/Children/4.jpg»><img class = «imgtabwed» src=«img/minichil/4.jpg» height = «170» width = «250»></a></td>
</tr>
<tr>
<td class=«wedtd» height = «170» width = «250»></td>
<td class=«wedtd»><a href = «img/Children/5.jpg»><img class = «imgtabwed» src=«img/minichil/5.jpg» height = «170» width = «250»></a></td>
<td class=«wedtd»><a href = «img/Children/6.jpg»><img class = «imgtabwed» src=«img/minichil/6.jpg» height = «170» width = «250»></a></td>
<td class=«wedtd»><a href = «img/Children/7.jpg»><img class = «imgtabwed» src=«img/minichil/7.jpg» height = «170» width = «250»></a></td>
</tr>
<tr>
<td class=«wedtd» height = «170» width = «250»></td>
<td class=«wedtd»><center><a href = «img/Children/1.jpg»><img class = «imgtabwed» src=«img/minichil/1.jpg» height = «170» width = «120»></a></center></td>
<td class=«wedtd»><a href = «img/Children/8.jpg»><img class = «imgtabwed» src=«img/minichil/8.jpg» height = «170» width = «250»></a></td>
<td class=«wedtd»><center><a href = «img/Children/9.jpg»><img class = «imgtabwed» src=«img/minichil/9.jpg» height = «170» width = «120»></a></center></td>
</tr>
<tr>
<td class=«wedtd» height = «170» width = «250»></td>
<td class=«wedtd»><center><a href = «img/Children/10.jpg»><img class = «imgtabwed» src=«img/minichil/10.jpg» height = «170» width = «120»></a></center></td>
<td class=«wedtd»><center><a href = «img/Children/11.jpg»><img class = «imgtabwed» src=«img/minichil/11.jpg» height = «170» width = «120»></a></center></td>
<td class=«wedtd»><center><a href = «img/Children/12.jpg»><img class = «imgtabwed» src=«img/minichil/12.jpg» height = «170» width = «120»></a></center></td>
</tr>
<tr>
<td class=«wedtd» height = «170» width = «250»></td>
<td class=«wedtd»><center><a href = «img/Children/13.jpg»><img class = «imgtabwed» src=«img/minichil/13.jpg» height = «170» width = «120»></a></center></td>
<td class=«wedtd»><center><a href = «img/Children/14.jpg»><img class = «imgtabwed» src=«img/minichil/14.jpg» height = «170» width = «120»></a></center></td>
<td class=«wedtd»><center><a href = «img/Children/15.jpg»><img class = «imgtabwed» src=«img/minichil/15.jpg» height = «170» width = «120»></a></center></td>
</tr>
<tr>
<td class=«wedtd» height = «170» width = «250»></td>
<td class=«wedtd»><center><a href = «img/Children/16.jpg»><img class = «imgtabwed» src=«img/minichil/16.jpg» height = «170» width = «120»></a></center></td>
<td class=«wedtd»><center><a href = «img/Children/17.jpg»><img class = «imgtabwed» src=«img/minichil/17.jpg» height = «170» width = «120»></a></center></td>
<td class=«wedtd»><center><a href = «img/Children/18.jpg»><img class = «imgtabwed» src=«img/minichil/18.jpg» height = «170» width = «120»></a></center></td>
</tr>
</table>
</div>
<div align = «center»><p>
<a href = «#.html»><img class = «« title=«Назад» src=«Left.png» height = «20» width = «20»></a>
<a href = «#.html»><img class = «« title=«Вверх» src=«Up.png» height = «20» width = «20»></a>
<a href = «#.html»><img class = «« title=«Следующая страница» src=«Right.png» height = «20» width = «20»></a>
</p>
</div>
<div id=«footer»>
<p>Свадебный салон престиж</p>
</div>
</div>
</body>
</html>
Contacts.html
<html>
<head>
<link href=«style.css» rel=«stylesheet» type=«text/css»/>
<title>Контакты</title>
<head>
<body>
<div id=«container»>
<div id=«top»></div>
<div id = «navcontainer»>
<div class=«menu»>
<div align = «center»>
<a href=«Index.html»>На главную</a>
<a href=«Gallery.html»>Галерея</a>
<a href=«#»>Заказы</a>
<a href=«Contacts.html»>Контакты</a>
<a href=«#»>Скидки и акции</a>
<a href=«/forum/index.php» target=«_blank»>Форум</a>
</div>
</div>
</div>
<div id=«leftnavcontacts»>
<center><h2> Наши адреса и контакты: </h2>
<h2> г.Обнинск </h2>
<h3>пр-т Маркса, 61<br>
ТЦ «Дом для Дома»<br>
т. 8 (910) 519-33-06</h3>
<h3>пр-т Ленина, 130-А<br>
остановка «Дом ученых»<br>
т. 8 (48439) 4-48-94</h3></center>
<hr color = «#dab63e»>
<center><h2> Мы Вконтакте: </h2>
<br>
<a href = «http://vk.com/club32608857»><img src=«img/full.png» alt=««Престиж»« title=«престиж» width = «108» height = «27»/></a>
</div>
<div id=«contentforcontacts»>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) -->
<div id=«ymaps-map-id_1339157142430740618090» style=«width: 700px; height: 288px;»></div>
<div style=«width: 600px; text-align: right;»><a href=«http://api.yandex.ru/maps/tools/constructor/?lang=ru-RU» target=«_blank» style=«color: #1A3DC1; font: 13px Arial,Helvetica,sans-serif;»>Создано с помощью инструментов Яндекс.Карт</a></div>
<script type=«text/javascript»>
function fid_1339157142430740618090(ymaps) {
var map = new ymaps.Map(«ymaps-map-id_1339157142430740618090», {
center: [36.6004428988087, 55.11533683099889],
zoom: 14,
type: «yandex#map»
});
map.controls
.add(«zoomControl»)
.add(«mapTools»)
.add(new ymaps.control.TypeSelector([«yandex#map», «yandex#satellite», «yandex#hybrid», «yandex#publicMap»]));
map.geoObjects
.add(new ymaps.Placemark([36.59885572772408, 55.11906661180886], {
balloonContent: 'пр-т Маркса, 61<br/>ТЦ «Дом для Дома»<br/>т. 8 (910) 519-33-06'
}, {
preset: «twirl#redDotIcon»
}))
.add(new ymaps.Placemark([36.58878047866295, 55.11058161006823], {
balloonContent: 'пр-т Ленина, 130-А<br/>остановка «Дом ученых»<br/>т. 8 (48439) 4-48-94'
}, {
preset: «twirl#redDotIcon»
}));
};
</script>
<script type=«text/javascript» src=«http://api-maps.yandex.ru/2.0/?coordorder=longlat&load=package.full&wizard=constructor&lang=ru-RU&onload=fid_1339157142430740618090»></script>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) -->
</div>
<div id=«footer»>
<p> © Свадебный салон престиж</p>
</div>
</div>
</body>
</html>
Service.html
<html>
<head>
<link href=«style.css» rel=«stylesheet» type=«text/css»/>
<title>Свадебный сервис</title>
<head>
<body>
<div id=«container»>
<div id=«top»></div>
<div id = «navcontainer»>
<div class=«menu»>
<div align = «center»>
<a href=«Index.html»>На главную</a>
<a href=«Wedding dresses.html»>Свадебные платья</a>
<a href=«Evening dresses.html»>Вечерние платья</a>
<a href=«Children dresses.html»>Детские платья</a>
<a href=«#»>Свадебный сервис</a>
<a href=«#.html»>Аксессуары</a>
</div>
</div>
</div>
<div id=«contentforservice»>
<table class=«wedtab» border = «0»>
<tr>
<td class=«wedtd»><a href = «Balls.html»><img class = «imgtabwed» src=«img/Service/Balls/home.jpg» height = «160» width = «220»><center><h4>Украшения шарами</h4></center></a></td>
<td class=«wedtd»><a href = «Service.html»><img class = «imgtabwed» src=«img/Service/BuketsSweet/конфеты 3.jpg» height = «160» width = «220»><center><h4>Букеты</h4></center></a></td>
<td class=«wedtd»><a href = «Service.html»><img class = «imgtabwed» src=«img/Service/BuketsWomen/IMG_2397.JPG» height = «160» width = «220»><center><h4>Букеты для невест</h4></center></a></td>
</tr>
<tr>
<td class=«wedtd»><a href = «Service.html»><img class = «imgtabwed» src=«img/Service/cakes/home.jpg» height = «160» width = «220»><center><h4>Торты</h4></center></a></td>
<td class=«wedtd»><a href = «Service.html»><img class = «imgtabwed» src=«img/Service/Faireshow/home.jpg» height = «160» width = «220»><center><h4>Файер - шоу</h4></center></a></td>
<td class=«wedtd»><a href = «Service.html»><img class = «imgtabwed» src=«img/Service/Foto/home.jpg» height = «160» width = «220»><center><h4>Фотосъемка</h4></center></a></td>
</tr>
</table>
</div>
<div id=«footer»>
<p> © Свадебный салон престиж</p>
</div>
</div>
</body>
</html>
Action. Php
<?php
//Принимаем постовые данные
$name=$_POST['name'];
$surname=$_POST['surname'];
$phone=$_POST['phone'];
$Message=$_POST['Message'];
//соединяемся с БД
mysql_connect('localhost', 'root', '');
mysql_select_db('db_name');
mysql_set_charset( 'cp1251' );
//обязательно экранируем нежелательные символы функцией mysql_real_escape_string
$sql=«insert into `table_name` (name,surname,phone,Message,ip) values
(
'«. mysql_real_escape_string($name).»',
'«. mysql_real_escape_string($surname).»',
'«. mysql_real_escape_string($phone).»',
'«. mysql_real_escape_string($Message).»',
'«.$_SERVER['REMOTE_ADDR'].»'
)»;
$res=mysql_query($sql);
?>
<html>
<head>
<link href=«style.css» rel=«stylesheet» type=«text/css»/>
<title>web престиж</title>
<head>
<body>
<div id=«container»>
<div id=«top»>
</div>
<div id = «navcontainer»>
<div class=«menu»>
<div align = «center»>
<a href=«Index.html»>Главная</a>
<a href=«Gallery.html»>Галерея</a>
<a href=«#modalWindow» id=«modalUrl»>Заказы</a>
<a href=«Contacts.html»>Контакты</a>
<a href=«#»>Скидки и акции</a>
<a href=«/forum/index.php» target=«_blank»>Форум</a>
</div>
</div>
</div>
<a href=«#modal» class=«overlay» id=«modalWindow»></a>
<div class=«popup»>
<form action=«action.php» method=«post» enctype=«multipart/form-data»>
Ваше имя: <br><input type=«text» name=«name» /><br />
Ваша фамилия:<br> <input type=«text» name=«surname» /><br />
Ваш телефон:<br> <input type=«text» name=«phone» /><br />
Заказ:<br>
<textarea name=«Message» cols=«30» rows=«10»>
</textarea><br>
<input type=«submit» value=«Оставить заказ» />
<input type=«reset» value=«Очистить поля»>
</form>
<a href=«#close»>Закрыть окно</a>
</div>
<div id=«leftnav»>
<div id = «leftnavpic»>
<img class=«leftnavpic» src=«img/topwomen.jpg»/>
</div>
</div>
<div id=«content»>
<h2> Если вы готовитесь к свадьбе, или мечтаете о ней, наши провессионалы помогут Вам организовать и провести свадебное торжество</h2>
</div>
<table class=«tab1»>
<tr>
<td class=«td1»><img class = «imgtab» src=«img/1.jpg»></td>
<td class=«td1»><img class = «imgtab» src=«img/2.jpg»></td>
<td class=«td1»><img class = «imgtab» src=«img/3.jpg»></td>
</tr>
<tr>
<td class=«td1»><img class = «imgtab» src=«img/4.jpg»></td>
<td class=«td1»><img class = «imgtab» src=«img/5.jpg»></td>
<td class=«td1»><img class = «imgtab» src=«img/6.jpg»></td>
</tr>
</table>
<div id=«content»>
<ul id=«contnavmenu»>
<li><a href=««>Зажигательный тамада, ди-джей</a></li>
<li><a href=««>Свадебные фотографы, видеоператоры</a></li>
<li><a href=««>Лимузины на свадьбу, прокат, украшение машин</a></li>
<li><a href=««>Свадебные торты, караваи</a></li>
<li><a href=««>Украшение шарами банкетных залов</a></li>
<li><a href=««>Букеты невест</a></li>
<li><a href=««>Фейрверки, файершоу, небесные фонарики</a></li>
</ul>
<h2>Мы дарим Вам любовь и красоту</h2>
<a href = «http://vk.com/club32608857»><img src=«img/full.png» alt=««Престиж»« title=«престиж» width = «108» height = «27»/>
<table class=«bu»>
<tr>
<td><img src=«img/sayt prestige 3.png»></td></tr>
</table>
</div>
<div id=«footer»>
<p> © Свадебный салон престиж</p>
</div>
</div>
</body>
</html>
Style.css
html, body {
margin : 0;
padding : 0;
}
body {
font : 73% «Trebuchet MS», Arial, Helvetica, Tahoma, sans-serif;
background : #7c0e0d url() repeat-y top center;
}
#container {
width : 1000px;
margin : 0 auto;
border : 4px solid #dab63e;
line-height : 1.5em;
border-radius: 8px;
background : #FAFAD2;
color : #666;
}
#top {
padding : 0;
height : 190px;
background : #7c0e0d url(img/banner.jpg) no-repeat;
color : #7c0e0d;
border-radius: 5px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
}
.bu {position: absolute; top:112%; right:16%}
#leftnav {
float : left;
width : 200px;
margin : 0;
padding : 1em;
}
#leftnavcontacts {
float : left;
width : 250px;
margin : 0;
padding : 1em;
}
#leftnav p {
margin : 0 0 1em 0;
}
#leftnavmenu {
list-style : none;
float : center;
width : 400px;
margin : 10px 0 10px 0;
padding : 0;
font-size : 0.9em;
}
#leftnavmenu ul {
list-style : none;
width : 150px;
margin : 0 0 20px 0;
padding : 0;
font-size : 1.1em;
}
#leftnavmenu li {
margin-bottom : 6px;
}
#leftnavmenu li a {
font-weight : bold;
height : 20px;
text-decoration : none;
color : #505050;
background : #FAFAD2 url(circle_orange_9493.png) no-repeat left center;
display : block;
padding : 4px 0 0 30px;
border-left : 0 solid #8fb8cc;
}
#leftnavmenu li a:hover {
background : #FAFAD2 url(circle_red_9803.png) no-repeat left center;
color : #8b5742;
border-left : 0 solid #003366;
/* transition старт */
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
/* transition конец */
}
#contnavmenu {
list-style : none;
float : center;
width : 400px;
margin : 10px 0 10px 0;
padding : 0;
font-size : 0.9em;
border : 0 solid #003366;
font : 110% Comic Sans MS;
}
#contnavmenu ul {
list-style : none;
width : 150px;
margin : 0 0 20px 0;
padding : 0;
font-size : 1.1em;
}
#contnavmenu li {
margin-bottom : 6px;
}
#contnavmenu li a {
font-weight : bold;
height : 20px;
text-decoration : none;
color : #505050;
background : #FAFAD2 url(circle_orange_9493.png) no-repeat left center;
display : block;
padding : 4px 0 0 30px;
border-left : 0 solid #8fb8cc;
}
#contnavmenu li a:hover {
background : #FAFAD2 url(circle_red_9803.png) no-repeat left center;
color : #8b5742;
border-left : 0 solid #003366;
/* transition старт */
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
/* transition конец */
text-shadow: #CD853F;
text-shadow:#CD853F 0.2px 0.2px 1px;
filter:dropshadow(color= #CD853F offX=2px, offY=2px);
}
#content {
margin-left :28em;
border-left : 0px solid #00FF00;
padding : 1em;
}
#contentforgallery {
margin-left :2.5em;
border-left : 0px solid #00FF00;
padding : 1em;
}
#contentforwedding {
margin-left :-3.6em;
border-left : 0px solid #00FF00;
padding : 1em;
}
#contentforevening {
margin-left :-3.6em;
border-left : 0px solid #00FF00;
padding : 1em;
}
#contentforchildren {
margin-left :-32em;
border-left : 0px solid #00FF00;
padding : 1em;
}
#contentforaccessories {
margin-left :-3.6em;
border-left : 0px solid #00FF00;
padding : 1em;
}
#contentforservice {
margin-left :-6.5em;
border-left : 0px solid #00FF00;
padding : 1em;
}
#contentforballs{
margin-left :-16.5em;
border-left : 0px solid #00FF00;
padding : 1em;
}
#contentforcontacts {
margin-left : 23em;
border-left : 0px solid #00FF00;
padding : 1em;
}
#footer {
clear : both;
margin : 0;
padding : 0;
font-size : 0.9em;
border-top :0px solid #fff;
color : #fff;
background : #b92f2f;
padding : 0 0 0 5px
}
h2 {
margin : 0em 0 0.5em 0;
font : 120% Comic Sans MS;
letter-spacing : 1px;
color : #8b5742;
text-shadow: #8b5742;
text-shadow:#8b5742 2px 1px 4px;
filter:dropshadow(color=#8b5742, offX=2px, offY=2px);
}
h3 {
margin : 0em 0 0.5em 0;
font : 120% Comic Sans MS;
letter-spacing : 1px;
color : #8b5742;
}
h4 {
margin : 0em 0 0.5em 0;
font : 100% Comic Sans MS;
letter-spacing : 1px;
color : #8b5742;
text-shadow: #8b5742;
text-shadow:#8b5742 2px 1px 4px;
filter:dropshadow(color=#8b5742, offX=2px, offY=2px);
}
a:link, a:visited {
color : #2480ad;
background : transparent;
text-decoration : none;
}
a:hover {
color : #036;
background : #8fb8cc;
text-decoration : none;
}
.tab1 {border: 0px solid red; border-style: ridge; position: relative;left: 10em; border-radius: 8px;}
.td1 {border: 8px solid #ebebc5; border-style: solid; border-radius: 8px;}
.wedtab {border: 0px solid red; border-style: ridge; position: relative;left: 13em}
.wedtd {border: 0px solid #e0e0bb; border-style: solid;}
.imgtab { border: none;
-moz-opacity: 0.90;
opacity: 0.90;
-ms-filter:»progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
max-width:200px;
-moz-box-shadow: 0px 0px 5px ;
-webkit-box-shadow: 0px 0px 5px ;
margin-bottom:4px; /* Отступ вниз */
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.imgtab:hover { border: none;
-moz-opacity: 1;
opacity: 1;
-ms-filter:»progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
-moz-box-shadow: 0px 0px 0px #478cfb;
-webkit-box-shadow: 0px 0px 0px #478cfb;
box-shadow: 0px 0px 0px #478cfb;
}
.imgtabwed{border: none; position
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
opacity: 1;
margin: 0 20px 10px 0;
}
.imgtabwed:hover{ border: none;
-webkit-transform:scale(1.1); /*Webkit: увеличиваем размер до 1.2x*/
-moz-transform:scale(1.1); /*Mozilla: масштабирование*/
-o-transform:scale(1.1); /*Opera: масштабирование*/
box-shadow:0px 0px 25px #dab63e;
-webkit-box-shadow:0px 0px 25px #dab63e; /*Webkit: тени*/
-moz-box-shadow:0px 0px 25px #dab63e; /*Mozilla: тени*/
opacity: 1;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
#images {
padding-top: 1em;
width: 880px;
height: 440px;
}
#thumbnails {
float: left;
width: 440px;
margin-top:1em;
}
#mainimage {
float: right;
width: 430px;
height: 430px;
background: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 3px 1px #989898;
-moz-box-shadow: 0px 0px 3px 1px #989898;
box-shadow: 0px 0px 3px 1px #989898;
padding: 5px;
}
#mainimage img {
width: 430px;
height: 430px;
}
.image {
opacity: 0.8;
position: relative;
float: left;
background: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 3px 1px #989898;
-moz-box-shadow: 0px 0px 3px 1px #989898;
box-shadow: 0px 0px 3px 1px #989898;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
padding: 5px;
width:100px;
height: 100px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.image img {
width: 100px;
height: 100px;
}
.image:hover {
cursor: pointer;
opacity: 1;
z-index: 5;
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
#imageplaceholder {
background: url('img/Gallery/9.jpg');
background-size: 100%;
width: 430px;
height: 430px;
}
#test1:target #imageplaceholder{
background: url('img/Gallery/1.jpg');
}
#test2:target #imageplaceholder{
background: url('img/Gallery/2.jpg');
}
#test3:target #imageplaceholder{
background: url('img/Gallery/3.jpg');
}
#test4:target #imageplaceholder{
background: url('img/Gallery/4.jpg');
}
#test5:target #imageplaceholder{
background: url('img/Gallery/5.jpg');
}
#test6:target #imageplaceholder{
background: url('img/Gallery/6.jpg');
}
#test7:target #imageplaceholder{
background: url('img/Gallery/7.jpg');
}
#test8:target #imageplaceholder{
background: url('img/Gallery/8.jpg');
}
#test9:target #imageplaceholder{
background: url('img/Gallery/9.jpg');
}
/*навигация*/
.menu {
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
padding:10px 0;
position:;
border-bottom : 5px solid #dab63e;
border-top : 5px solid #dab63e;
}
.menu:hover{
background-color:#FFFAF0;
border-top : 5px solid #dab63e;
}
.menu a {
font:13pt «Trebuchet MS», tahoma, verdana, arial narrow, arial; color:#7c0e0d;
text-decoration:none;
padding:10px;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
}
.menu a:hover {
background-color:#7c0e0d;
font:13pt «Trebuchet MS», tahoma, verdana, arial narrow, arial;
color:#dab63e;
}
/*модалька*/
.overlay {
background-color: red;
opacity: 0;
position: fixed;
right: 0;
top: 0;
left: 0;
bottom: 0;
visibility: hidden;
/* transition старт */
-webkit-transition:All 2s ease;
-moz-transition:All 2s ease;
-o-transition:All 2s ease;
}
.overlay:target {
visibility: visible;
opacity: 0;
}
.popup {
background-color: #7c0e0d;
padding: 20px;
position: fixed;
visibility: hidden;
z-index: 10
color:#FAFAD2;
font: bold 12pt «Trebuchet MS», tahoma, verdana, arial narrow, arial;
border-radius: 8px;
box-shadow: 5px 5px 8px 0px #dab63e;
-webkit-box-shadow: 5px 5px 8px 0px #dab63e;
-moz-box-shadow: 5px 5px 8px 0px #dab63e;
}
.popup a {
color:#FAFAD2;
font: bold 12pt «Trebuchet MS», tahoma, verdana, arial narrow, arial;
}
.overlay:target+.popup {
top: 30%;
left: 35%; opacity: 0.95;
visibility: visible;
}
Размещено на Allbest.ru
...Подобные документы
Разработка сайта с использованием современных программных средств. Разработка дизайна оформления, делающего сайт комфортным для пользователей. Основная концепция и содержание веб-сайта. Реализация регистрации и входа на сайт с использованием баз данных.
курсовая работа [837,0 K], добавлен 18.10.2022Формализация и стандартизация данных. Описание программных блоков. Защита от несанкционированного доступа, некорректной регистрации и авторизации. Тестирование и отладка программного продукта. Расчет годового экономического эффекта от его внедрения.
курсовая работа [588,7 K], добавлен 17.07.2014Функциональные возможности веб-сайтов и их применение. Сравнительный анализ языков программирования для веб-разработки. Методические аспекты разработки образовательного веб-сайта. Определение трудозатрат на разработку и отладку программного продукта.
дипломная работа [2,8 M], добавлен 03.09.2021Основные этапы разработки web-сайта. Классификации современных бирж. Выбор программного средства для разработки сайта. Требования к сайту. Расчет прогнозируемой цены и прибыли на программное средство. Описание языков для разработки web–приложений.
дипломная работа [1,4 M], добавлен 02.09.2016Формализация и стандартизация данных, необходимых для разработки веб-сайта. Описание среды программирования. Требования к техническому обеспечению. Алгоритмизация данных и защитное программирование. Анализ результатов решения и инструкция пользователю.
дипломная работа [3,7 M], добавлен 30.06.2014Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.
курсовая работа [1,0 M], добавлен 09.01.2014Характеристика структуры, программного обеспечения и основных бизнес–процессов ЗАГСа. Разработка базы данных и структуры сайта для молодоженов. Управление аккаунтом пользователя, описание страниц сайта. Расчёт экономических затрат на создание сайта.
дипломная работа [448,5 K], добавлен 14.01.2013Структура сайта, выполненного при помощи HTML-кода и CSS-таблиц. Создание базы данных. Описание главной страницы. Форма для оформления заказа. Скрипт, выводящий дату и день недели. Проектирование CSS-документа (файла) для оформления страниц сайта.
курсовая работа [570,7 K], добавлен 30.12.2013Общее описание разрабатываемого веб-сайта. Создание модуля учета средств для разработки программного продукта. Разработка дизайна. Редактирование веб-сайта в CMS Worspress. Разработка методических указаний для продукта. Система управления базами данных.
дипломная работа [1,8 M], добавлен 10.07.2017Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".
курсовая работа [3,5 M], добавлен 05.06.2015Инструментальные средства разработки сайта. Таблицы базы данных, их описание. Общие принципы разработки программного продукта. Структура программного продукта клиента. Страница информации о пользователе и его заказов, информационная безопасность.
дипломная работа [3,5 M], добавлен 14.06.2012Значение и обзор современных средств веб-программирования на основе языков четвертого поколения. Технологические особенности разработки структуры сайта Интернет-магазина средств связи. Способы форматирования контента, систем навигации и дизайна сайта.
контрольная работа [3,2 M], добавлен 15.02.2011Структура и внутреннее содержание разрабатываемого сайта, основные требования к нему, потребители и целевая аудитория, дизайн и стилистика. Создание прототипа сайта консалтинговой компании "Финанс-консалт" с помощью программного продукта Axure RP PRo.
контрольная работа [1,1 M], добавлен 10.01.2016Обзор и сравнительный анализ современных методов и инструментов для разработки Web-сайтов. Разработка модели сайта, его структуры с использованием современных программных средств разработки. Определение экономической эффективности от его внедрения.
дипломная работа [1,4 M], добавлен 21.06.2013Основы моделирования и разработки Web-сайтов. Обзор и сравнительный анализ языков программирования. Фреймворки, используемые при создании сайта. Разработка графического дизайна, моделирование и создание Web-сайта, руководство по администрированию.
курсовая работа [1,7 M], добавлен 07.11.2013Особенности применения языков программирования PHP, CSS для разработки сайта и размещения готового проекта в сети интернет. Проектирование и настройка программного обеспечения, поддерживающего сайт с информацией о деятельности промышленной организации.
отчет по практике [804,6 K], добавлен 06.02.2016Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования Java Script. Описание используемых тегов при его создании. Особенности разработки навигации и интерфейса сайта.
контрольная работа [2,8 M], добавлен 02.12.2009Характеристика отдела ЗАГСа Еловского района, его деятельности и структуры. Разработка сайта управления записью актов гражданского состояния. Обоснование выбора языков программирования и средств разработки сайта. Затраты на разработку и внедрение сайта.
дипломная работа [4,7 M], добавлен 30.05.2014Назначение информационно-новостного сайта. Структура пользовательской и административной частей. Эмулятор Web–сервера Denwer 3. Типы данных, используемые в PHP. MySQL база данных. Каскадная таблица стилей CSS. Язык гипертекстовой разметки документов HTML.
дипломная работа [2,0 M], добавлен 05.02.2013Страницы сайтов как набор текстовых файлов, размеченных на языке HTML. Виды сайтов, их классификация. Характеристика сайта: статический или динамический. Проблема безопасности web-сайта. Исследование программного обеспечения и языков программирования.
дипломная работа [850,3 K], добавлен 11.01.2015
