Рис 8. Добавления функции с помощью Java Script подтверждение запроса.
2.4 Руководство проектировщика
Код данного сайта целиком и полностью написан в html с использованием Java Script и CCS в обычном текстовом редакторе Notepad++. При редактировании сайта не рекомендуется использование каких-бы то ни было пакетов для создания web-страниц, так как они неизбежно увеличивают размер файла за счет добавления своих собственных и совершенно ненужных тегов. Мы опустим из описания повторяющиеся моменты, а также простую, нетворческую работу, такую как, например, набивка текста и затронем только наиболее интересные эффекты и идеи. Описание сайта начнем с главной страницы.
Главная страница (файл с именем index. htm)Сразу после раздела <head> идет объявление использования java script и CCS.
2.5 Код страниц написанной на текстовом редакторе Notepad++
===================home============================
<!DOCTYPE html>
<html lang="en">
<head>
<title> kesh nur. uz</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset. css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style. css">
<link rel="stylesheet" type="text/css" media="screen" href="css/slider. css">
<link href='http://fonts. /css? family=Open+Sans+Condensed:700,300' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.7.min. js"></script>
<script src="js/jquery. easing.1.3.js"></script>
<script src="js/tms-0.4.1.js"></script>
<script>
$(document).ready(function(){
$('.slider')._TMS({
show:0,
pauseOnHover:true,
prevBu:'.prev',
nextBu:'.next',
playBu:false,
duration:500,
preset:'fade',
pagination:true,//'.pagination',true,'<ul></ul>'
pagNums:false,
slideshow:8000,
numStatus:false,
banners:'fromBottom',// fromLeft, fromRight, fromTop, fromBottom
waitBannerAnimation:false,
progressBar:false
})
})
$(function(){
if($(window).width() <= 1066)
{
$("#slider. prev").css("left", "55px")
$("#slider. next").css("right", "55px")
}
})
</script>
</head>
<body>
<header style="display: inline-block;width:19%;">
<h1 align="left"><font color="white" >"KESH NUR TA'LIM"<br> Kompyuter o'quv markazi</font></h1>
</header>
<div class="main wrap" style="display: inline-block;width:80%;"><br>
<div align="top" style="display:inline-block;width:80%;margin-top:-50px;"><h1><a href="index. html"><img src="images/inftex2.jpg" alt="" width="950" height="150"></h1></div>
<div style="display: inline-block;width:19%;">
<div>
<p style="color:white;">Biz bilan bog'lanish <span> 522-04-50</span></p>
</div>
<div align="">                         
                               
                                
                    
<a href="admin. html"> <h3>   Kirish </a> | <a href="locations. html"> Aloqa </h3></a>
</div>
</div>
</div>
<div class="bg">
<header>
<nav>
<ul class="menu">
<li class="current"><a href="index. html" class="home"><img src="images/home. jpg" alt=""></a></li>
<li><a href="about. html">Markaz haqida</a></li>
<li><a href="quyi. html">Ta'lim yo'nalishlari </a></li>
<li><a href="news. html">Yangiliklar</a></li>
<li><a href="repair. html">Xizmatlar</a></li>
<li><a href="gallery. htm" target="_blank">Foto galeriya</a></li>
<li><a href="locations. html">Aloqalar</a></li>
</ul>
<div class="clear"></div>
</nav>
</header>
<div id="slider">
<div class="slider-block">
<div class="slider">
<ul class="items">
<li><img src="images/klass6.jpg" alt="" /><div class="banner" width="800" height="400"><div><span>Xush kelibsiz</span><strong>Assalomu alaykum</strong><p>Assalomu alaykum! Men sizni Shahrisabz shahridagi "KESH NUR TA'LIM" kompyuter o'quv markazining saytiga tashrif buyurganingizdan bag’oyat minnatdorman va har doim...</p><a href="bosh. html" class="button">Davomi...</a></div></div></li>
<li><img src="images/klass11.jpg" alt="" / width="800" height="400"><div class="banner"><div><span>Xush kelibsiz</span><strong>Assalomu alaykum</strong><p>Assalomu alaykum! Men sizni Shahrisabz shahridagi "KESH NUR TA'LIM" kompyuter o'quv markazining saytiga tashrif buyurganingizdan bag’oyat minnatdorman va har doim...</p><a href="bosh. html" class="button">Davomi...</a></div></div></li>
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 9 10 11 12 |
