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;

}

…

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

Организация связи по оптическому кабелю магистрали Коченево-Мамонтово
Телекоммуникации являются основой развития общества. Постоянно растущий спрос, как на обычные телефонные, так и на новые виды услуг связи, включая услуги Интернет, предъявляет новые тре ...

Обучающая подсистема для лабораторного исследования характеристик замкнутых САУ в среде интернет
В последние десятилетия в зарубежных системах образования произошли существенные изменения, обусловленные бурным развитием научно-технического прогресса и его воздейст ...

Основные принципы и задачи по организации технической эксплуатации ВОЛП
Техническую эксплуатацию линейно-кабельных сооружений магистральной и внутризоновых первичных сетей Российской Федерации организуют Минсвязи РФ и центры технической эксплуатации в соотв ...

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

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