РНР бағдарламасын пайдаланып динамикалық элементтерді құру

  <DIV class=menus-item1   style=CURSOR: hand onmouseout="this.id ='' ;" onmouseover="this.id = 'menus_hover';">&nbsp;<img src="/kulager/img/1010.gif">О  нас</DIV></A>    

<A class=menus href="<? echo $PHP_SELF; ?>?razdel=foto_galery">  

  <DIV class=menus-item1   style=CURSOR: hand onmouseout="this.id ='' ;" onmouseover="this.id = 'menus_hover';">&nbsp;<img src="/kulager/img/1010.gif">Фотогаларея</DIV></A>

<A class=menus href="<? echo $PHP_SELF; ?>?razdel=nash_koor">  

  <DIV class=menus-item1   style=CURSOR: hand onmouseout="this.id ='' ;" onmouseover="this.id = 'menus_hover';">&nbsp;<img src="/kulager/img/1010.gif">Наши  координаты

</DIV></A>

<A class=menus href="<? echo $PHP_SELF; ?>?razdel=ssilky"> 

<DIV class=menus-item1   style=CURSOR: hand onmouseout="this.id ='' ;" onmouseover="this.id = 'menus_hover';">&nbsp;<img src="/kulager/img/1010.gif">Ссылки</DIV></A>

<A class=menus href="<? echo $PHP_SELF; ?>?razdel=sviaz"> 

<DIV class=menus-item1   style=CURSOR: hand onmouseout="this.id ='' ;" onmouseover="this.id = 'menus_hover';">&nbsp;<img src="/kulager/img/1010.gif">Связ  с нами</DIV></A>

<A class=menus href="<? echo $PHP_SELF; ?>?razdel=map"> 

<DIV class=menus-item1   style=CURSOR: hand onmouseout="this.id ='' ;" onmouseover="this.id = 'menus_hover';">&nbsp;<img src="/kulager/img/1010.gif">Карта сайта</DIV></A>

<A class=menus href="<? echo $PHP_SELF; ?>?razdel=mail"> 

<DIV class=menus-item1   style=CURSOR: hand onmouseout="this.id ='' ;" onmouseover="this.id = 'menus_hover';">&nbsp;<img src="/kulager/img/1010.gif">Е Майл</DIV></A>

<A class=menus href="../kulager/chat"> 

<DIV class=menus-item1   style=CURSOR: hand onmouseout="this.id ='' ;" onmouseover="this.id = 'menus_hover';">&nbsp;<img src="/kulager/img/1010.gif">ЧАТ</DIV></A>

<DIV class=menus-item_bottom></DIV>

             

</div>

</td>

</tr>

</table>

</td> 

 

<td width="5" style="background: url(./img/1.gif) left repeat-y;">

</td>

<!-- Центр ------>      

 

<td width="630" valign="top"  background="/kulager/img/background.gif" style="Padding: 5px 5px 5px 5px">

 

            <?

              $CurSec=empty($_GET['razdel'])?null:$_GET['razdel'];

             if(empty($CurSec))

             include("./razdel/tt.html");

             elseif(file_exists("./razdel/".basename($CurSec).".inc.php"))

             include("./razdel/".basename($CurSec).".inc.php");

             else

             include("./razdel/error.inc.php");

             ?>

 

      </td>  

       <!-- Правая панел ------>

<td width="5" style="background: url(./img/1.gif) right repeat-y;"></td>       

<td width="195" valign="top"  background="./img/b_1.gif">

<br>       <br>      

  <table width="195" cellspacing="0" cellpadding="0" border="0">

<tr>

<td  style="background: url(./img/12.gif) no-repeat center scroll;" height="34" width="190">

<div align="center">

</div>

</td></tr>

<tr><td align="center" width="190">

<div  class="menus-item_news">

 

<MARQUEE onmouseover=this.stop() onmouseout=this.start()

                  scrollAmount=4 scrollDelay=180 direction=up ="100%">

<a href="<? echo $PHP_SELF; ?>">РЕГИОН Южный Казахстан  </a><br>

 

РЕГИОН Южный  Казахстан - один <br>

из самых  больших agri- промышлен<br>

ных регионов Kazakhstan; расположе<br>

но на оси  Большого пути Шелка.<br>

 Южный Казахстан  с богатыми  <br>

природными  ископаемыми,<br>

 разработанной  инфраструктурой, -<br>

 наиболее  привлекательный регион<br>

 для инвестиций.<br>

 Мы думаем, что одна из наших задач  <br>

должны привлечь инвестициям для<br>

 человеческого  потенциала, общественной <br>

