Смекни!
smekni.com
Информатика и программирование

Створення веб-сайту для електронного магазину (стр. 2 из 4)

Header – шапка сайту з логотипом та горизонтальним меню.

Код:

<?php include ("db.php");?>

<div class="art-header">

<div class="art-header-png"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

<title>logo</title>

</script>

</head>

<body bgcolor="#ffffff">

<!--url's used in the movie-->

<!--text used in the movie-->

<!-- saved from url=(0013)about:internet -->

<script language="JavaScript" type="text/javascript">

AC_FL_RunContent(

'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',

'width', '1050',

'height', '250',

'src', 'logo',

'quality', 'high',

'pluginspage', 'http://www.adobe.com/go/getflashplayer',

'align', 'middle',

'play', 'true',

'loop', 'true',

'scale', 'showall',

'wmode', 'window',

'devicefont', 'false',

'id', 'logo',

'bgcolor', '#ffffff',

'name', 'logo',

'menu', 'true',

'allowFullScreen', 'false',

'allowScriptAccess','sameDomain',

'movie', 'logo',

'salign', ''

); //end AC code

</script>

<noscript>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="1050" height="250" id="Untitled-11111111" align="middle">

<param name="allowScriptAccess" value="sameDomain" />

<param name="allowFullScreen" value="false" />

<param name="movie" value="logo.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="logo.swf" quality="high" bgcolor="#ffffff" width="1050" height="250" name="logo" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />

</object>

</noscript>

</body>

</html>

</div>

<div class="art-header-jpeg"></div>

</div>

<div class="art-nav">

<div class="l"></div>

<div class="r"></div>

<ul class="art-menu">

<li>

<a href="index.php" class="active"><span class="l"></span><span class="r"></span><span class="t">Головна</span></a>

</li>

<li>

<a href="catalog.php"><span class="l"></span><span class="r"></span><span class="t">Товари</span></a>

<ul>

<li><a href="products.php">Продукти</a>

<ul>

<?php

$result = mysql_query("SELECT * FROM submenu WHERE cat='1'") or die (mysql_error());

while ($myrow = mysql_fetch_array($result)) {

?>

<li><a href="tovary.php?sub=<?php echo $myrow['id'];?>"><?php echo $myrow['title']; ?></a> </li>

<?php }?>

</ul> </li>

<li><a href="chemy.php">Побутова хімія</a>

<ul>

<?php

$result1 = mysql_query("SELECT * FROM submenu WHERE cat='2'") or die (mysql_error());

while ($myrow1 = mysql_fetch_array($result1)) {

?>

<li><a href="tovary.php?sub=<?php echo $myrow1['id'];?>"><?php echo $myrow1['title']; ?></a></li>

<?php }?>

</ul></li>

<li><a href="order.php">Замовити</a>

</li>

</ul>

</li>

<li><a href="price.php"><span class="l"></span><span class="r"></span><span class="t">Прайс</span></a> </li>

</ul>

</div>

Leftbar – ліва колонка сайту, в якій знаходиться вертикальне меню, та реклама (банери)

<div class="art-layout-cell art-sidebar1">

<div class="art-vmenublock">

<div class="art-vmenublock-body">

<div class="art-vmenublockheader">

<div class="l"></div>

<div class="r"></div><div class="t">Навігація</div></div>

<div class="art-vmenublockcontent">

<div class="art-vmenublockcontent-body">

<ul class="art-vmenu"><li>

<a href="index.php"><span class="l"></span><span class="r"></span><span class="t">Головна</span></a></li></ul>

<ul class="art-vmenu">

<li><a href="products.php"><span class="l"></span><span class="r"></span><span class="t">Продукти</span></a> </li></ul>

<ul class="art-vvmenu"><?php

$result = mysql_query("SELECT * FROM submenu WHERE cat='1'") or die (mysql_error());

while ($myrow = mysql_fetch_array($result)) {?>

<li><a href="tovary.php?sub=<?php echo $myrow['id'];?>"><span class="l"></span><span class="r"></span><span class="t"><?php echo $myrow['title']; ?></span></a> </li><?php }?> </ul>

<ul class="art-vmenu">

<li><a href="chemy.php"><span class="l"></span><span class="r"></span><span class="t">Побутова хімія</span></a> </li></ul><ul class="art-vvmenu"><?php

$result1 = mysql_query("SELECT * FROM submenu WHERE cat='2'") or die (mysql_error());

while ($myrow1 = mysql_fetch_array($result1)) {?>

<li><a href="tovary.php?sub=<?php echo $myrow1['id'];?>"><span class="l"></span><span class="r"></span><span class="t"><?php echo $myrow1['title']; ?></span></a></li>

<?php }?> </ul>

<ul class="art-vmenu">

<li><a href="order.php"><span class="l"></span><span class="r"></span><span class="t">Замовити</span></a></li></ul>

<div class="cleared"></div></div></div>

<div class="cleared"></div></div></div>

<div class="art-vmenublock">

<div class="art-vmenublock-body">

<div class="art-vmenublockheader">

