- Виконати практичне завдання 1
- Виконати практичне завдання 2
- Виконати практичне завдання 3
Приклади динамічних елементів на вебсторінках
веб_урок_30-практичне_1.pdf
веб_урок_30-практичне_2.pdf
веб_урок_30-практичне_2-2.pdf
Самостійна робота: Створити вебсторінку з тестом з Історії України
Самостійна робота: Створити вебсторінку з тестом з Історії України
<!DOCTYPE html><head> <meta http-equiv="Content-Type" content="text/html; charset=”windows-1251" /> <meta name="author" content="ЗНО"/> <meta name="site" content="http://dmitrenkosv.ucoz.ua"/>
<link rel="stylesheet" type="text/css" href="css/style.css" > <link rel="stylesheet" type="text/css" href="css/menu.css" > <link rel="stylesheet" type="text/css" href="css/fonts.css" > <title>Тестування до ЗНО</title> <script language="javascript"> img1 = new Image () img1.src = "images/zno1.jpg" img2 = new Image () img2.src = "images/zno2.jpg" img3 = new Image () img3.src = "images/zno3.jpg" function perevirka(tests) { var i=0; if (tests.one[3].checked) {i++;} if (tests.two[2].checked) {i++;} if (tests.two[4].checked) {i++;} if (tests.two[6].checked) {i++;} document.tests.druk.value=i; } </script>
</head>
<body class="cbody"> <div id="container"> <div id="header"> <div class="for_header"> ЗНО 2020 </div> <center> <a onMouseOver="document.foto.src='images/zno1.jpg'" onMouseOut="document.foto.src='images/zno2.jpg'"> <img src="images/zno1.jpg" name="foto" border="0" height="160"> </a> </center> </div>
<div id="menubar"> <nav class="top-menu"> <ul class="menu-main"> <li><a href="index.html" class="current">Головна</a></li> <li><a href="ukr.html">Українська мова</a></li> <li><a href="math.html">Математика</a></li> <li><a href="history.html">Історія</a></li> </ul> </nav> </div>
<div id="mainContent"> <center> <hr size="7" color="blue" width="400"> <h1 align="center"> Перевірка </h1> <hr size="7" color="red" width="300"></center> <form method="post" name="tests"><h2>Яке удільне князівство у XII-XIII ст. політично цілком залежало від Києва? </h2>
<input type="radio" name="one" > А. Переяславське<br>
<input type="radio" name="one" > Б. Галицьке <br>
<input type="radio" name="one"> В. Новгород-Сіверське <br>
<input type="radio" name="one"> Г. Чернігівське <br><br>
<h2>Що було характерним для процесу колективізації в УСРР? </h2>
<input type="checkbox" name="two" >1) майнове розшарування колгоспного селянства <br>
<input type="checkbox" name="two"> 2) масовий добровільний вступ селян до колгоспів <br><input type="checkbox" name="two"> 3) проведення кампанії з розкоркулювання заможного селянства <br>
<input type="checkbox" name="two"> 4) ліквідація системи державної хлібозаготівлі <br>
<input type="checkbox" name="two"> 5) розширення мережі машинно-тракторних станцій <br><input type="checkbox" name="two"> 6) державне стимулювання приватних присадибних господарств <br><input type="checkbox" name="two"> 7) запровадження внутрішніх паспортів для населення міст і новобудов <br><br><input name="check" onclick="perevirka(this.form)"type="button" value="Кількість правильних відповідей"><textarea cols="5" name="druk" rows="1"> </textarea><input type="reset" value="Оновити форму"></form>
</div> <div id="footer"> ЗНО 2020 рік </div>
</body></html>
<link rel="stylesheet" type="text/css" href="css/style.css" > <link rel="stylesheet" type="text/css" href="css/menu.css" > <link rel="stylesheet" type="text/css" href="css/fonts.css" > <title>Тестування до ЗНО</title> <script language="javascript"> img1 = new Image () img1.src = "images/zno1.jpg" img2 = new Image () img2.src = "images/zno2.jpg" img3 = new Image () img3.src = "images/zno3.jpg" function perevirka(tests) { var i=0; if (tests.one[3].checked) {i++;} if (tests.two[2].checked) {i++;} if (tests.two[4].checked) {i++;} if (tests.two[6].checked) {i++;} document.tests.druk.value=i; } </script>
</head>
<body class="cbody"> <div id="container"> <div id="header"> <div class="for_header"> ЗНО 2020 </div> <center> <a onMouseOver="document.foto.src='images/zno1.jpg'" onMouseOut="document.foto.src='images/zno2.jpg'"> <img src="images/zno1.jpg" name="foto" border="0" height="160"> </a> </center> </div>
<div id="menubar"> <nav class="top-menu"> <ul class="menu-main"> <li><a href="index.html" class="current">Головна</a></li> <li><a href="ukr.html">Українська мова</a></li> <li><a href="math.html">Математика</a></li> <li><a href="history.html">Історія</a></li> </ul> </nav> </div>
<div id="mainContent"> <center> <hr size="7" color="blue" width="400"> <h1 align="center"> Перевірка </h1> <hr size="7" color="red" width="300"></center> <form method="post" name="tests"><h2>Яке удільне князівство у XII-XIII ст. політично цілком залежало від Києва? </h2>
<input type="radio" name="one" > А. Переяславське<br>
<input type="radio" name="one" > Б. Галицьке <br>
<input type="radio" name="one"> В. Новгород-Сіверське <br>
<input type="radio" name="one"> Г. Чернігівське <br><br>
<h2>Що було характерним для процесу колективізації в УСРР? </h2>
<input type="checkbox" name="two" >1) майнове розшарування колгоспного селянства <br>
<input type="checkbox" name="two"> 2) масовий добровільний вступ селян до колгоспів <br><input type="checkbox" name="two"> 3) проведення кампанії з розкоркулювання заможного селянства <br>
<input type="checkbox" name="two"> 4) ліквідація системи державної хлібозаготівлі <br>
<input type="checkbox" name="two"> 5) розширення мережі машинно-тракторних станцій <br><input type="checkbox" name="two"> 6) державне стимулювання приватних присадибних господарств <br><input type="checkbox" name="two"> 7) запровадження внутрішніх паспортів для населення міст і новобудов <br><br><input name="check" onclick="perevirka(this.form)"type="button" value="Кількість правильних відповідей"><textarea cols="5" name="druk" rows="1"> </textarea><input type="reset" value="Оновити форму"></form>
</div> <div id="footer"> ЗНО 2020 рік </div>
</body></html>
веб_урок_30-практичне_2-3.pdf