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;

}

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

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

Разработка конструкции линейного коммутатора
Радиоэлектронная аппаратура (РЭА), в основу функционирования которой положены принципы электроники, строится на базе электронных компонентов различного назначения (микросхем, резисторов, ...

Применение МПК в системах передачи информации
Каждое из трех предшествующих столетий ознаменовалось появлением какой-то технологии, развитие которой определяло прогресс в этом столетии. 18 век - механические системы, 19 - паровые ма ...

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

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