<div class="l"></div>

<div class="r"></div>

<div class="t">Банери:</div>

</div>

<div class="art-vmenublockcontent">

<div class="art-vmenublockcontent-body">

<script language="JavaScript" type="text/javascript">

AC_FL_RunContent(

'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',

'width', '200',

'height', '400',

'src', 'ban',

'quality', 'high',

'pluginspage', 'http://www.adobe.com/go/getflashplayer',

'align', 'middle',

'play', 'true',

'loop', 'true',

'scale', 'showall',

'wmode', 'window',

'devicefont', 'false',

'id', 'ban',

'bgcolor', '#ffffff',

'name', 'ban',

'menu', 'true',

'allowFullScreen', 'false',

'allowScriptAccess','sameDomain',

'movie', 'ban',

'salign', ''

); //end AC code

</script>

<noscript>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="200" height="400" id="ban" align="middle">

<param name="allowScriptAccess" value="sameDomain" />

<param name="allowFullScreen" value="false" />

<param name="movie" value="ban.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="ban.swf" quality="high" bgcolor="#ffffff" width="200" height="400" name="ban" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />

</object>

</noscript>

<div class="cleared"></div>

</div>

</div>

<div class="cleared"></div>

</div>

</div>

</div>

Rightbar – права колонка сайту, в якій знаходиться контактна інформація, та інформер, який показує нову продукцію сайту.


<div class="art-layout-cell art-sidebar2">

<div class="art-block">

<div class="art-block-body">

<div class="art-blockheader">

<div class="l"></div>

<div class="r"></div>

<div class="t">Контактна інформація</div>

</div>

<div class="art-blockcontent">

<div class="art-blockcontent-body">

<!-- block-content -->

<div>

<img src="images/contact.jpg" alt="an image" style="margin: 0 auto;display:block;width:95%" />

<br />

<b>It products.</b><br />

Львів<br />Email: <a href="mailto:info@company.com">info@company.com</a><br/><br />

Телефон: (123) 456-7890 <br />

Fax: (123) 456-7890</div>

<div class="art-blockheader">

<div class="l"></div>

<div class="r"></div>

<div class="t">Новинки:</div></div><div><img

<?php $result = mysql_query("SELECT * FROM products ORDER BY id DESC LIMIT 5 ") or die(mysql_error());

while ($myrow = mysql_fetch_array($result)){ ?><div>

<center> <h4><?php echo $myrow['title'];?></h4> </center> </div>

<img src="<?php echo $myrow['img'];?>" alt="an image" width="20px" height="120px" style="margin: 0 auto;display:block;width:95%" class="image"/>

<center><b><?php echo $myrow['price'];?></b></center><br />

<?php }?></div>

<!-- /block-content -->

<div class="cleared"></div></div></div>

<div class="cleared"></div></div></div></div>

Footer – Нижня частина сайту, на якій розміщена інформація про розробника сайту, та дату створення сайту і права сайту.

<div class="art-footer">

<div class="art-footer-t"></div>

<div class="art-footer-l"></div>

<div class="art-footer-b"></div>

<div class="art-footer-r"></div>

<div class="art-footer-body">

<a href="#" class="art-rss-tag-icon" title="RSS"></a>

<div class="art-footer-text">

<!-- <p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>

| <a href="#">Privacy Statement</a><br />-->

<p> Copyright bu Bogdan Dubyk 2011. Всі права захищені.</p>

</div>

<div class="cleared"></div>

</div>

</div>

Сайт складається з таких сторінок: index.php, tovary.php, catalog.php, details.php.

index.php , order.php– головна сторінка сайту.

Index.php– головна сторінка , на якій розміщені категорії товарів.


PHP – код, головної сторінки, а саме виводу категорій:

<?php $result = mysql_query("SELECT * FROM categories WHERE id='1'") or die (mysql_error());

if (mysql_num_rows($result)!= 0){

?>

<?php if($myrow = mysql_fetch_array($result)) { ?>

<div class="art-layout-cell">

<div class="overview-table-inner">

<h4><?php echo $myrow['title']?> </h4>

<img src="<?php echo $myrow['img']?>" width="125px" height="125px" alt="an image" class="image" />

<p><?php echo $myrow['description']?></p>

<span class="art-button-wrapper">

<span class="l"> </span>

<span class="r"> </span>

<a class="art-button" href="products.php">Переглянути...</a>

</span>

</div>

</div><!-- end cell -->

<?php }

}else {echo "Немає записів в БД";} ?>

<?php $result = mysql_query("SELECT * FROM categories WHERE id='2'") or die (mysql_error());

if (mysql_num_rows($result)!= 0){

?>

<?php if($myrow = mysql_fetch_array($result)) { ?>

<div class="art-layout-cell">

<div class="overview-table-inner">

<h4><?php echo $myrow['title']?> </h4>

<img src="<?php echo $myrow['img']?>" width="125px" height="125px" alt="an image" class="image" />

 
назад
читать дальше
1
2
3
4
НАПИШИТЕ НАМ
Copyright © Smekni.com. All rigths reserved.