CSS верстка

При разработке макета сайта была использована 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;

}

Читайте также

Разработка макета для исследования металлических проводниковых материалов
Автоматизация производства процесс в развитии машинного производства, при котором часть или весь комплекс операций по качественному преобразованию состояния исходного сырья, управлению ...

Оборудование станции Круговец линейным комплектом ДЦ Неман
На современном этапе развития железнодорожного транспорта все более значимую роль занимают системы с применением микропроцессорной техники. В настоящее время разрабатываются и вводятся в ...

Основы телефонной коммутации
История освоения направления телекоммуникационного оборудования началась в далеком 1992г., когда на развалинах Советского Союза небольшая группа инженеров-энтузиастов во главе с будущим ...

Основные разделы

Все права защищены! (с)2019 - www.generallytech.ru