Разработка сайта для завода оконных систем

Анализ потребности в проекте создания сайта для завода оконных систем "Вертикаль", его основные цели. Сравнительные характеристики аналогичных продуктов. Требования к программному продукту и средствам защиты информации. Технология гипертекста - язык 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>&nbsp; </td>

</tr>

</table></td>

<td width="62%" valign="top" class="Form"><h1 align="center" class="style3"><strong>Деревянные и дерево-алюминиевые окна, двери, лестницы - это завод оконных систем &quot; Вертикаль&quot; </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="окно деревянное &quot; Бавария&quot; " 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">&nbsp; </td>

<td>&nbsp; </td>

<td>&nbsp; </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">&nbsp; </p>

<! - end #mainContent - -></div>

<div id="footer">

<p class="style3">Copyright © 2010 ЗАО &quot; Вертикаль&quot; 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">&nbsp; </td>

<td width="62%" height="143"><div align="center"><span class="styleName">ЗАВОД ОКОННЫХ СИСТЕМ<br />

&quot; ВЕРТИКАЛЬ&quot; </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>&nbsp; </td>

</tr>

</table></td>

<td width="900" valign="top" class="Form"><h1 align="center" class="style3"><strong>Деревянные и дерево-алюминиевые окна, двери, лестницы - это завод оконных систем &quot; Вертикаль&quot; </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">&nbsp; </p>

<p align="justify" class="style3">&nbsp; </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">&nbsp; </p>

<p class="style3">&nbsp; </p></td>

</tr>

</table>

<p align="justify" class="style3">&nbsp; </p>

<! - end #mainContent - -></div>

<div id="footer">

<p class="style3">Copyright © 2010 ЗАО &quot; Вертикаль&quot; 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">&nbsp; </td>

<td width="62%" height="143"><div align="center"><span class="styleName">ЗАВОД ОКОННЫХ СИСТЕМ<br />

&quot; ВЕРТИКАЛЬ&quot; </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>&nbsp; </td>

</tr>

</table></td>

<td width="62%"top" class="Form"><h1 align="center" class="style3"><strong>Деревянные и дерево-алюминиевые окна, двери, лестницы - это завод оконных систем &quot; Вертикаль&quot; </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">&nbsp; </td>

<td class="style4"><strong>Комерческий директор</strong><br />

<em>Васьковский Александр Михайлович<br />

</em> тел.: 224-28-35 </td>

</tr>

<tr>

<td height="70" class="style4">&nbsp; </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">&nbsp; </td>

</tr>

</table>

<p>&nbsp; </p>

<p>&nbsp; </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">&nbsp; </p>

<p class="style3">&nbsp; </p></td>

</tr>

</table>

<p align="justify" class="style3"><! - end #mainContent - ->

</p>

</div>

<div id="footer">

<p class="style3">Copyright © 2010 ЗАО &quot; Вертикаль&quot; 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

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.