При разработке макета сайта была использована HTML и CSS верстка, примеры которой можно увидеть ниже:
HTML - код сайта
<?_START();_once('connect.php');(!isset($_SESSION['autorized']))
{
?>
<html>
<head>
<title>Electronix Store</title>
<META http=equiv="Content-Type" content="text/html;charset=windows-
1251">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="main_container">
<div class="top_bar">
<div class="top_search">
<form name="form1" method="POST" action="find.php">
<div class="search_text">Поиск</a></div>
<input type="text" name="search" />
<input type="submit" src="images/books/465/search.gif" name='find' value='search'/>
</form>
</div>
<div id="header">
<div id="logo"> <a href="index.php"><img src="images/books/465/logo.png" alt=""
border="0" width="237" height="140" /></a> </div>
<div class="oferte_content">
<div class="top_divider"><img src="images/books/465/header_divider.png" alt=""
width="1" height="164" /></div>
<div class="oferta">
</div>
</div>
<!-- end of oferte_content-->
</div>
<div id="main_content">
<div id="menu_tab">
<div class="left_menu_corner"></div>
<ul class="menu">
<li><a href="index.php" class="nav1"> Главная</a></li>
<li class="divider"></li>
<li><a href="login.php" class="nav2">Авторизация</a></li>
<li class="divider"></li>
<li><a href="regist.php" class="nav3">Регистрация</a></li>
<li class="divider"></li>
<li><a href="tovars.php" class="nav5">Прайс-лист</a></li>
<li class="divider"></li>
<li><a href="mail_index.php" class="nav4">Сообщение</a></li>
<li class="divider"></li>
</ul>
<div class="right_menu_corner"></div>
</div>
…
При разработке HTML - основы были использованы таблицы стилей, которые дают возможность оформления и корректировки графических элементов, текста и т.д. Данные таблицы подразумевают наличие блоков (дивов), для вставки в HTML - код, для его корректировки.
Пример CSS
body
{:url(images/books/465/bg.jpg) no-repeat #fff center top;:0;family:Arial, Helvetica, sans-serif;size:11px;:0px auto auto auto;:#000;
}{:2px;:0px;
}
#main_container{:1000px;:auto;:auto;:0px;
}
.top_bar{:1000px;:38px;color:#4a4a4a;
}
.top_search{:370px;:32px;:0px 20px 0 0;
_margin:0px 10px 0 0;:right;:url(images/books/465/top_search_bg.gif) no-repeat center;
}
…
Читайте также
Проектирование цифрового устройства для реализации типовых микроопераций
Разработать функциональную и принципиальную схему операционного
устройства исходя из основных параметров по вариантам.
Также требуется предоставить блок схемы алгоритмов выполнения опе ...
Проектирование усилителя напряжения
Прежде чем начать рассчитывать усилитель, выберем некоторые его элементы
и условия моделирования.
В качестве транзисторов будем использовать нашедшие широкое применение в
прак ...
Применение системы автоматического проектирования на ИП Суслова
Почти
все крупные предприятия используют в своей работе возможности компьютерной
техники, в частности CAD, CAM, САЕ технологии, т.к. они предоставляют ряд
преимуществ, таких как ...