- •Содержание
- •Введение
- •1 Разработка логической структуры веб-сайта
- •2 Разработка физической структуры веб-сайта
- •3 Разработка дизайна и оформления для веб-страницы
- •4 Верстка макета веб-страницы
- •5 Разработка скриптов для создания динамической страницы
- •Заключение
- •Список использованной литературы
- •Приложение а.Текст программы
Приложение а.Текст программы
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="free templates, website templates, CSS, HTML" />
<meta name="description" content="free website template provided by Ftemplate.ru" />
<link href="CSS.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1> <div align="center">Company of TOO "Ihsan Connect"</div></h1>
<div id="templateo_container">
<div id="templatemo_top_panel">
<div id="site_logo">
<a href="#"><img src="images/templatemo_logo.jpg" alt="Site Title" /></a>
</div>
<!-- OR if you want to use text site title, use below codes -->
<!--
<div id="site_title">
<a href="#">Company Name
<span>your company slogan goes here</span>
</a>
</div>
-->
<div id="header_menu_section">
<div class="header_menu home_menu">
<a href="#"></a>
</div>
<div class="header_menu contact_menu">
<a href="#"></a>
</div>
</div><!-- end of header mneu section -->
<div class="cleaner"></div>
</div> <!-- end of top panel -->
<div id="templatemo_menu_banner_panel">
<div id="templatemo_menu_wrapper">
<div id="templatemo_menu">
<ul>
<li><a href="Index2.html">Услуги</a></li>
<li><a href="http://stiltech.ru/" target="_parent">Цены</a></li>
<li><a href="Servises.html">Сервер</a></li>
<li class="last"><a href="Index4.html">Контакты</a></li>
</ul>
</div> <!-- end of menu -->
</div> <!-- end of menu wrapper -->
<div id="templatemo_banner">
<div class="header_02">
<p><strong>Абонентское обслуживание компьютеров </strong></p>
<p><strong>организаций TOO "Ihsan Connect ".</strong></p>
</div>
<p>Абонентское обслуживание компьютеров организаций, и локальных вычислительных сетей является нашим делом более 2 лет. Для наших клиентов ценна работа всего бизнеса в целом, а не конкретных устройств. Поэтому цель нашей работы - обеспечение функционирования бизнес процессов заказчика, с минимальными простоями по части компьютерной техники.<a href="#">Read more...</a></p>
</div> <!-- end of banner -->
<div class="cleaner"> </div>
</div> <!-- end of menu & banner panel -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<div id="templatemo_side_column">
<h2> <strong>Установим</strong></h2>
<div class="side_column_content">
<div class="news_section">
<div class="news_date">OCT 22, 2015</div>
<div class="news_title">Установка windows и программ, настройка электронной почты, локальной сети, доступа в интернет.</div>
</div>
<div class="news_section">
<div class="news_date">OCT 19, 2015</div>
<div class="news_title">Починим</div>
<p>Ремонт компьютерной техники, как в случае аппаратного, так и программного сбоя. <a href="#">Read more</a></p>
</div>
<div class="news_section">
<div class="news_date">nov 15, 2015</div>
<div class="news_title">Подключим</div>
<p>Периферийную технику, настроим локальные и сетевые принтеры, МФУ и прочее компьютерное оборудование. <a href="#">Read more</a></p>
</div>
<div class="button_01">
<h3><a href="#" class="margin_right_40"><strong>Start</strong></a></h3>
</div>
</div>
<div class="margin_bottom_40"></div>
<div class="header_01">Поддержка</div>
<div class="side_column_content">
<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
</div>
</div> <!-- end of side column -->
<div id="templatemo_main_content_column">
<div class="header_01"><strong>Обслуживание компьютеров</strong></div>
<div class="section_w600">
<img src="Img/R2.jpg" alt="image" height="234" class="fl_image" />
<p class="em_text">Как работает обслуживание компьютеров
При заключении договора на абонентское обслуживание компьютеров действуем по следующему алгоритму:<a href="http://www.smashingmagazine.com" target="_blank">Smashing Magazine</a> for icons.</p>
<p> <strong>Аудит ИТ системы заказчика</strong> После заключения договора проводится аудит и составляется подробная документация с указанием конфигураций компьютеров, оборудования, установленных программ, лицензий на ПО, настроек пользователей, настроек почты, настроек принтеров.</p>
<div class="cleaner"></div>
</div>
<div class="margin_bottom_30"></div>
<div class="section_w280 fl margin_right_40">
<div class="header_01"><strong>Безопасность</strong></div>
<div class="section_w280_content">
<p>Антивирусная защита (настройка, мониторинг, лечение вирусов), а так-же резервное копирование и восстановление при внештатных ситуациях.</p>
<div class="margin_bottom_20"></div>
<div class="button_01"><a href="#">Read All</a></div>
</div>
</div>
<div class="section_w280 fl">
<div class="header_01"><strong><a href="http://stiltech.ru/index.php/home/tehobsl" title="Обслуживание и настройка компьютеров" class="section_w280">Ремонт компьютеров</a></strong></div>
<div class="section_w280_content">
<img src="Img/R3.jpg" alt="image" width="227" height="125" />
<p>В цену договора включены работы по переустановке компьютеров, подключению новых рабочих мест и работы по поддержанию работоспособности компьютерной техники</p>
</div>
</div>
<div class="cleaner"></div>
</div> <!-- end of main content column -->
<div class="cleaner"></div>
</div> <!-- end of content -->
</div> <!-- end of content wrapper -->
<div id="templatemo_footer">
© 2015 <a href="#">Компания TOO "Ihsan Connect ".</a> | <a href="http://www.Ftemplate.ru" target="_parent">
Компания техобслуживания</a>
</div> <!-- end of footer -->
</div> <!-- end of container -->
</body>
</html>
<body>
</body>
</html>
Приложение Б. Скриншоты сайта.
