Search this site
Embedded Files
Вебтехнології
  • ЗМІСТ
  • Тема 1
    • Урок 1
    • Урок 2
    • Урок 3
    • Урок 4
    • Урок 5
    • Урок 6
    • Урок 7
  • Тема 2
    • Урок 8, 9
    • Урок 10
    • Урок 11
    • Урок 12
    • Урок 13
    • Урок 14
    • Урок 15
    • Урок 16
    • Урок 17
    • Урок 18
  • Тема 3
    • Урок 19
    • Урок 20
    • Урок 21
    • Урок 22
    • Урок 23
    • Урок 24
    • Урок 25
  • Тема 4
    • Урок 26
    • Урок 27
    • Урок 28
    • Урок 29
    • Урок 30
    • Урок 31
    • Урок 32
    • Урок 33
  • Тема 5
    • Урок 34
    • Урок 35
    • Урок 36
    • Урок 37-38
    • Урок 39
    • Урок 40-41
    • Урок 42-45
Вебтехнології
  • ЗМІСТ
  • Тема 1
    • Урок 1
    • Урок 2
    • Урок 3
    • Урок 4
    • Урок 5
    • Урок 6
    • Урок 7
  • Тема 2
    • Урок 8, 9
    • Урок 10
    • Урок 11
    • Урок 12
    • Урок 13
    • Урок 14
    • Урок 15
    • Урок 16
    • Урок 17
    • Урок 18
  • Тема 3
    • Урок 19
    • Урок 20
    • Урок 21
    • Урок 22
    • Урок 23
    • Урок 24
    • Урок 25
  • Тема 4
    • Урок 26
    • Урок 27
    • Урок 28
    • Урок 29
    • Урок 30
    • Урок 31
    • Урок 32
    • Урок 33
  • Тема 5
    • Урок 34
    • Урок 35
    • Урок 36
    • Урок 37-38
    • Урок 39
    • Урок 40-41
    • Урок 42-45
  • More
    • ЗМІСТ
    • Тема 1
      • Урок 1
      • Урок 2
      • Урок 3
      • Урок 4
      • Урок 5
      • Урок 6
      • Урок 7
    • Тема 2
      • Урок 8, 9
      • Урок 10
      • Урок 11
      • Урок 12
      • Урок 13
      • Урок 14
      • Урок 15
      • Урок 16
      • Урок 17
      • Урок 18
    • Тема 3
      • Урок 19
      • Урок 20
      • Урок 21
      • Урок 22
      • Урок 23
      • Урок 24
      • Урок 25
    • Тема 4
      • Урок 26
      • Урок 27
      • Урок 28
      • Урок 29
      • Урок 30
      • Урок 31
      • Урок 32
      • Урок 33
    • Тема 5
      • Урок 34
      • Урок 35
      • Урок 36
      • Урок 37-38
      • Урок 39
      • Урок 40-41
      • Урок 42-45
  1. Виконати практичне завдання 1

  2. Виконати практичне завдання 2

  3. Виконати практичне завдання 3



Конспект лекцій

Приклади динамічних елементів на  вебсторінках

Практичне завдання 1

Заготівки для практичного завдання 1

Підказка для самостійної роботи

веб_урок_30-практичне_1.pdf

Практичне завдання 2-1

Заготівки до практичного завдання 2-1

веб_урок_30-практичне_2.pdf

Практичне завдання 2-2

Заготівки для практичного завдання 30-2-2

веб_урок_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>

Практичне завдання 2-3

Заготівки для практичного завдання 2-3

веб_урок_30-практичне_2-3.pdf
Всього на курс - 45 годин

Зауваження, поради, коментарі та побажання надсилайте за адресою svetalena6811@gmail.com

Викладачка інформатики Дмитренко Олена Борисівна

Google Sites
Report abuse
Page details
Page updated
Google Sites
Report abuse