При разработке макета сайта была использована 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;
}
…
Читайте также
Оценка производительности каналов и мониторинг корпоративной сети
В последнее время всё чаще документооборот и передача корпоративной
информации совершается в электронном виде тем или иным способом. Для этого уже
существует множество протоколов и метод ...
Проектирование цифрового устройства для реализации типовых микроопераций
Разработать функциональную и принципиальную схему операционного
устройства исходя из основных параметров по вариантам.
Также требуется предоставить блок схемы алгоритмов выполнения опе ...
Проект участка сети доступа по технологии PON г. Новосибирска
Современное
общество - информационное общество. Жизнь и деятельность человека неразрывно
связана с информацией, ее хранением, передачей и обработкой, Объем данных
передаваемых по канала ...