сферы, разработка Научного производства,<br>

 пока столетие XXI - столетие новых<br>

 технологий  и профессионалов. Мы <br>

стремимся к  расширению наших возможнос<br>

тей во всех сферах деятельности, особенно <br>

в разработке и  укреплении промышленной <br>

базы, сельского  хозяйства, помощь <br>

предприятий. Политическая устойчивость, <br>

большие перспективы  в разработке <br>

природных ископаемых, благоприятного<br>

 инвестиционного  климата-все эти основные условия для взаимного партнерства.

</MARQUEE>

</div>

 

</td></tr>

<tr><td align="center"><a href="http://www.tengeplus.kz/">

<br><br><br><br><br><br>

<img src="./img/tengepluskz.gif" border="0"></a>

<br>

</td></tr>

</table>

     </td>  

</tr>

<tr>

<td style="background: url(./img/1.gif) top repeat-x;" height="2"></td>

<td style="background: url(./img/1.gif) top repeat-x;" height="2"></td>

<td style="background: url(./img/1.gif) top repeat-x;" height="2"></td>

<td style="background: url(./img/1.gif) top repeat-x;" height="2"></td>

<td style="background: url(./img/1.gif) top repeat-x;" height="2"></td>

</tr> 

</table>

 

Ал енді төменгі  файлды құрамыз.

Footer.php:

<table border="0" width="1000" >

<tr><td bgcolor="#E0FFFF">

<script language="JavaScript">

function test(){

window.open('./about.php','','Toolbar=[yes|no|1|0],width=500,height=400');

}

</script>

<div align = "center">

<a class="foot" href="<?php echo $PHP_SELF; ?>">Главная|</a><a class="foot" href="../kulager/chat">

ЧАТ|</a><a class="foot" href=>Новости|</a><a class="foot" href="<? echo $PHP_SELF; ?>?razdel=o_nas">

О нас|</a><a class="foot" href="<? echo $PHP_SELF; ?>?razdel=foto_galery">Фотогаларея</a><br>

<a class="foot" href=>Администратор|</a><a class="foot" onclick="test()" href=#nul >Разработчик</a>

</div>

</td></tr>

<tr><td style="background: url(./img/1.gif) top repeat-x;" height="2">

<br>

<div align = "center">

Copyright &copy; Тулебаев 2006 г.

</div>

</td></tr>

</table>

</body>

</html>

 

Бұл құрылған үш файлды енді негізгі файлға біріктіреміз. Оны Index.php деп атаймыз. Бұл файлдың құрамына жоғарыда құрған үш файлды біріктіреміз.

Index.php:

<?php

include("logo.php");

include("center.php");

include("footer.php");

?>

Енді бұны web броузерге шығару үшін броузерді ашып алрес қатарына

Localhost/ файлдар  тұрған бума/ index.php енгіземіз. Сонда  келесі суретте көрінгендей (2-сурет)  броузер бетіне «Құлагер» мекемесінің  Web  сайтының интерфейсі пайда  болады. 

 

2-сурет

 

 

 

  сайт ішіндегі түспелі мәзір  жасау.

 

3-сурет

3- суретте көрініп тұрған түспелі мәзірді дайндау үшін JavaScript тілін пайдаландым. Бұл тіл бұндай эффектілерді жасаудың шебері болып табылады. Ол үшін жеке файл құрып оның кеңейтілуін JS етіп сақтаймыз, менде бұл script.js. Енді оның ішіне келесі  JavaScript кодтарын орналастырамыз.

Script.js:

var nav=(document.layers);

var n_6=(window.sidebar);

if(nav)  document.captureEvents(Event.MOUSEMOVE);

if(n_6) document.addEventListener("mousemove",track,true);

document.onmousemove=track;

function track(e)

{

  var x=(nav||n_6)?e.pageX:event.x;

  var y=(nav||n_6)?e.pageY:event.y;

  x=parseInt(x);

  y=parseInt(y);

  isvis(x,y);

}

function isvis(x,y)

