- •Содержание
- •Введение
- •1 Техническое задание
- •1.1 Обоснование требований к комплексу технических средств
- •1.2 Описание функциональной структуры
- •1.3 Выбор инструментальных средств разработки Для создания Web-приложения использовалась программа Dreamweaver внешний вид которой представлен в приложении а. В ней есть такие возможности как:
- •2 Архитектура разрабатываемого продукта
- •2.1 Разработка внутренней структуры
- •3 Этапы работы с web - приложением
- •Полный листинг web-приложения представлен в приложении 4.
- •Список литературы
- •Приложение 1
Список литературы
Венедюхин А., Воробьев А. Создание сайтов. — СПб.: Питер, 2010 г. - 107 с.;
Вильямсон X. Универсальный Dynamic HTML. Библиотека программиста. СПб.: Питер, 2009 г. – 304 с.;
ВинДж C. Искусство web-дизайна: Самоучитель. — СПб.: Питер, 2009 г. - 102 с.;
Гончаров А. Самоучитель HTML. — СПб.: Питер, 2010 г. – 240 с.: ил;
Гудман Д. JavaScript и DHTML. — СПб.: Питер, 2009 г. – 523 с.;
Дакетт Д. Основы веб-программирования с использованием HTML. – СПб.: БХВ-Петербург, 2010 г. - 110 с.;
Евдокимов Н., Лебединский И. Разработка веб-сайта. Практическое руководство. – М.: ДМК Пресс, 2010 г. - 134 с.;
Зольников Д.С. Как самостоятельно создать сайт любой сложности — 2-е изд., стер. — М.:НТ Пресс, 2010 г. - 272 с.;
Косарев А. П. Технические средства АСУ. — СПб.: Питер, 2009 г. – 401 с.;
Крамер Р. HTML: наглядный курс Web-дизайна. — СПб.: Питер, 2009 г. – 120 с.;
Кузнецов М. В., Симдяпов И. В., Голышсв С. В. Практика разработки Web-сайтов. — СПб.: БХВ-Петербург, 2009 г. - 960 с.;
Леонтьев В.П. Web-дизайн. Руководство пользователя. — М.: ДМК Пресс, 2010 г. – 310 с.;
Лещев. Создание web-сайта: учебный курс. — СПб.:Питер, 2010 г. - 544 с.;
МакДональд М. Создание web-сайтов. Основное руководство. — СПб.: Питер, 2010 г. - 156 с.;
Матросов А. В., Сергеев А. О., Чаунин М. П. HTML 4.0. – СПб.: БХВ-Петербург, 2009 г. – 672 с.;
Морозова О. М. Построй свой супер-сайт за 21 день. — СПб.: БХВ-Петербург, 2009 г. - 224 с.;
Нидерст М.В. Web-мастеринг для профессионалов. Настольный справочник. — М.: ДМК Пресс, 2009 г. – 127 с.;
Панфилов К. Создание веб-сайта от замысла до реализации. — СПб.: Питер, 2009 г. – 112 с.;
Полонская Е.Л. Язык HTML. Самоучитель. : — М. : Издательский дом "Вильяме", 2009 г. – 320 с. : ил.;
Петюшкин А.А. HTML в Web-дизайне. – СПб.: БХВ-Петербург, 2009. – 400 с.;
Ратшиллер Т., Геркен Т. Разработка Web-приложений. – СПб.: Питер, 2009 г. - 384 с.;
Скотт Б., Нейл Т. Проектирование веб-интерфейсов. – СПб.: Питер, 2010 г. - 672 с.;
Таненбаум Э. Современные операционные системы. 2-е изд. — СПб.: Питер, 2009 г. – 134 с.;
Ташков П. Веб-мастеринг на 100%, HTML, CSS, JavaScript, CMS, раскрутка. – СПб.: БХВ-Петербург, 2010 г. - 129 с.;
Томсон Л., Веллинг Л. Разработка Web-приложений. - Киев: «ДиаСофт», 2010 г. - 672 с.;
Хейз.Р. Освой самостоятельно HTML и XHTML. 3-е изд. — М.: ДМК Пресс 2009 г. - 224 с.;
Якобсон Й. Концепция разработки веб-сайтов. — СПб.: Питер, 2010 г. - 129 с.;
http:// unionstream.ru;
http:// ucoz.ru;
http:// narod.ru.
Приложение 1
Редактор гипертекстовой информации Adobe Dreamweaver
Приложение 2
Стартовая страница Web-приложения
Приложение 3
Модульная структура Web-приложения
Приложение 4
Листинг Web-приложения салона «Вероника»
index.htm
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Вероника</title>
<meta name="Description" content="">
<meta name="Keywords" content="">
<link href="index_files/newstyle.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="index_files/cloud-zoom.css">
<script src="index_files/jquery_002.js"></script>
<script type="text/javascript" src="index_files/jquery.js"></script>
<script language="JavaScript" src="index_files/cloud-zoom.js"></script>
<script language="JavaScript" src="index_files/js.js"></script>
<script>
counter = 0;
function moving(param2) {
if (param2 < 0) {++counter;}
if (param2 > 0) {--counter;}
if ((counter>=0) && (counter<=-1)) {
$('#moveable').animate({'top': '+='+param2+'px'}, 'fast');
}else {
if (param2 < 0) {--counter;}
if (param2 > 0) {++counter;}
}
}
</script>
</head>
<body>
<div id="opaco" class="hidden"></div>
<div id="logoblock"><table border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td bgcolor="#620556"><a href="index.htm"><img src="index_files/logo.jpg" alt="" border="0" height="212" width="212"></a></td>
<td bgcolor="#a09184"> <ul><li><a href="about/index.htm">О компании</a></li><li><a href="collections/index.htm">Коллекции</a></li><li><a href="clients/salespoint/index.htm">Клиентам</a></li>
<li><a href="gostevaya-kniga/">Гостевая книга</a></li><li><a href="information/care/index.htm">Полезные советы</a></li>
<li><a href="coordinates/index.htm">Контакты</a></li></ul><div id="search-block">
</td>
</tr>
</tbody></table>
</div>
<div id="fotoframe"><div id="main-img-img"><table border="0" cellpadding="0" cellspacing="0" width="110%">
<tbody><tr>
<td id="rotate-img-table" height="1107px" valign="top"><ul class="innerfade" style="position: relative; height: 188px;" id="main-img-img"><li style="z-index: 3; position: absolute; display: none;"><img src="index_files/foto1.jpg" width="100%"></li><li style="z-index: 2; position: absolute; display: none;"><img src="index_files/foto2.jpg" width="100%"></li><li style="z-index: 1; position: absolute; display: list-item;"><img src="index_files/foto3.jpg" width="100%"></li></ul></td>
</tr>
</tbody></table></div>
</div>
<div class="nc_list nc_text">
<div class="nc_row">Компания ООО «Вероника» занимается продажей моделей и коллекций одежды.
Вероника — это стиль в сочетании с удобством и комфортом, благодаря
тщательной работе над конструкцией изделия и использованию натуральных
тканей.</div>
</div>
</body></html>
cloud-zoom.js
(function ($) {
$(document).ready(function () {
$('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();
});
function format(str) {
for (var i = 1; i < arguments.length; i++) {
str = str.replace('%' + (i - 1), arguments[i]);
}
return str;
}
function CloudZoom(jWin, opts) {
var sImg = $('img', jWin);
var img1;
var img2;
var zoomDiv = null;
var $mouseTrap = null;
var lens = null;
var $tint = null;
var softFocus = null;
var $ie6Fix = null;
var zoomImage;
var controlTimer = 0;
var cw, ch;
var destU = 0;
var destV = 0;
var currV = 0;
var currU = 0;
var filesLoaded = 0;
var mx,
my;
var ctx = this, zw;
setTimeout(function () {
<img src="/images/loading.gif"/>
if ($mouseTrap === null) {
var w = jWin.width();
jWin.parent().append(format('<div style="width:%0px;position:absolute;top:75%;left:%1px;text-align:center" class="cloud-zoom-loading" >Loading...</div>', w / 3, (w / 2) - (w / 6))).find(':last').css('opacity', 0.5);
}
}, 200);
var ie6FixRemove = function () {
if ($ie6Fix !== null) {
$ie6Fix.remove();
$ie6Fix = null;
}
};
this.removeBits = function () {
//$mouseTrap.unbind();
if (lens) {
lens.remove();
lens = null;
}
if ($tint) {
$tint.remove();
$tint = null;
}
if (softFocus) {
softFocus.remove();
softFocus = null;
}
ie6FixRemove();
$('.cloud-zoom-loading', jWin.parent()).remove();
};
this.destroy = function () {
jWin.data('zoom', null);
if ($mouseTrap) {
$mouseTrap.unbind();
$mouseTrap.remove();
$mouseTrap = null;
}
if (zoomDiv) {
zoomDiv.remove();
zoomDiv = null;
}
//ie6FixRemove();
this.removeBits();
};
this.fadedOut = function () {
if (zoomDiv) {
zoomDiv.remove();
zoomDiv = null;
}
this.removeBits();
//ie6FixRemove();
};
this.controlLoop = function () {
if (lens) {
var x = (mx - sImg.offset().left - (cw * 0.5)) >> 0;
var y = (my - sImg.offset().top - (ch * 0.5)) >> 0;
if (x < 0) {
x = 0;
}
else if (x > (sImg.outerWidth() - cw)) {
x = (sImg.outerWidth() - cw);
}
if (y < 0) {
y = 0;
}
else if (y > (sImg.outerHeight() - ch)) {
y = (sImg.outerHeight() - ch);
}
lens.css({
left: x,
top: y
});
lens.css('background-position', (-x) + 'px ' + (-y) + 'px');
destU = (((x) / sImg.outerWidth()) * zoomImage.width) >> 0;
destV = (((y) / sImg.outerHeight()) * zoomImage.height) >> 0;
currU += (destU - currU) / opts.smoothMove;
currV += (destV - currV) / opts.smoothMove;
zoomDiv.css('background-position', (-(currU >> 0) + 'px ') + (-(currV >> 0) + 'px'));
}
controlTimer = setTimeout(function () {
ctx.controlLoop();
}, 30);
};
this.init2 = function (img, id) {
filesLoaded++;
//console.log(img.src + ' ' + id + ' ' + img.width);
if (id === 1) {
zoomImage = img;
}
//this.images[id] = img;
if (filesLoaded === 2) {
this.init();
}
};
this.init = function () {
$('.cloud-zoom-loading', jWin.parent()).remove();
$mouseTrap = jWin.parent().append(format("<div class='mousetrap' style='background-image:url(\".\");z-index:100;position:absolute;width:%0px;height:%1px;left:%2px;top:%3px;\'></div>", sImg.outerWidth(), sImg.outerHeight(), 0, 0)).find(':last');
$mouseTrap.bind('mousemove', this, function (event) {
mx = event.pageX;
my = event.pageY;
});
$mouseTrap.bind('mouseleave', this, function (event) {
clearTimeout(controlTimer);
//event.data.removeBits();
if(lens) { lens.fadeOut(299); }
if($tint) { $tint.fadeOut(299); }
if(softFocus) { softFocus.fadeOut(299); }
zoomDiv.fadeOut(300, function () {
ctx.fadedOut();
});
return false;
});
$mouseTrap.bind('mouseenter', this, function (event) {
mx = event.pageX;
my = event.pageY;
zw = event.data;
if (zoomDiv) {
zoomDiv.stop(true, false);
zoomDiv.remove();
}
var xPos = opts.adjustX,
yPos = opts.adjustY;
var siw = sImg.outerWidth();
var sih = sImg.outerHeight();
var w = opts.zoomWidth;
var h = opts.zoomHeight;
if (opts.zoomWidth == 'auto') {
w = siw;
}
if (opts.zoomHeight == 'auto') {
h = sih;
}
//$('#info').text( xPos + ' ' + yPos + ' ' + siw + ' ' + sih );
var appendTo = jWin.parent(); // attach to the wrapper
switch (opts.position) {
case 'top':
yPos -= h; // + opts.adjustY;
break;
case 'right':
xPos += siw; // + opts.adjustX;
break;
case 'bottom':
yPos += sih; // + opts.adjustY;
break;
case 'left':
xPos -= w; // + opts.adjustX;
break;
case 'inside':
w = siw;
h = sih;
break;
default:
appendTo = $('#' + opts.position);
// If dom element doesn't exit, just use 'right' position as default.
if (!appendTo.length) {
appendTo = jWin;
xPos += siw; //+ opts.adjustX;
yPos += sih; // + opts.adjustY;
} else {
w = appendTo.innerWidth();
h = appendTo.innerHeight();
}
}
zoomDiv = appendTo.append(format('<div id="cloud-zoom-big" class="cloud-zoom-big" style="display:none;position:absolute;left:%0px;top:%1px;width:%2px;height:%3px;background-image:url(\'%4\');z-index:99;"></div>', xPos, yPos, w, h, zoomImage.src)).find(':last');
if (sImg.attr('title') && opts.showTitle) {
zoomDiv.append(format('<div class="cloud-zoom-title">%0</div>', sImg.attr('title'))).find(':last').css('opacity', opts.titleOpacity);
}
if ($.browser.msie && $.browser.version < 7) {
$ie6Fix = $('<iframe frameborder="0" src="#"></iframe>').css({
position: "absolute",
left: xPos,
top: yPos,
zIndex: 99,
width: w,
height: h
}).insertBefore(zoomDiv);
}
zoomDiv.fadeIn(500);
if (lens) {
lens.remove();
lens = null;
} /* Work out size of cursor */
cw = (sImg.outerWidth() / zoomImage.width) * zoomDiv.width();
ch = (sImg.outerHeight() / zoomImage.height) * zoomDiv.height();
lens = jWin.append(format("<div class = 'cloud-zoom-lens' style='display:none;z-index:98;position:absolute;width:%0px;height:%1px;'></div>", cw, ch)).find(':last');
$mouseTrap.css('cursor', lens.css('cursor'));
var noTrans = false;
if (opts.tint) {
lens.css('background', 'url("' + sImg.attr('src') + '")');
$tint = jWin.append(format('<div style="display:none;position:absolute; left:0px; top:0px; width:%0px; height:%1px; background-color:%2;" />', sImg.outerWidth(), sImg.outerHeight(), opts.tint)).find(':last');
$tint.css('opacity', opts.tintOpacity);
noTrans = true;
$tint.fadeIn(500);
}
if (opts.softFocus) {
lens.css('background', 'url("' + sImg.attr('src') + '")');
softFocus = jWin.append(format('<div style="position:absolute;display:none;top:2px; left:2px; width:%0px; height:%1px;" />', sImg.outerWidth() - 2, sImg.outerHeight() - 2, opts.tint)).find(':last');
softFocus.css('background', 'url("' + sImg.attr('src') + '")');
softFocus.css('opacity', 0.5);
noTrans = true;
softFocus.fadeIn(500);
}
if (!noTrans) {
lens.css('opacity', opts.lensOpacity);
}
if ( opts.position !== 'inside' ) { lens.fadeIn(500); }
zw.controlLoop();
return;
});
};
img1 = new Image();
$(img1).load(function () {
ctx.init2(this, 0);
});
img1.src = sImg.attr('src');
img2 = new Image();
$(img2).load(function () {
ctx.init2(this, 1);
});
img2.src = jWin.attr('href');
}
$.fn.CloudZoom = function (options) {
// IE6 background image flicker fix
try {
document.execCommand("BackgroundImageCache", false, true);
} catch (e) {}
this.each(function () {
var relOpts, opts;
// Hmm...eval...slap on wrist.
eval('var a = {' + $(this).attr('rel') + '}');
relOpts = a;
if ($(this).is('.cloud-zoom')) {
$(this).css({
'position': 'relative',
'display': 'block'
});
$('img', $(this)).css({
'display': 'block'
});
if ($(this).parent().attr('id') != 'wrap') {
$(this).wrap('<div id="wrap" style="top:0px;z-index:99;position:relative;"></div>');
}
opts = $.extend({}, $.fn.CloudZoom.defaults, options);
opts = $.extend({}, opts, relOpts);
$(this).data('zoom', new CloudZoom($(this), opts));
} else if ($(this).is('.cloud-zoom-gallery')) {
opts = $.extend({}, relOpts, options);
$(this).data('relOpts', opts);
$(this).bind('click', $(this), function (event) {
var data = event.data.data('relOpts');
$('#' + data.useZoom).data('zoom').destroy();
$('#' + data.useZoom).attr('href', event.data.attr('href'));
$('#' + data.useZoom + ' img').attr('src', event.data.data('relOpts').smallImage);
// Init a new zoom with the new images.
$('#' + event.data.data('relOpts').useZoom).CloudZoom();
return false;
});
}
});
return this;
};
$.fn.CloudZoom.defaults = {
zoomWidth: 'auto',
zoomHeight: 'auto',
position: 'right',
tint: false,
tintOpacity: 0.5,
lensOpacity: 0.5,
softFocus: false,
smoothMove: 3,
showTitle: true,
titleOpacity: 0.5,
adjustX: 0,
adjustY: 0
};
})(jQuery);
window.onload = function() {
if(document.getElementById('active2'))
{
$(("#img2")).animate({
opacity: 0.5
}, 'slow' );
}
if(document.getElementById('active3'))
{
$(("#img3")).animate({
opacity: 0.5
}, 'slow' );
}
if(document.getElementById('active4'))
{
$(("#img4")).animate({
opacity: 0.5
}, 'slow' );
}
};
function active(e,id){
if(document.getElementById('active1'))
{
document.getElementById('active1').style.border = '#820053 solid 1px';
$(("#img1")).animate({
opacity: 0.5
}, 'slow' );
}
if(document.getElementById('active2'))
{
document.getElementById('active2').style.border = '#820053 solid 1px';
$(("#img2")).animate({
opacity: 0.5
}, 'slow' );
}
if(document.getElementById('active3'))
{
document.getElementById('active3').style.border = '#820053 solid 1px';
$(("#img3")).animate({
opacity: 0.5
}, 'slow' );
}
if(document.getElementById('active4'))
{
document.getElementById('active4').style.border = '#820053 solid 1px';
$(("#img4")).animate({
opacity: 0.5
}, 'slow' );
}
if(document.getElementById('active5'))
{
document.getElementById('active5').style.border = '#820053 solid 1px';
$(("#img5")).animate({
opacity: 0.5
}, 'slow' );
}
if(document.getElementById('active6'))
{
document.getElementById('active6').style.border = '#820053 solid 1px';
$(("#img6")).animate({
opacity: 0.5
}, 'slow' );
}
if(document.getElementById('active7'))
{
document.getElementById('active7').style.border = '#820053 solid 1px';
$(("#img7")).animate({
opacity: 0.5
}, 'slow' );
}
if(document.getElementById('active8'))
{
document.getElementById('active8').style.border = '#820053 solid 1px';
$(("#img8")).animate({
opacity: 0.5
}, 'slow' );
}
document.getElementById(e).style.border = '#fff solid 1px';
$(("#"+id)).animate({
opacity: 1
}, 'fast' );
}
about/index.htm
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>О компании</title>
<meta name=Description content="">
<meta name=Keywords content="">
<link href="../newstyle.css" rel="stylesheet" type="text/css" />
<link rel='stylesheet' type='text/css' href="../js/cloud-zoom.css" />
<script src="../js/jquery.min.js" ></script>
<script type='text/javascript' src="../js/jquery.innerfade.js" ></script>
<script language='JavaScript' src="../js/cloud-zoom.1.0.2.js" ></script>
<script language='JavaScript' src="../js/js.js" ></script>
<script >
counter = 0;
function moving(param2) {
if (param2 < 0) {++counter;}
if (param2 > 0) {--counter;}
if ((counter>=0) && (counter<=-1)) {
$('#moveable').animate({'top': '+='+param2+'px'}, 'fast');
}else {
if (param2 < 0) {--counter;}
if (param2 > 0) {++counter;}
}
}
</script>
</head>
<body>
<div id='opaco' class='hidden'></div>
<div id='logoblock'><table border='0' cellspacing='0' cellpadding='0'>
<tr>
<td bgcolor='#620556'><a href="../index.htm"><img src="../newimages/logo.jpg" width='212' height='212' border='0' /></a></td>
<td bgcolor='#a09184'> <ul><li class='active-menu'><a href="index.htm" >О компании</a></li><li><a href="../collections/index.htm" >Коллекции</a></li><li><a href="../clients/salespoint/index.htm" >Клиентам</a></li><li><a href="../gostevaya-kniga/" >Гостевая книга</a></li><li><a href="../information/care/index.htm">Полезные советы</a></li><li><a href="../coordinates/index.htm" >Контакты</a></li></ul></td>
</tr>
</table>
</div>
<div id='authblock'><div id='top-phone'><span id='hotline'>КОНТАКТНЫЙ ТЕЛЕФОН</span><br>
<span id='phone'>8 4712 73-20-12</span><br />
<span id='alltime'></span></div>
<div>
</div>
<div id='login-registration'></div>
</div>
<div id='fotoframe-inner'><div id='main-img-img'><table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td valign='top' id='rotate-img-table'><ul id='main-img-img'><li><img src="../newimages/foto1-inner.jpg" width='1920'/></li></ul></td>
</tr>
</table></div>
</div>
<div id='content'>
<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td width='212'>
<ul><li><a href="production/index.htm" >Производство</a></li><li><a href="advantages/index.htm" >Наши преимущества</a></li><li><a href="certificates/index.htm" >Сертификаты и награды</a></li><li><a href="vacancies/index.htm" >Вакансии</a></li><li><a href="news/index.htm" >Новости</a></li></ul>
</td>
<td>
<div class='nc_list nc_text'><div class='nc_row'>
<p> </p>
<p>Современная реклама пестрит пропагандой модельных внешностей и идеальных фигур. Но это экранные образы, которые нередко далеки от наших будней. Современная земная женщина - другая. Она обладает округлыми формами, большой душой, веселым блеском в глазах, но так же хочет кокетничать, удивлять окружающих своей красотой, чувством стиля и вкуса. Сегодня все больше женщин убеждаются, что главное - это умение себя преподать. Поэтому не стоит бояться своих размеров, если Вы не укладываетесь в чьи-то стандарты. Стоит лишь удачно подобрать очередной наряд из нашей коллекции, чтобы смело приступать к проявлению Вашего женского очарования.</p>
<p> Вероника - это динамично развивающееся предприятие. Нашим стремлением является выход на новые рынки с тем, чтобы позволить современным женщинам в разных регионах выглядеть привлекательно, стильно, комфортно и не чувствовать себя ущемленной при выборе одежды по сравнению с высоким уровнем стильных предложения для худышек.</p>
<p> Наши модели разрабатываются в нескольких стилевых направлениях - от модного молодежного стиля, повседневной одежды до элегантной классики и деловых костюмов. Наш ассортимент регулярно обновляется новыми коллекциями, что позволяет женщинам экспериментировать со своим образом, оставаясь при этом модными и непредсказуемыми. </p>
<p> Все коллекции одежды для полных выпускаются капсулами (комплектами), что позволяет покупателю полностью сформировать свой образ. Это значительно увеличивает продажи, так как клиент уходит из вашего магазина не с одой покупкой, а с двумя, тремя и более.</p>
<p> Для своих коллекций мы используем только самое качественное сырье и выбираем натуральные ткани: хлопок, лен, вискозу, шелк, шерсть благодаря которым наша продукция очень приятна к телу, красива, естественна и не ощутима при носке. А добавление «стретча» либо «эластана» в ткани позволяет ей безупречной сидеть по фигуре и не терять форму после стирки.</p>
<p> </p>
</div></div></td>
</tr>
</table>
</div>
</body>
</html>
Salespoint/index.htm
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Где купить</title>
<meta name=Description content="">
<meta name=Keywords content="">
<link href="../../newstyle.css" rel="stylesheet" type="text/css" />
<link rel='stylesheet' type='text/css' href="../../js/cloud-zoom.css" />
<script src="../../js/jquery.min.js" ></script>
<script type='text/javascript' src="../../js/jquery.innerfade.js" ></script>
<script language='JavaScript' src="../../js/cloud-zoom.1.0.2.js" ></script>
<script language='JavaScript' src="../../js/js.js"></script>
<script >
counter = 0;
function moving(param2) {
if (param2 < 0) {++counter;}
if (param2 > 0) {--counter;}
if ((counter>=0) && (counter<=-1)) {
$('#moveable').animate({'top': '+='+param2+'px'}, 'fast');
}else {
if (param2 < 0) {--counter;}
if (param2 > 0) {++counter;}
}
}
</script>
</head>
<body>
<div id='opaco' class='hidden'></div>
<div id='logoblock'><table border='0' cellspacing='0' cellpadding='0'>
<tr>
<td bgcolor='#620556'><a href="../../index.htm" ><img src="../../newimages/logo.jpg" width='212' height='212' border='0' /></a></td>
<td bgcolor='#a09184'> <ul><li><a href="../../about/index.htm" >О компании</a></li><li><a href="../../collections/index.htm" >Коллекции</a></li><li class='active-menu'><a href="index.htm" >Клиентам</a></li><li><a href="../../gostevaya-kniga/" >Гостевая книга</a></li><li><a href="../../information/care/index.htm">Полезные советы</a></li><li><a href="../../coordinates/index.htm" >Контакты</a></li></ul><div id='search-block'>
</td>
</tr>
</table>
</div>
<div id='authorisation' class='hidden'>
</div>
<div id='authblock'><div id='top-phone'><span id='hotline'>КОНТАКТНЫЙ ТЕЛЕФОН</span><br>
<span id='phone'>8 4712 73-20-12</span><br />
<span id='alltime'></span></div>
<div>
</div>
<div id='login-registration'></div>
</div>
<div id='fotoframe-inner'><div id='main-img-img'><table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td valign='top' id='rotate-img-table'><ul id='main-img-img'><li><img src="../../newimages/foto1-inner.jpg" width='1920'/></li></ul></td>
</tr>
</table></div>
</div>
<div id='content'>
<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td width='212'>
<ul><li><a href="../dealers/index.htm">Дилерам и партнерам</a></li><li class='active-menu2'><a href="index.htm" >Где купить</a></li></ul>
</td>
<td>
<div class='nc_list nc_text'><div class='nc_row'><p> </p>
<p>Адрес магазина, в котором Вы можете найти одежду «Вероника»: г. Курск, 2-рабочая д 74</p>
<h2> </h2>
<p>
<p>
<table border="0" cellspacing="1" cellpadding="2" width="100%">
<tbody>
<tr>
<th width="30%" scope="col"> </th>
<td width="70%" scope="col"> </td>
</tr>
</tbody>
</table>
</p></div></div></td>
</tr>
</table>
</div>
</body>
</html>
collections/index.htm
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Коллекции</title>
<meta name=Description content="">
<meta name=Keywords content="">
<link href="../newstyle.css" rel="stylesheet" type="text/css" />
<link rel='stylesheet' type='text/css' href="../js/cloud-zoom.css" />
<script src="../js/jquery.min.js" ></script>
<script type='text/javascript' src="../js/jquery.innerfade.js" ></script>
<script language='JavaScript' src="../js/cloud-zoom.1.0.2.js" ></script>
<script language='JavaScript' src="../js/js.js" ></script>
<script >
counter = 0;
function moving(param2) {
if (param2 < 0) {++counter;}
if (param2 > 0) {--counter;}
if ((counter>=0) && (counter<=-1)) {
$('#moveable').animate({'top': '+='+param2+'px'}, 'fast');
}else {
if (param2 < 0) {--counter;}
if (param2 > 0) {++counter;}
}
}
</script>
</head>
<body>
<div id='opaco' class='hidden'></div>
<div id='logoblock'><table border='0' cellspacing='0' cellpadding='0'>
<tr>
<td bgcolor='#620556'><a href="../index.htm"><img src="../newimages/logo.jpg" width='212' height='212' border='0' /></a></td>
<td bgcolor='#a09184'> <ul><li ><a href="index.htm" >О компании</a></li><li class='active-menu'><a href="../collections/index.htm" >Коллекции</a></li><li><a href="../clients/salespoint/index.htm" >Клиентам</a></li><li><a href="../gostevaya-kniga/" >Гостевая книга</a></li><li><a href="../information/care/index.htm">Полезные советы</a></li><li><a href="../coordinates/index.htm" >Контакты</a></li></ul><div id='search-block'>
</td>
</tr>
</table>
</div>
<div id='authorisation' class='hidden'>
</div>
<div id='authblock'><div id='top-phone'><span id='hotline'>КОНТАКТНЫЙ ТЕЛЕФОН</span><br>
<span id='phone'>8 4712 73-20-12</span><br />
<span id='alltime'></span></div>
<div>
</div>
</div>
<div id='fotoframe-inner'><div id='main-img-img'><table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td valign='top' id='rotate-img-table'><ul id='main-img-img'><li><img src="../newimages/foto1-inner.jpg" width='1920'/></li></ul></td>
</tr>
</table></div>
</div>
<div id='content'>
<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td width='212'>
<ul><li><a href="Rannjaja-vesna-2012/index.htm" >Ранняя Весна 2012</a></li><li><a href="pozdnjaja-vesna-2012/index.htm" >Поздняя весна 2012</a></li><li><a href="Specpredlozhenie/index.htm">Спецпредложение</a></li><li><a href="leto-2012/index.htm" >Лето 2012</a></li></ul>
</td>
<td>
<div id='collection'>
<table border='0' cellspacing='4' cellpadding=''><col width="25%" /><col width="25%" /><col width="25%" /><col width="25%" />
<td>
<a name='mod7630'></a>
<a href="11.htm" ><img src="../images/supermarket/catalog/B244-1122-1.jpg" alt='Блузка 244 Поплин голуб. пол.Дельфин' title='Блузка 244 Поплин голуб. пол.Дельфин' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б244</b><br />
</span></a>
</td>
<td>
<a name='mod7268'></a>
<a href="1.htm" ><img src="../images/supermarket/catalog/B271-853-1.jpg" alt='Блузка 271 Поплин белый полоска Люрекс' title='Блузка 271 Поплин белый полоска Люрекс' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б271</b><br />
</span></a>
</td>
<td>
<a name='mod7875'></a>
<a href="15.htm" ><img src="../images/supermarket/catalog/B283-1505-1.jpg" alt='Блузка 283 вуаль Цветы оранжевые' title='Блузка 283 вуаль Цветы оранжевые' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б283</b><br />
</span></a>
</td>
<td>
<a name='mod7289'></a>
<a href="2.htm" ><img src="../images/supermarket/catalog/B334-1347-1.jpg" alt='Блузка 334 Попл.Бел. жакард Пейсли' title='Блузка 334 Попл.Бел. жакард Пейсли' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б334</b><br />
</span></a>
</td>
</tr><tr valign='top'>
<td>
<a name='mod7269'></a>
<a href="3.htm" ><img src="../images/supermarket/catalog/B335-1270-1.jpg" alt='Блузка 335 Попл. Белый жак. Классика' title='Блузка 335 Попл. Белый жак. Классика' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б335</b><br />
</span></a>
</td>
<td>
<a name='mod7290'></a>
<a href="4.htm" ><img src="../images/supermarket/catalog/B341-1377-1.jpg" alt='Блузка 341 Сирен. пол. Лора' title='Блузка 341 Сирен. пол. Лора' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б341</b><br />
</span></a>
</td>
<td>
<a name='mod7830'></a>
<a href="9.htm" ><img src="../images/supermarket/catalog/B384-881-1.jpg" alt='Блузка 384 Поплин белый жаккард Пион' title='Блузка 384 Поплин белый жаккард Пион' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б384</b><br />
</span></a>
</td>
<td>
<a name='mod7876'></a>
<a href="16.htm" ><img src="../images/supermarket/catalog/B385-1335-1.jpg" alt='Блузка 385 поплин синий клетка Рекс' title='Блузка 385 поплин синий клетка Рекс' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б385</b><br />
</span></a>
</td>
</tr><tr valign='top'>
<td>
<a name='mod7270'></a>
<a href="5.htm"><img src="../images/supermarket/catalog/B397-1262-1.jpg" alt='Блузка 397 Поплин бел. жакк.Вьюнок' title='Блузка 397 Поплин бел. жакк.Вьюнок' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б397</b><br />
</span></a>
</td>
<td>
<a name='mod7271'></a>
<a href="6.htm" ><img src="../images/supermarket/catalog/B397-1262-1.jpg" alt='Блузка 439 Поплин бел жакк.Вьюнок' title='Блузка 439 Поплин бел жакк.Вьюнок' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б439</b><br />
</span></a>
</td>
<td>
<a name='mod7567'></a>
<a href="12.htm" ><img src="../images/supermarket/catalog/B445-1287-1.jpg" alt='Блузка 445 Атлас чер.Ореол фиолет.' title='Блузка 445 Атлас чер.Ореол фиолет.' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б445</b><br />
</span></a>
</td>
<td>
<a name='mod7638'></a>
<a href="13.htm" ><img src="../images/supermarket/catalog/B450-751-1.jpg" alt='Блузка 450 Вискоза сер. полоска Натали' title='Блузка 450 Вискоза сер. полоска Натали' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б450</b><br />
</span></a>
</td>
</tr><tr valign='top'>
<td>
<a name='mod7582'></a>
<a href="14.htm" ><img src="../images/supermarket/catalog/B464-1117-1.jpg"alt='Блузка 464 Атлас бел.Розы фиолет.' title='Блузка 464 Атлас бел.Розы фиолет.' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б464</b><br />
</span></a>
</td>
<td>
<a name='mod7272'></a><img src="../images/supermarket/catalog/B499-1449-1.jpg" alt='Блузка 499 поплин сирен. Одесса' title='Блузка 499 поплин сирен. Одесса' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б499</b><br />
</span></td>
<td>
<a name='mod7774'></a><img src="../images/supermarket/catalog/B501-687-1.jpg" alt='Блузка 501 Поплин сер.пол.Афина' title='Блузка 501 Поплин сер.пол.Афина' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б501</b><br />
</span></td>
<td>
<a name='mod7273'></a>
<a href="8.htm" ><img src="../images/supermarket/catalog/B499-1382-1.jpg" alt='Блузка 501 Попл. роз. пол. Лотос' title='Блузка 501 Попл. роз. пол. Лотос' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б501</b><br />
</span></a>
</td>
</tr><tr valign='top'>
<td>
<a name='mod7841'></a>
<a href="10.htm"><img src="../images/supermarket/catalog/B503-1478-1.jpg" alt='Блузка 503 атлас Пейсли бирюза' title='Блузка 503 атлас Пейсли бирюза' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б503</b><br />
</span></a>
</td>
<td>
<a name='mod7274'></a><img src="../images/supermarket/catalog/B506-1376-1.jpg" alt='Блузка 506 Попл. сер. пол. какао' title='Блузка 506 Попл. сер. пол. какао' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б506</b><br />
</span></td>
<td>
<a name='mod7275'></a><img src="../images/supermarket/catalog/B527-1312-981-1.jpg" alt='Блузка 527 Чернильн.пол.Феррари/бел.пол. Акация' title='Блузка 527 Чернильн.пол.Феррари/бел.пол. Акация' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б527</b><br />
</span></td>
<td>
<a name='mod7276'></a>
<img src="../images/supermarket/catalog/B506-1377-1.jpg" alt='Блузка 556 Попл. сирен. пол. Лора' title='Блузка 556 Попл. сирен. пол. Лора' width='198' border='0' /><span class='dress-info-list'><b>Блузка Б556</b><br />
</span>
</td>
</tr>
</table>
</div></td>
</tr>
</table>
</div>
</body>
</html>
1.htm
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name=Description content="">
<meta name=Keywords content="">
<link href="../newstyle.css" rel="stylesheet" type="text/css" />
<link rel='stylesheet' type='text/css' href="../js/cloud-zoom.css" />
<script src="../js/jquery.min.js" ></script>
<script type='text/javascript' src="../js/jquery.innerfade.js" ></script>
<script language='JavaScript' src="../js/cloud-zoom.1.0.2.js" ></script>
<script language='JavaScript' src="../js/js.js" ></script>
<script >
counter = 0;
function moving(param2) {
if (param2 < 0) {++counter;}
if (param2 > 0) {--counter;}
if ((counter>=0) && (counter<=1)) {
$('#moveable').animate({'top': '+='+param2+'px'}, 'fast');
}else {
if (param2 < 0) {--counter;}
if (param2 > 0) {++counter;}
}
}
</script>
</head>
<body>
<div id='content'>
<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td>
<SCRIPT>
function imgObj(obj, obj2, name, artikul) {
document.getElementById('stuff-title').innerHTML = artikul+'<br>'+name;
document.getElementById('zoom1').href = obj;
document.getElementById('big-photo1').src = obj;
document.getElementById('href-img1').href = obj;
document.getElementById('img1').src = obj;
document.getElementById('href-img2').href = obj2;
document.getElementById('img2').src = obj2;
}
</SCRIPT>
<!--<div id='hit'> <br>
Хит продаж! </div>-->
<div id='one-dress'><form method=post name='order' action="#" style='margin:0'>
<input type='hidden' name='redirect_url' value=''>
<table border='0' cellspacing='0' cellpadding='0'>
<tr>
<td><a href="../images/supermarket/catalog/B271-853.jpg" class='cloud-zoom' id='zoom1' rel='adjustX: 10, adjustY:-4' style='position: absolute; display: block; '><img src="../images/supermarket/catalog/B271-853.jpg" height='590' class='photo' id='big-photo1' title='' style='position: relative; display: block; '></a></td>
<td><div id='preview-foto'><a href="../images/supermarket/catalog/B271-853.jpg" id='href-img1' onClick="javascript:active('active1','img1')" class='cloud-zoom-gallery' title='' rel='useZoom: 'zoom1', smallImage: '/images/supermarket/catalog/B271-853.jpg' '>
<img height='96' class='zoom-tiny-image' id='img1' src="../images/supermarket/catalog/B271-853.jpg" alt='' hspace='5' border='0'>
</a></div>
<div id='dress-description'>
<div id='goback'><a href='#'><img src="../newimages/back-arrow.png" border='0' /></a> <a href="Rannjaja-vesna-2012/index.htm" >Вернуться в коллекцию</a></div>
<div id='one-dress-description'><span id='stuff-title'>
Б271-853<br />Блузка 271 Поплин белый полоска Люрекс</span></div>
</div>
<div id='up-btn'><img src="../newimages/up-btn.png" width='143' height='40' onclick='moving(-172);'/><img src="../newimages/down-btn.png" width='143' height='40' onclick='moving(172);'/></div>
<div id='down-btn'></div>
<div id='tkani'>
<div id='moveable' style='top:0px; left:0px; position:relative'>
<div class='unactive-tkan'>
<table border='0' cellspacing='0' cellpadding='0'>
<tr>
<td class='tkan-img'>
<img src="../images/supermarket/catalog/1277.jpg" onclick="imgObj('../images/supermarket/catalog/F.jpg'/*tpa=images/supermarket/catalog/F.jpg*/, '', 'Блузка 271 Поплин хаки полос. Полынь', 'Б271-1277'); active('active1','img1');" width='96' height='96' class='photo-material' /></td>
<td><div class='price'>
</div>
<div class='sostav'>72% ХЛОПОК <br>25% ПОЛИАМИД <br>3% ЭЛАСТАН</div></td>
</tr>
<tr>
<td><div class='sizecounttitle'>размер</div>
<div class='sizecounttitle'>количество</div></td>
<td><table border='0' cellspacing='2' cellpadding='0' class='sizetable'>
<tr>
<td>42</span></td><td>44</span></td><td>46</span></td><td>48</span></td><td>50</span></td>
</tr>
<tr>
<td><input type='text' id='size42-color15086' name='cart[42][15086][Б271-1277-42]' value='' maxlength='5' class='input-zakaz' /></td><td><input type='text' id='size44-color15086' name='cart[44][15086][Б271-1277-44]' value='' maxlength='5' class='input-zakaz' /></td><td><input type='text' id='size46-color15086' name='cart[46][15086][Б271-1277-46]' value='' maxlength='5' class='input-zakaz' /></td><td><input type='text' id='size48-color15086' name='cart[48][15086][Б271-1277-48]' value='' maxlength='5' class='input-zakaz' /></td><td><input type='text' id='size50-color15086' name='cart[50][15086][Б271-1277-50]' value='' maxlength='5' class='input-zakaz' /></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div class='unactive-tkan'>
<table border='0' cellspacing='0' cellpadding='0'>
<tr>
<td class='tkan-img'>
<img src="../images/supermarket/catalog/853.jpg" onclick="imgObj('../images/supermarket/catalog/B271-853.jpg'/*tpa=images/supermarket/catalog/B271-853.jpg*/, '', 'Блузка 271 Поплин белый полоска Люрекс', 'Б271-853'); active('active1','img1');" width='96' height='96' class='photo-material' /></td>
<td><div class='price'>
</div>
<div class='sostav'>63% ХЛОПОК <br>25% ПОЛИАМИД <br>8% ПОЛИЭСТЕР <br>4% ЭЛАСТАН</div></td>
</tr>
<tr>
<td><div class='sizecounttitle'>размер</div>
<div class='sizecounttitle'>количество</div></td>
<td><table border='0' cellspacing='2' cellpadding='0' class='sizetable'>
<tr>
<td>46</span></td><td>48</span></td><td>50</span></td>
</tr>
<tr>
<td><input type='text' id='size46-color15085' name='cart[46][15085][Б271-853-46]' value='' maxlength='5' class='input-zakaz' /></td><td><input type='text' id='size48-color15085' name='cart[48][15085][Б271-853-48]' value='' maxlength='5' class='input-zakaz' /></td><td><input type='text' id='size50-color15085' name='cart[50][15085][Б271-853-50]' value='' maxlength='5' class='input-zakaz' /></td>
</tr>
</table></td>
</tr>
</table>
</div>
</div>
</div>
</td>
</tr>
</table></form>
</div></td>
</tr>
</table>
</div>
</body>
</html>
Coordinates/index.htm
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Контакты</title>
<meta name=Description content="">
<meta name=Keywords content="">
<link href="../newstyle.css" rel="stylesheet" type="text/css" />
<link rel='stylesheet' type='text/css' href="../js/cloud-zoom.css" />
<script src="../js/jquery.min.js" ></script>
<script type='text/javascript' src="../js/jquery.innerfade.js" ></script>
<script language='JavaScript' src="../js/cloud-zoom.1.0.2.js" ></script>
<script language='JavaScript' src="../js/js.js" ></script>
<script >
counter = 0;
function moving(param2) {
if (param2 < 0) {++counter;}
if (param2 > 0) {--counter;}
if ((counter>=0) && (counter<=-1)) {
$('#moveable').animate({'top': '+='+param2+'px'}, 'fast');
}else {
if (param2 < 0) {--counter;}
if (param2 > 0) {++counter;}
}
}
</script>
</head>
<body>
<div id='opaco' class='hidden'></div>
<div id='logoblock'><table border='0' cellspacing='0' cellpadding='0'>
<tr>
<td bgcolor='#620556'><a href="../index.htm" ><img src="../newimages/logo.jpg" width='212' height='212' border='0' /></a></td>
<td bgcolor='#a09184'> <ul><li><a href="../about/index.htm" >О компании</a></li><li><a href="../collections/index.htm" >Коллекции</a></li><li><a href="../clients/salespoint/index.htm" >Клиентам</a></li><li><a href="../gostevaya-kniga/" >Гостевая книга</a></li><li><a href="../information/care/index.htm">Полезные советы</a></li><li class='active-menu'><a href="index.htm" >Контакты</a></li></ul><div id='search-block'>
</td>
</tr>
</table>
</div>
<div id='authorisation' class='hidden'>
</div>
<div id='authblock'><div id='top-phone'><span id='hotline'>КОНТАКТНЫЙ ТЕЛЕФОН</span><br>
<span id='phone'>8 4712 73-12-20</span><br />
<span id='alltime'></span></div>
<div>
</div>
<div id='login-registration'></div>
</div>
<div id='fotoframe-inner'><div id='main-img-img'><table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td valign='top' id='rotate-img-table'><ul id='main-img-img'><li><img src="../newimages/foto1-inner.jpg" width='1920'/></li></ul></td>
</tr>
</table></div>
</div>
<div id='content'>
<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td width='212'>
</td>
<td>
<div class='nc_list nc_text'><div class='nc_row'>
<h2>Склад оптовых продаж</h2>
<p>Адрес магазина, в котором Вы можете найти одежду «Вероника»: г. Курск, 2-рабочая д 7</p>
<p>Телефон: 8 4712 73-20-12</p>
<script language="javascript" type="text/javascript">
function submitbutton() {
var ne_vse = 0;
var form = document.getElementById("form1");
var arr = ["fio", "city", "email", "tel"];
for (var i = 0; i < arr.length; i++) {
var name = arr[i];
var val = document.getElementById(name).value;
var style = document.getElementById(name).style;
if (val == '') {
style.background = '#fcafaf';
style.border = '1px solid #E0DFE3';
ne_vse++;
}
}
if (ne_vse > 0) {
alert("Не все поля заполнены");
} else {
form.method='post';
form.action='apply.html';
form.submit();
}
}
</script>
<form id="form1">
<div class="field2"><br/>
<font style="font-size: 150%; color: #d12053;"><b>Запрос на получение прайса</b></font>
<p>Для получения нашего прайс-листа вам нужно заполнить форму, и мы вышлем вам его по электронной почте.</p>
<br/>
<table>
<tr>
<td class="tab_title" style="width:285px">ФИО</td>
<td class="tab_input"><input class="input_txt" style="width:250px" type="text" name="fio" id="fio" value=""></td>
</tr>
<tr>
<td class="tab_title" style="width:285px">Город</td>
<td class="tab_input"><input class="input_txt" style="width:250px" type="text" name="city" id="city" value=""></td>
</tr>
<tr>
<td class="tab_title" style="width:285px">E-mail</td>
<td class="tab_input"><input class="input_txt" style="width:250px" type="text" name="email" id="email" value=""></td>
</tr>
<tr>
<td class="tab_title" style="width:285px">Телефон</td>
<td class="tab_input"><input class="input_txt" style="width:250px" type="text" name="tel" id="tel" value=""></td>
</tr>
<tr>
<td> <button style="float:right;" onClick="submitbutton(); return false;">
<div >Отправить</div>
</button></td></tr>
</table>
</div>
<br />
</form>
<p> </p>
<table width="100%" cellspacing="1" cellpadding="2" border="0">
<tbody>
</tbody>
</table>
</p></div></div></td>
</tr>
</table>
</div>
</body>
</html>
