- •Пояснювальна записка
- •Реферат
- •Перелік умовних позначень, символів, одиниць, скорочень та термінів
- •1 Короткі теоретичні відомості
- •1.1 Призначення розробленого сайту
- •1.2 Обґрунтування вибору мови верстки html
- •1.3 Обґрунтування вибору мови скриптів JavaScript
- •2.3 Взаємодія конструктивних елементів
- •3.3 Стилізація сайту (css)
- •3.4 Інтерактивність сайту (js)
- •3.5 Висновки по розділу
- •4 Інтерфейс користувача
- •4.1 Основні рішення щодо дизайну сайту
- •4.2 Приклад роботи користувача з сайтом
- •4.3 Висновки по розділу в даному розділі було розглянуто питання основного рішення щодо дизайну сайту та наведені приклади роботи користувача з сайтом. Висновок
- •Використані джерела
- •Додаток а Текст програми а.1 Текст файлу іndex.Htm
- •А.2 Текст файлу bloks.Css
- •А.3 Текст файлу src.Js
А.2 Текст файлу bloks.Css
.div1 li{display:inline;
margin:100px;}
.div1 li a{
font :RomanC;
font-size: 25px;
color:#008000;
text-decoration: none;
}
.div2 {
width:14%;
height:100%;
float:left;
font-size: 20px;
}
.div3 {
width:60%;
height:100%;
float:left;
margin:10px;
font-size: 17px;
}
.div4 {
width:24%;
height:100%;
float:left;
background-color:#008000;
}
.div4 form li{
text-decoration: none;
font-size: 20px;
}
А.3 Текст файлу src.Js
function validate(){
var name=document.forms["form"]["name"].value;
var adress=document.forms["form"]["adress"].value;
var A2=document.forms["form"]["knopka"];
if(name.length == 0){
alert("Введите ФИО");
return false;
}
if(adress.length == 0){
alert("Введите адрес");
return false;
}
if(!A2[0].checked) {
alert("Вы ж не согласны с правилами");
return false;
}
var at=adress.indexOf("@");
var dot=adress.indexOf(".");
if(at<1||dot<1){
document.getElementById("adressf").innerHTML="адресс введен не верно";
return false;
}
alert("Ваша анкета будет отправлена: "+document.form.name.value+"\nАдресс "+document.form.adress.value);
return false;
}