{

  if(nav)

  {

    if(document.linkmenu.visibility!="hide")

    {

      if(x<170||x>336||y<120||y>285) document.linkmenu.visibility="hide";

     }

 

    if(document.linkmenu1.visibility!="hide")

    {

      if(x<336||x>502||y<120||y>251) document.linkmenu1.visibility="hide";

     }

   if(document.linkmenu2.visibility!="hide")

    {

      if(x<502||x>668||y<120||y>251) document.linkmenu2.visibility="hide";

     }

if(document.linkmenu3.visibility!="hide")

    {

      if(x<668||x>834||y<120||y>251) document.linkmenu3.visibility="hide";

     }

if(document.linkmenu4.visibility!="hide")

    {

      if(x<834||x>1000||y<120||y>310) document.linkmenu4.visibility="hide";

     }

}

  else if(n_6)

  {

    if(document.getElementById("linkmenu").style.visibility!="hidden")

    {

      if(x<170||x>336||y<120||y>285) document.getElementById("linkmenu").style.visibility="hidden";

         }

if(document.getElementById("linkmenu1").style.visibility!="hidden")

    {

      if(x<336||x>502||y<120||y>251) document.getElementById("linkmenu1").style.visibility="hidden";

         }

if(document.getElementById("linkmenu2").style.visibility!="hidden")

    {

      if(x<502||x>668||y<120||y>251) document.getElementById("linkmenu2").style.visibility="hidden";

         }

if(document.getElementById("linkmenu3").style.visibility!="hidden")

    {

      if(x<668||x>834||y<120||y>251) document.getElementById("linkmenu3").style.visibility="hidden";

         }

if(document.getElementById("linkmenu4").style.visibility!="hidden")

    {

      if(x<834||x>1000||y<120||y>310) document.getElementById("linkmenu4").style.visibility="hidden";

         }

  }

  else

if(linkmenu.style.visibility!="hidden")

  {

    if(x<170||x>336||y<120||y>285) linkmenu.style.visibility="hidden";

  }

if(linkmenu1.style.visibility!="hidden")

  {

    if(x<336||x>502||y<120||y>251) linkmenu1.style.visibility="hidden";

  }

if(linkmenu2.style.visibility!="hidden")

  {

    if(x<502||x>668||y<120||y>251) linkmenu2.style.visibility="hidden";

  }

if(linkmenu3.style.visibility!="hidden")

  {

    if(x<668||x>834||y<120||y>251) linkmenu3.style.visibility="hidden";

  }

if(linkmenu4.style.visibility!="hidden")

  {

    if(x<834||x>1000||y<120||y>310) linkmenu4.style.visibility="hidden";

  }

}

function menu(n)

{

  if(nav)

  {

    document.linkmenu.visibility=(n!=0)?"visible":"hidden";

     }

  else if(n_6)

  {

    document.getElementById("linkmenu").style.visibility=(n!=0)?"visible":"hidden";

     } 

  else linkmenu.style.visibility=(n!=0)?"visible":"hidden";

  }

function men(n)

{

  if(nav)

  {

    document.linkmenu1.visibility=(n!=0)?"visible":"hidden";

   }

  else if(n_6)

  {

     document.getElementById("linkmenu1").style.visibility=(n!=0)?"visible":"hidden";

      } 

  else  linkmenu1.style.visibility=(n!=0)?"visible":"hidden";

  

}

function me(n)

{

  if(nav)

  {

    document.linkmenu2.visibility=(n!=0)?"visible":"hidden";

   }

  else if(n_6)

  {

     document.getElementById("linkmenu2").style.visibility=(n!=0)?"visible":"hidden";

      } 

  else  linkmenu2.style.visibility=(n!=0)?"visible":"hidden";

}

function m(n)

{

  if(nav)

  {

    document.linkmenu3.visibility=(n!=0)?"visible":"hidden";

   }

  else if(n_6)

  {

     document.getElementById("linkmenu3").style.visibility=(n!=0)?"visible":"hidden";

      } 

  else  linkmenu3.style.visibility=(n!=0)?"visible":"hidden";

}

function mm(n)

{

  if(nav)

  {

    document.linkmenu4.visibility=(n!=0)?"visible":"hidden";

   }

  else if(n_6)

  {

     document.getElementById("linkmenu4").style.visibility=(n!=0)?"visible":"hidden";

      } 

  else  linkmenu4.style.visibility=(n!=0)?"visible":"hidden";

}

 

Файлды сақтап оны негізгі құжат ішіне сақтаймыз. Ол үшін келесі HTML тегтері қажет  болады.

<script Lanuage="JavaScript" Type="text/Javascript" src="/kulager/script/script.js" ></script>

 

Жүйені құруға және енгізуге кеткен шығын есептеулері

 

“ҚҰЛАГЕР” фирасына WEB сайт құруға  кетекен шығындар.

Бағдарламалық қамтамасызданудың  натуралдық эффектісі келесі көрсеткіштерден  тұрады:

• бағдарламалық қамтамасыздануға кететін капиталды шығындар;
• жылдық  эксплуатациялық  шығын экономиясы;
• бағдарламалық қамтамасыздануға кеткен капиталды шығындар;

Жүйе шығындарының құрылу есебі келесі формула арқылы есептелінеді: