Разработка сайта для завода оконных систем
Анализ потребности в проекте создания сайта для завода оконных систем "Вертикаль", его основные цели. Сравнительные характеристики аналогичных продуктов. Требования к программному продукту и средствам защиты информации. Технология гипертекста - язык HTML.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | дипломная работа |
Язык | русский |
Дата добавления | 06.07.2011 |
Размер файла | 527,7 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
</tr>
<tr>
<td class="styleNav"><a href="SderAl.html" target="_self">дерево-алюминиевые</a></td>
</tr>
<tr>
<td class="styleNav"><a href="Sist.html">исторического фонда</a></td>
</tr>
<tr>
<td class="style2">двери</td>
</tr>
<tr>
<td class="styleNav"><a href="SdvFaner.html" target="_self">фанерованные</a></td>
</tr>
<tr>
<td class="styleNav"><a href="SdvDer.html">деревянные</a></td>
</tr>
<tr>
<td class="style2"><a href="Slestn.html">лестницы</a></td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="62%" valign="top" class="Form"><h1 align="center" class="style3"><strong>Деревянные и дерево-алюминиевые окна, двери, лестницы - это завод оконных систем " Вертикаль" </strong></h1>
<blockquote>
<p align="left" class="style3"><strong>Деревянные окн</strong>а</p>
</blockquote>
<p align="justify" class="style3"><strong>Деревянные окна "Вертикаль-Бавария"</strong> - это сочетание натурального дерева и надежной немецкой поворотно-откидной фурнитуры, позволяющей с помощью одной ручки открывать створку в поворотной плоскости, а так же откидывать ее для проветривания. Окна серии "Вертикаль-Бавария" изготавливаются по немецкой технологии и имеют ширину коробки 78 мм. В деревянную коробку устанавливается створка со стеклопакетом. По желанию заказчика стеклопакет может быть однокамерным (4-12-4) или двухкамерным (4-15-4-15-4). Коробка и створки изготавливаются из карельской сосны или краснодарского дуба. </p>
<table width="100%" height="250 border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><img src=". /. /Pic/S11pic/oDer/Ug. Bav1. jpg" alt="окно деревянное " Бавария" " width="620" height="225" /></td>
</tr>
</table>
<table width="100%" height="230" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="33%" valign="bottom"><img src=". /. /Pic/S11pic/oDer/28. jpg" width="201" height="225" /></td>
<td width="33%" valign="bottom"><img src=". /. /Pic/S11pic/oDer/29. jpg" width="201" height="225" /></td>
<td width="33%" valign="bottom"><img src=". /. /Pic/S11pic/oDer/26. jpg" width="201" height="225" /></td>
</tr>
</table>
<p align="justify" class="style3"><strong>Деревянные окна "Вертикаль-Лапландия"</strong> - это изысканные окна из чистого дерева, произведенные по финской технологии. Энергосберегающая конструкция окон "Вертикаль-Лапландия" предусматривает широкую коробку (142мм) и две параллельные друг другу оконные створки. Во внутреннюю створку устанавливается однокамерный стеклопакет (4-12-4), а в наружную стекло 4 мм. Таким образом достигается эффект максимальной защиты от шума и холода, при одновременном вентилировании межрамного пространства свежим воздухом. Проветривание осуществляется с помощью форточек и фрамуги, а так же возможна установка клапана микро проветривания. <br />
</p>
<table width="100%" height="113" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="113"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td width="19%" valign="top" class="style3"><div align="center">
<p align="left">Наш телефон: <br />
(812) 335-06-07</p>
</div></td>
</tr>
</table>
<p align="justify" class="style3"> </p>
<! - end #mainContent - -></div>
<div id="footer">
<p class="style3">Copyright © 2010 ЗАО " Вертикаль" www.okna-vertical.ru</span></p>
<! - end #footer - -></div>
<! - end #container - -></div>
</body>
</html>
Листинг формы "Галерея"
<body class="Form">
<div id="container">
<div id="header">
<table width="100%" height="228" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="19%" height="60" rowspan="3"> </td>
<td width="62%" height="143"><div align="center"><span class="styleName">ЗАВОД ОКОННЫХ СИСТЕМ<br />
" ВЕРТИКАЛЬ" </span></div> </td>
<td width="19%" rowspan="3" valign="top"><div align="center"><img src=". /. /Pic/S11/LogoUp1. jpg" width="201" height="230" /></div></td>
</tr>
<tr>
<td height="40"><div align="center"><span class="style2"><a href="Smain.html" target="_self">главная</a> | <a href="Ssert.html" target="_self">сертификаты</a> | <a href="Sist.html" target="_self">история</a> | <a href="Sgal.html">галерея </a>| <a href="Svak.html" target="_self">вакансии</a></span></div></td>
</tr>
<tr>
<td height="40"><div align="center"><span class="style2"><a href="Skont.html" target="_self">контакты</a>| <a href="Svopr.html" target="_self">вопросы специалистам</a></span></div></td>
</tr>
</table>
</td>
</tr>
</table>
<! - end #header - -></div>
<div id="mainContent">
<table width="100%" height="352" border="0" cellpadding="5" cellspacing="15">
<tr>
<td width="19%" height="322" valign="top"><table width="93%" height="303" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="50" class="styleName">Каталог продукции</td>
</tr>
<tr>
<td class="style2">окна</td>
</tr>
<tr>
<td class="styleNav"><a href="SokMet.html" target="_self">металлопластиковые</a></td>
</tr>
<tr>
<td class="styleNav"><a href="SokDer.html" target="_self">деревянные</a></td>
</tr>
<tr>
<td class="styleNav"><a href="SderAl.html" target="_self">дерево-алюминиевые</a></td>
</tr>
<tr>
<td class="styleNav"><a href="Sist.html">исторического фонда</a></td>
</tr>
<tr>
<td class="style2">двери</td>
</tr>
<tr>
<td class="styleNav"><a href="SdvFaner.html" target="_self">фанерованные</a></td>
</tr>
<tr>
<td class="styleNav"><a href="SdvDer.html">деревянные</a></td>
</tr>
<tr>
<td class="style2"><a href="Slestn.html">лестницы</a></td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="900" valign="top" class="Form"><h1 align="center" class="style3"><strong>Деревянные и дерево-алюминиевые окна, двери, лестницы - это завод оконных систем " Вертикаль" </strong></h1>
<blockquote>
<p align="justify" class="style3"><strong>Галерея</strong></p>
</blockquote>
<table width="100%" height="850" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="33%" height="200" valign="middle"><div align="center"><img src=". /. /Pic/S11pic/Gal/1. jpg" width="218" height="190" /></div></td>
<td width="33%" valign="middle"><div align="center"><img src=". /. /Pic/S11pic/Gal/2. jpg" width="218" height="190" /></div></td>
<td width="33%" valign="middle"><div align="center"><img src=". /. /Pic/S11pic/Gal/3. jpg" width="218" height="190" /></div></td>
</tr>
<tr>
<td height="200" valign="middle"><div align="center"><img src=". /. /Pic/S11pic/Gal/4. jpg" width="218" height="190" /></div></td>
<td valign="middle"><div align="center"><img src=". /. /Pic/S11pic/Gal/5. jpg" width="218" height="190" /></div></td>
<td valign="middle"><div align="center"><img src=". /. /Pic/S11pic/Gal/6. jpg" width="218" height="190" /></div></td>
</tr>
<tr>
<td height="200" align="center" valign="middle"><div align="center"><img src=". /. /Pic/S11pic/Gal/7. jpg" width="218" height="190" /></div></td>
<td align="center" valign="middle"><div align="center"><img src=". /. /Pic/S11pic/Gal/8. jpg" width="218" height="190" /></div></td>
<td align="center" valign="middle"><div align="center"><img src=". /. /Pic/S11pic/Gal/9. jpg" width="218" height="190" /></div></td>
</tr>
<tr>
<td height="200" align="center" valign="middle"><div align="center"><img src=". /. /Pic/S11pic/Gal/10. jpg" width="218" height="190" /></div></td>
<td align="center" valign="middle"><div align="center"><img src=". /. /Pic/S11pic/Gal/11. jpg" width="218" height="190" /></div></td>
<td align="center" valign="middle"><div align="center"><img src=". /. /Pic/S11pic/Gal/12. jpg" width="218" height="190" /></div></td>
</tr>
</table>
<p align="justify" class="style3"> </p>
<p align="justify" class="style3"> </p></td>
<td width="16%" valign="top"><table width="200" height="54" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><span class="style3">Наш телефон: <br />
(812) 335-06-07</span></td>
</tr>
</table>
<p class="style3"> </p>
<p class="style3"> </p></td>
</tr>
</table>
<p align="justify" class="style3"> </p>
<! - end #mainContent - -></div>
<div id="footer">
<p class="style3">Copyright © 2010 ЗАО " Вертикаль" www.okna-vertical.ru</span></p>
<! - end #footer - -></div>
<! - end #container - -></div>
</body>
</html>
Листинг формы "Контакты"
<script type="text/javascript">
<! - -
function MM_swapImgRestore () { // v3.0
var i,x,a=document. MM_sr; for (i=0; a&&i<a. length&& (x=a [i]) &&x. oSrc; i++) x. src=x. oSrc;
}
function MM_preloadImages () { // v3.0
var d=document; if (d. images) { if (! d. MM_p) d. MM_p=new Array ();
var i,j=d. MM_p. length,a=MM_preloadImages. arguments; for (i=0; i<a. length; i++)
if (a [i]. indexOf ("#")! =0) { d. MM_p [j] =new Image; d. MM_p [j++]. src=a [i]; }}
}
function MM_findObj (n, d) { // v4.01
var p, i,x; if (! d) d=document; if ( (p=n. indexOf ("?")) >0&&parent. frames. length) {
d=parent. frames [n. substring (p+1)]. document; n=n. substring (0,p); }
if (! (x=d [n]) &&d. all) x=d. all [n]; for (i=0;! x&&i<d. forms. length; i++) x=d. forms [i] [n];
for (i=0;! x&&d. layers&&i<d. layers. length; i++) x=MM_findObj (n,d. layers [i]. document);
if (! x && d. getElementById) x=d. getElementById (n); return x;
}
function MM_swapImage () { // v3.0
var i,j=0,x,a=MM_swapImage. arguments; document. MM_sr=new Array; for (i=0; i< (a. length-2); i+=3)
if ( (x=MM_findObj (a [i]))! =null) {document. MM_sr [j++] =x; if (! x. oSrc) x. oSrc=x. src; x. src=a [i+2]; }
}
// -->
</script>
</head>
<body class="Form" onload="MM_preloadImages ('. /Pic/S11pic/Kont/Minus. jpg')">
<div id="container">
<div id="header">
<table width="100%" height="228" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="19%" height="60" rowspan="3"> </td>
<td width="62%" height="143"><div align="center"><span class="styleName">ЗАВОД ОКОННЫХ СИСТЕМ<br />
" ВЕРТИКАЛЬ" </span></div> </td>
<td width="19%" rowspan="3" valign="top"><div align="left"><img src=". /. /Pic/S11/LogoUp1. jpg" width="201" height="230" /></div></td>
</tr>
<tr>
<td height="40"><div align="center"><span class="style2"><a href="Smain.html" target="_self">главная</a> | <a href="Ssert.html" target="_self">сертификаты</a> | <a href="Sist.html" target="_self">история</a> | <a href="Sgal.html">галерея </a>| <a href="Svak.html" target="_self">вакансии</a></span></div></td>
</tr>
<tr>
<td height="40"><div align="center"><span class="style2"><a href="Skont.html" target="_self">контакты</a>| <a href="Svopr.html" target="_self">вопросы специалистам</a></span></div></td>
</tr>
</table>
</td>
</tr>
</table>
<! - end #header - -></div>
<div id="mainContent">
<table width="100%" height="352" border="0" cellpadding="5" cellspacing="15">
<tr>
<td width="19%" height="322" valign="top"><table width="93%" height="303" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="50" class="styleName">Каталог продукции</td>
</tr>
<tr>
<td class="style2">окна</td>
</tr>
<tr>
<td class="styleNav"><a href="SokMet.html" target="_self">металлопластиковые</a></td>
</tr>
<tr>
<td class="styleNav"><a href="SokDer.html" target="_self">деревянные</a></td>
</tr>
<tr>
<td class="styleNav"><a href="SderAl.html" target="_self">дерево-алюминиевые</a></td>
</tr>
<tr>
<td class="styleNav"><a href="Sist.html">исторического фонда</a></td>
</tr>
<tr>
<td class="style2">двери</td>
</tr>
<tr>
<td class="styleNav"><a href="SdvFaner.html" target="_self">фанерованные</a></td>
</tr>
<tr>
<td class="styleNav"><a href="SdvDer.html">деревянные</a></td>
</tr>
<tr>
<td class="style2"><a href="Slestn.html">лестницы</a></td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="62%"top" class="Form"><h1 align="center" class="style3"><strong>Деревянные и дерево-алюминиевые окна, двери, лестницы - это завод оконных систем " Вертикаль" </strong></h1>
<blockquote>
<p align="justify" class="style3"><strong>Контакты</strong></p>
</blockquote>
<table width="600" height="302" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="285" height="55" class="style4"><p class="style4">195027, Санкт-Петербург, ул. Якорная, д.10 </p></td>
<td width="318" class="style4"><strong>Отдел корпоративных продаж</strong><br />
тел.: 224-42-16, 224-28-64<br />
тел. /факс: 224-42-93 </td>
</tr>
<tr>
<td height="55" class="style4">тел.: +7 (812) 224-28-35 <br />
тел. /факс: +7 (812) 224-42-93 </td>
<td class="style4"><strong>Управляющий</strong><br />
Скрипачев Евгений Олегович<br />
тел.: 224-28-35 </td>
</tr>
<tr>
<td height="55 class="style4="style4""><span class="style4">e-mail: info@vertical. lsrgroup.ru<br />
http://www.okna-vertical.ru</span></td>
<td class="style4"><strong>Финансовый директор<br />
</strong>Терещенко Артем Юрьевич <br />
тел.: 224-12-08 </td>
</tr>
<tr>
<td height="55" class="style4"> </td>
<td class="style4"><strong>Комерческий директор</strong><br />
<em>Васьковский Александр Михайлович<br />
</em> тел.: 224-28-35 </td>
</tr>
<tr>
<td height="70" class="style4"> </td>
<td class="style4"><strong>Помощник упраляющего по качеству</strong><br />
<em>Вольвач Мария Владимировна</em> <br />
тел.: 224-44-84 </td>
</tr>
</table>
<table width="35%" height="404" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="446" rowspan="7" valign="top"><img src=". /Pic/S11pic/Kont/Map1. jpg" width="444" height="398" /></td>
<td width="59" height="78" valign="top"><a href="Skont2.html" onmouseout="MM_swapImgRestore ()" onmouseover="MM_swapImage ('Image1','','. /Pic/S11pic/Kont/Minus. jpg',1)"><img src=". /Pic/S11pic/Kont/plus. jpg" alt="увеличить карту" name="Image1" width="43" height="43" border="0" id="Image1" /></a></td>
</tr>
<tr>
<td height="50"> </td>
</tr>
</table>
<p> </p>
<p> </p></td>
<td width="19%" valign="top"><table width="200" height="52" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><span class="style3">Наш телефон: <br />
(812) 335-06-07</span></td>
</tr>
</table>
<p class="style3"> </p>
<p class="style3"> </p></td>
</tr>
</table>
<p align="justify" class="style3"><! - end #mainContent - ->
</p>
</div>
<div id="footer">
<p class="style3">Copyright © 2010 ЗАО " Вертикаль" www.okna-vertical.ru</span></p>
<! - end #footer - -></div>
<! - end #container - -></div>
</body>
</html>
Размещено на Allbest.ru
Подобные документы
Специальные разметочные указатели (теги) языка HTML. Основные правила написания тегов. Структура HTML-файлов. Внесение изменений и способы обновления Web-сайта. Необходимые атрибуты для создания на Web-странице бегущей строки и вставки рисунков.
презентация [439,3 K], добавлен 29.01.2014Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.
методичка [1,9 M], добавлен 06.07.2011Понятие и виды Web-технологии. Технология HTML, JAVA, SSI, CSS, РНР, ASP, VBScript, Macromedia Flash, DHTML, XHTML и XML. Иерархическая структура сайта. Текстовое описание разделов. Требования к функциональным возможностям сайта. Модуль вывода новостей.
курсовая работа [49,6 K], добавлен 16.05.2011Программы по созданию web-сайта. Создание web-сайта при помощи Microsoft Office Publisher. Основы языка HTML, его структура. Методы форматирования гипертекста. Технология создания сайта "Рязанская область" с помощью программы Microsoft Office Publisher.
курсовая работа [54,2 K], добавлен 29.05.2012Язык маркировки гипертекстов HTML, основа создания web-страниц. История спецификаций, каскадные таблицы стилей CSS. Способы определения таблиц стилей (стилевого шаблона). Язык подготовки сценариев JavaScript, его использование. Программный код web сайта.
курсовая работа [26,9 K], добавлен 05.07.2009Практическая значимость создания сайта. Язык программирования JavaScript. Основные области использования языка JavaScript при создании интерактивных HTML-страниц. Язык программирования PHP. Программная основа сайта. Создание оформления дизайна сайта.
дипломная работа [1,1 M], добавлен 05.03.2013Особенности программирования на языке HTML и JavaScript. Основные стили форматирования текста. Анализ основных приемов и методов создания страниц, рисунков, таблиц и гиперссылок. Основные цвета и их коды. Разработка собственного сайта и его презентация.
курсовая работа [61,3 K], добавлен 29.01.2016Язык разметки гипертекстовых страниц HTML. Обеспечение доступности Web-страницы, представление текста и графики. Основные правила и этапы создания сайта, выбор структуры страницы. Оценка экономической целесообразности использования HTML-редакторов.
дипломная работа [86,7 K], добавлен 25.03.2013Создание информационного web-сайта для любителей рыбалки, позволяющего получить необходимую информацию. Требования к программе или программному продукту. Стадии и этапы разработки. Программное обеспечение, рекомендуемое для функционирования программы.
дипломная работа [7,9 M], добавлен 18.03.2012Сравнение языка Php с другими языками программирования web-приложений. Язык разметки гипертекстовых страниц Html. Технология Macromedia Flash, её преимущества и недостатки. Этапы создания флеш-сайта, руководство пользователя и листинг программы.
дипломная работа [2,3 M], добавлен 04.10.2013