KNOWLEDGE HYPERMARKET


Етапи створення веб-сайтів
 
(2 промежуточные версии не показаны)
Строка 3: Строка 3:
<br>  
<br>  
-
Етапи створення веб-сайтів<br>1. Що таке веб-сторінка, веб-сайт, веб-портал?<br>2. Що таке гіперпосилання? Для чого вони Використовуються?<br>3. Пригадайте правила оформлення презентацій.<br>Вивчаючи тему «Інтернет», ви ознайомилися з поняттями: гіпертекст, веб-сторінка та веб-сайт, відвідали різноманітні за призначенням, тематикою, оформленням і структурою веб-сайти та Інтернет-портали.<br>При вивченні цього розділу ви навчитеся створювати і розміщувати в Інтернеті власні веб-сайти.<br>Ви вже знаєте, що веб-сторінки створюються за допомогою спеціальних мов розмітки гіпертексту, наприклад, НТМL. Вони мають вигляд звичайних текстових докумен¬тів, до яких внесено вказівки форматування. За допомогою таких вказівок можна зада¬вати колір та розмір шрифтів, по-різному розміщувати текст на сторінці, подавати дані у вигляді списків або таблиць, додавати гіперпосилання на інші сторінки в Інтернеті, додавати до сторінки графічні та мультимедійні зображення тощо. Формат цих вказі¬вок задається в описі мови НТМL.<br>Документи, розмічені за допомогою мови НТМL, називаються НТМL-документами, імена їх файлів мають розширення піт або піті.<br>НТМЬ-код веб-сторінки можна переглянути за допомогою текстового редактора, наприклад, Блокноту. Вигляд головної сторінки одного з освітніх сайтів та її НТМL-код.<br>Створювати веб-сторінки і веб-сайти можна в спеціальних редакторах створення веб-сайтів, таких як Місгозогг. ОШсе Ргопг.Ра§е, ОгеатХУеауег та інших. Веб-сайти можна також створювати в добре знайомому вам текстовому редакторі Місгозой&nbsp; Word.<br>Веб-сайти створюються у кілька етапів (рис. 144):<br>1. Планування — визначення тематики і призначення майбутнього сайта.<br>2. озробка — розробка структури сайта, добір матеріалів, вибір програмних засобів для його створення.<br>3. — створення окремих сторінок відповідно до структури, включення до них гіперпосилань.<br>4. Тестування — перевірка та редагування веб-сайта.<br>5. Розміщення — розміщення сайта в Інтернеті.<br>6. Підтримка — оновлення вмісту сайта.<br>Планування<br>На етапі планування, перш за все, слід визначити призначення майбутнього сайта: це буде персональний сайт або сайт організації, електронна енциклопедія чи сайт бібліотеки, сайт для дистанційного навчання тощо. Тут же доцільно визначити, буде сайт тематичним чи різні його сторінки будуть присвячені різнім темам і яким саме.<br>Розробка<br>Наступний крок — розробка структури сайта. При розробці структури сайта слід визначитися з необхідною кількістю сторінок та встановити зв'язки між ними. Розрізняють іінійну, ієрархічну та довільну структури сайта.<br>Лінійну структуру веб-сайта доцільно вико¬ристовувати у разі послідовного представлення інформації, наприклад, про товари та послуги або матеріали навчального посібника. Перегляд таких сайтів здійснюється послідов¬но: від початкової (головної) до останньої сторінки. Кожна сторінка має посилання тільки на одну, наступну сторінку сайта. Інколи, для зручності навігації по сайту до сторінки також додається посилання на попередню сторінку (рис. 145).<br>При ієрархічній структурі створюється одна сторінка (головна), яка не має попередніх, решта сторінок мають лише одну попередню сторінку (рис. 146). При ієрархічній структурі кожна сторінка може містити посилання на довільну кількість сторінок сайта. Така структура найкраще підходить для сайтів, що містять різну за тематикою інформацію: каталогів, зібрань статей з різних тем або добірок послань.<br>Рис. 146  
+
'''Етапи створення веб-[http://school.xvatit.com/index.php?title=%D0%A2%D0%B5%D0%BC%D0%B0_4._%D0%A0%D0%BE%D0%B1%D0%BE%D1%82%D0%B0_%D0%B7_Internet_Explorer. сайтів]'''<br>''1. Що таке веб-сторінка, веб-сайт, веб-портал?<br>2. Що таке гіперпосилання? Для чого вони Використовуються?<br>3. Пригадайте правила оформлення презентацій.''<br>Вивчаючи тему «Інтернет», ви ознайомилися з поняттями: гіпертекст, веб-сторінка та веб-сайт, відвідали різноманітні за призначенням, тематикою, оформленням і структурою веб-сайти та Інтернет-портали.<br>При вивченні цього розділу ви навчитеся створювати і розміщувати в Інтернеті власні веб-сайти.<br>Ви вже знаєте, що [http://school.xvatit.com/index.php?title=%D0%A2%D0%B5%D0%BC%D0%B0_4._%D0%A0%D0%BE%D0%B1%D0%BE%D1%82%D0%B0_%D0%B7_Internet_Explorer. веб-сторінки] створюються за допомогою спеціальних мов розмітки гіпертексту, наприклад, НТМL. Вони мають вигляд звичайних текстових документів, до яких внесено вказівки форматування. За допомогою таких вказівок можна зада¬вати колір та розмір шрифтів, по-різному розміщувати текст на сторінці, подавати дані у вигляді списків або таблиць, додавати гіперпосилання на інші сторінки в Інтернеті, додавати до сторінки графічні та мультимедійні зображення тощо. Формат цих вказівок задається в описі мови НТМL.<br>Документи, розмічені за допомогою мови НТМL, називаються НТМL-документами, імена їх файлів мають розширення піт або піті.<br>НТМL-код веб-сторінки можна переглянути за допомогою текстового редактора, наприклад, Блокноту. Вигляд головної сторінки одного з освітніх сайтів та її НТМL-код.<br>Створювати веб-сторінки і веб-сайти можна в спеціальних редакторах створення веб-сайтів. Веб-сайти можна також створювати в добре знайомому вам текстовому редакторі Місrоsоft&nbsp; Word.<br>'''Веб-сайти створюються у кілька етапів''' (рис. 144):<br>1. Планування — визначення тематики і призначення майбутнього сайта.<br>2. Розробка — розробка структури сайта, добір матеріалів, вибір програмних засобів для його створення.<br>3. Створення окремих сторінок відповідно до структури, включення до них гіперпосилань.<br>4. Тестування — перевірка та редагування веб-сайта.<br>5. Розміщення — розміщення сайта в Інтернеті.<br>6. Підтримка — оновлення вмісту [http://school.xvatit.com/index.php?title=%D0%A2%D0%B5%D0%BC%D0%B0_4._%D0%A0%D0%BE%D0%B1%D0%BE%D1%82%D0%B0_%D0%B7_Internet_Explorer. сайта].<br>Планування<br>На етапі планування, перш за все, слід визначити призначення майбутнього сайта: це буде персональний сайт або сайт організації, електронна енциклопедія чи [http://school.xvatit.com/index.php?title=%D0%A2%D0%B5%D0%BC%D0%B0_4._%D0%A0%D0%BE%D0%B1%D0%BE%D1%82%D0%B0_%D0%B7_Internet_Explorer. сайт] бібліотеки, сайт для дистанційного навчання тощо. Тут же доцільно визначити, буде [http://school.xvatit.com/index.php?title=%D0%A2%D0%B5%D0%BC%D0%B0_4._%D0%A0%D0%BE%D0%B1%D0%BE%D1%82%D0%B0_%D0%B7_Internet_Explorer. сайт ]тематичним чи різні його сторінки будуть присвячені різнім темам і яким саме.<br>'''Розробка'''<br>Наступний крок — розробка структури сайта. При розробці структури сайта слід визначитися з необхідною кількістю сторінок та встановити зв'язки між ними. Розрізняють іінійну, ієрархічну та довільну структури сайта.<br>Лінійну структуру веб-сайта доцільно вико¬ристовувати у разі послідовного представлення інформації, наприклад, про товари та послуги або матеріали навчального посібника. Перегляд таких сайтів здійснюється послідов¬но: від початкової (головної) до останньої сторінки. Кожна сторінка має посилання тільки на одну, наступну сторінку сайта. Інколи, для зручності навігації по сайту до сторінки також додається посилання на попередню сторінку (рис. 145).<br>При ієрархічній структурі створюється одна сторінка (головна), яка не має попередніх, решта сторінок мають лише одну попередню сторінку (рис. 146). При ієрархічній структурі кожна сторінка може містити посилання на довільну кількість сторінок сайта. Така структура найкраще підходить для сайтів, що містять різну за тематикою інформацію: каталогів, зібрань статей з різних тем або добірок послань.<br>Рис. 146  
-
[[Image:A85.jpg]]<br><br>Найчастіше для створення сайтів використовують довільну структуру. При такій структурі сайта його сторінки пов'язані між собою довільним чином (рис. 147). У сайтах довільної структури можна виділити фрагменти, які є лінійними або ієрархічними.<br>Рис. 147  
+
[[Image:A85.jpg|640x320px|Така структура найкраще підходить для сайтів, що містять різну за тематикою інформацію: каталогів, зібрань статей з різних тем або добірок послань]]<br><br>Найчастіше для створення сайтів використовують довільну структуру. При такій структурі сайта його сторінки пов'язані між собою довільним чином (рис. 147). У сайтах довільної структури можна виділити фрагменти, які є лінійними або ієрархічними.<br>Рис. 147  
-
[[Image:A86.jpg]]<br><br>Прикладом довільної побудови структури сайта може бути Інтернет-енциклопедія Вікіпедія (тікіре^іа.ощ). Цей проект стартував у 2001 р. Нині статті до цієї енциклопедії пишуться 250 мовами народів&nbsp; світу. Характерною особливістю Вікіпедії є те, що її статті відкриті для доповнення і змін будь-яким користувачем.<br>У Вікіпедії на даний час розміщено більше 6 млн. статей. Орієнтовна кількість авто¬рів та редакторів — 50 тис. В україномовному розділі енциклопедії&nbsp; налічується 124 тис. статей, працюють 15 тис. авторів та редакторів.<br>Вікіпедія знаходиться в десятці найбільш відвідуваних веб-ресурсів світу за кількі¬стю запитів сторінок щомісяця. Так, кожний 200-й запит в Інтернеті направляється у Вікіпсдію.<br>Вікіпедія складається з окремих розділів. Працюючи з матеріалами цієї енциклопедії, ви можете здійснювати різноманітні переходи та самостійно визначати послідовність перегляду окремих сторінок.<br>На етапі розробки необхідно також здійснити добір матеріалів і вибрати програмні засоби, за допомогою яких будуть розроблятися веб-сторінки.<br>Створення<br>На етапі створення відбувається наповнення веб-сторінок конкретними матеріалами, а також створення гіперпосилань для зручної навігації сайтом. При цьому потрібно слідувати правилам оформлення (дизайну) веб-сторінок, якими ви користувалися при створенні презентацій.<br>Тестування<br>Дуже важливим при створенні сайта є етап тестування. На цьому етапі потрібно перевірити:<br>• чи правильно працюють усі гіперпосилання;<br>• чи зручною є навігація сайтом;<br>• чи відкриваються при відкритті сторінок графічні зображення;<br>• чи зручно розташовані для сприйняття матеріали на сторінках тощо.<br>У разі необхідності, потрібно внести зміни в наповнення або структуру сайта, зміни¬ти гіперпосилання.<br>Розміщення<br>На наступному етапі потрібно визначити, де буде розміщено створений вами сайт. Веб-сайт можна розмістити:<br>• на власному сервері установи;<br>• на сервері вашого провайдера;<br>• на сервері організації, яка спеціалізується у наданні послуг розміщення сайтів користувачам Інтернету;<br>• на сервері, який надає послуги вільного і безкоштовного розміщення сайтів. Сьогодні окремі організації в мережі Інтернет пропонують користувачам безкоштов¬ні послуги щодо створення веб-сайтів з використанням готових шаблонів та одночасним їх розміщенням на серверах цієї організації.<br>Після розміщення сайта в Інтернеті потрібно здійснювати його підтримку, щоб сайт не втрачав своєї популярності. Ця підтримка полягає в періодичному оновленні та доповненні існуючих матеріалів, створенні нових цікавих сторінок тощо.<br>4. Опишіть етапи створення сайта.<br>5. Які структури сайта ви знаєте? Охарактеризуйте кожну з них.<br>6. Чому найчастіше для створення сайтів використовують довільну структуру?<br>7. Створіть структуру і опишіть наповнення сайтів:<br>а) Моя родина. <br>б)моє рідне місто<br>в) Вулиця, на якій я живу.<br>г) Мій клас.<br>8. Знайдіть у Вікіпедії інформацію про:<br>а) геосервіси Інтернету;<br>б) мови розмітки гіпертекстових документів;<br>в) Веб2.0.<br>9. Підготуйте презентації із запропонованих у п. 8 тем.<br>Підтримка<br>ЗАПИТАННЯ ТА ЗАВДАННЯ<br>1. Що таке НТМL-документ?<br>2. Де можна створювати веб-сторінки і веб-сайти?<br>3. Назвіть етапи створення сайта.<br>  
+
[[Image:A86.jpg|640x320px|У сайтах довільної структури можна виділити фрагменти, які є лінійними або ієрархічними.]]<br><br>Прикладом довільної побудови структури сайта може бути Інтернет-енциклопедія Вікіпедія. Цей проект стартував у 2001 р. Нині статті до цієї енциклопедії пишуться 250 мовами народів&nbsp; світу. Характерною особливістю Вікіпедії є те, що її статті відкриті для доповнення і змін будь-яким користувачем.<br>У Вікіпедії на даний час розміщено більше 6 млн. статей. Орієнтовна кількість авто¬рів та редакторів — 50 тис. В україномовному розділі енциклопедії&nbsp; налічується 124 тис. статей, працюють 15 тис. авторів та редакторів.<br>Вікіпедія знаходиться в десятці найбільш відвідуваних веб-ресурсів світу за кількістю запитів сторінок щомісяця. Так, кожний 200-й запит в Інтернеті направляється у Вікіпедію.<br>Вікіпедія складається з окремих розділів. Працюючи з матеріалами цієї енциклопедії, ви можете здійснювати різноманітні переходи та самостійно визначати послідовність перегляду окремих сторінок.<br>На етапі розробки необхідно також здійснити добір матеріалів і вибрати програмні засоби, за допомогою яких будуть розроблятися веб-сторінки.<br>'''Створення'''<br>На етапі створення відбувається наповнення веб-сторінок конкретними матеріалами, а також створення гіперпосилань для зручної навігації сайтом. При цьому потрібно слідувати правилам оформлення (дизайну) веб-сторінок, якими ви користувалися при створенні презентацій.<br>'''Тестування'''<br>Дуже важливим при створенні сайта є етап тестування. На цьому етапі потрібно перевірити:<br>• чи правильно працюють усі гіперпосилання;<br>• чи зручною є навігація сайтом;<br>• чи відкриваються при відкритті сторінок графічні зображення;<br>• чи зручно розташовані для сприйняття матеріали на сторінках тощо.<br>У разі необхідності, потрібно внести зміни в наповнення або структуру сайта, зміни¬ти гіперпосилання.<br>'''Розміщення'''<br>На наступному етапі потрібно визначити, де буде розміщено створений вами сайт. Веб-сайт можна розмістити:<br>• на власному сервері установи;<br>• на сервері вашого провайдера;<br>• на сервері організації, яка спеціалізується у наданні послуг розміщення сайтів користувачам Інтернету;<br>• на сервері, який надає послуги вільного і безкоштовного розміщення сайтів. Сьогодні окремі організації в мережі Інтернет пропонують користувачам безкоштов¬ні послуги щодо створення веб-сайтів з використанням готових шаблонів та одночасним їх розміщенням на серверах цієї організації.<br>Після розміщення сайта в Інтернеті потрібно здійснювати його підтримку, щоб сайт не втрачав своєї популярності. Ця підтримка полягає в періодичному оновленні та доповненні існуючих матеріалів, створенні нових цікавих сторінок тощо. <!--[if gte mso 9]><xml>
 +
<o:OfficeDocumentSettings>
 +
  <o:TargetScreenSize>800x600</o:TargetScreenSize>
 +
</o:OfficeDocumentSettings>
 +
</xml><![endif]-->  
 +
<!--[if gte mso 9]><xml>
 +
<w:WordDocument>
 +
  <w:View>Normal</w:View>
 +
  <w:Zoom>0</w:Zoom>
 +
  <w:TrackMoves/>
 +
  <w:TrackFormatting/>
 +
  <w:PunctuationKerning/>
 +
  <w:ValidateAgainstSchemas/>
 +
  <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
 +
  <w:IgnoreMixedContent>false</w:IgnoreMixedContent>
 +
  <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
 +
  <w:DoNotPromoteQF/>
 +
  <w:LidThemeOther>RU</w:LidThemeOther>
 +
  <w:LidThemeAsian>X-NONE</w:LidThemeAsian>
 +
  <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
 +
  <w:Compatibility>
 +
  <w:BreakWrappedTables/>
 +
  <w:SnapToGridInCell/>
 +
  <w:WrapTextWithPunct/>
 +
  <w:UseAsianBreakRules/>
 +
  <w:DontGrowAutofit/>
 +
  <w:SplitPgBreakAndParaMark/>
 +
  <w:EnableOpenTypeKerning/>
 +
  <w:DontFlipMirrorIndents/>
 +
  <w:OverrideTableStyleHps/>
 +
  </w:Compatibility>
 +
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
 +
  <m:mathPr>
 +
  <m:mathFont m:val="Cambria Math"/>
 +
  <m:brkBin m:val="before"/>
 +
  <m:brkBinSub m:val="&#45;-"/>
 +
  <m:smallFrac m:val="off"/>
 +
  <m:dispDef/>
 +
  <m:lMargin m:val="0"/>
 +
  <m:rMargin m:val="0"/>
 +
  <m:defJc m:val="centerGroup"/>
 +
  <m:wrapIndent m:val="1440"/>
 +
  <m:intLim m:val="subSup"/>
 +
  <m:naryLim m:val="undOvr"/>
 +
  </m:mathPr></w:WordDocument>
 +
</xml><![endif]--><!--[if gte mso 9]><xml>
 +
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
 +
  DefSemiHidden="true" DefQFormat="false" DefPriority="99"
 +
  LatentStyleCount="267">
 +
  <w:LsdException Locked="false" Priority="0" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
 +
  <w:LsdException Locked="false" Priority="9" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
 +
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
 +
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
 +
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
 +
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
 +
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
 +
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
 +
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
 +
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
 +
  <w:LsdException Locked="false" Priority="39" Name="toc 1"/>
 +
  <w:LsdException Locked="false" Priority="39" Name="toc 2"/>
 +
  <w:LsdException Locked="false" Priority="39" Name="toc 3"/>
 +
  <w:LsdException Locked="false" Priority="39" Name="toc 4"/>
 +
  <w:LsdException Locked="false" Priority="39" Name="toc 5"/>
 +
  <w:LsdException Locked="false" Priority="39" Name="toc 6"/>
 +
  <w:LsdException Locked="false" Priority="39" Name="toc 7"/>
 +
  <w:LsdException Locked="false" Priority="39" Name="toc 8"/>
 +
  <w:LsdException Locked="false" Priority="39" Name="toc 9"/>
 +
  <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
 +
  <w:LsdException Locked="false" Priority="10" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="Title"/>
 +
  <w:LsdException Locked="false" Priority="0" Name="Default Paragraph Font"/>
 +
  <w:LsdException Locked="false" Priority="11" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
 +
  <w:LsdException Locked="false" Priority="0" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
 +
  <w:LsdException Locked="false" Priority="20" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
 +
  <w:LsdException Locked="false" Priority="59" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Table Grid"/>
 +
  <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
 +
  <w:LsdException Locked="false" Priority="1" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
 +
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Shading"/>
 +
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light List"/>
 +
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Grid"/>
 +
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 1"/>
 +
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 2"/>
 +
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 1"/>
 +
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 2"/>
 +
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 1"/>
 +
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 2"/>
 +
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 3"/>
 +
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Dark List"/>
 +
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Shading"/>
 +
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful List"/>
 +
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Grid"/>
 +
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light List Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
 +
  <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
 +
  <w:LsdException Locked="false" Priority="34" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
 +
  <w:LsdException Locked="false" Priority="29" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
 +
  <w:LsdException Locked="false" Priority="30" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
 +
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Dark List Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
 +
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light List Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Dark List Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
 +
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light List Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Dark List Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
 +
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light List Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Dark List Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
 +
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light List Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Dark List Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
 +
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light List Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Dark List Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"
 +
  UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
 +
  <w:LsdException Locked="false" Priority="19" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
 +
  <w:LsdException Locked="false" Priority="21" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
 +
  <w:LsdException Locked="false" Priority="31" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
 +
  <w:LsdException Locked="false" Priority="32" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
 +
  <w:LsdException Locked="false" Priority="33" SemiHidden="false"
 +
  UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
 +
  <w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
 +
  <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
 +
</w:LatentStyles>
 +
</xml><![endif]--><!--[if gte mso 10]>
 +
<style>
 +
/* Style Definitions */
 +
table.MsoNormalTable
 +
{mso-style-name:"Обычная таблица";
 +
mso-tstyle-rowband-size:0;
 +
mso-tstyle-colband-size:0;
 +
mso-style-noshow:yes;
 +
mso-style-priority:99;
 +
mso-style-parent:"";
 +
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
 +
mso-para-margin:0cm;
 +
mso-para-margin-bottom:.0001pt;
 +
mso-pagination:widow-orphan;
 +
font-size:10.0pt;
 +
font-family:"Times New Roman","serif";}
 +
</style>
 +
<![endif]--> '''Запитання та завдання''' 1. Що таке НТМL-документ?<br>2. Де можна створювати веб-сторінки і веб-сайти?<br>3. Назвіть етапи створення сайта.<br>
 +
4. Опишіть етапи створення сайта.<br>5. Які структури сайта ви знаєте? Охарактеризуйте кожну з них.<br>6. Чому найчастіше для створення сайтів використовують довільну структуру?<br>7. Створіть структуру і опишіть наповнення сайтів:<br>а) Моя родина. <br>б)моє рідне місто<br>в) Вулиця, на якій я живу.<br>г) Мій клас.<br>8. Знайдіть у Вікіпедії інформацію про:<br>а) геосервіси Інтернету;<br>б) мови розмітки гіпертекстових документів;<br>в) Веб2.0.<br>9. Підготуйте презентації із запропонованих у п. 8 тем.<br><br>
''Ломаковська Г.В., Проценко Г.О., Ривкінд Й.Я. [http://school.xvatit.com/index.php?title=%D0%86%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B8%D0%BA%D0%B0_8_%D0%BA%D0%BB%D0%B0%D1%81 Інформатика 8 клас]<br>''  
''Ломаковська Г.В., Проценко Г.О., Ривкінд Й.Я. [http://school.xvatit.com/index.php?title=%D0%86%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B8%D0%BA%D0%B0_8_%D0%BA%D0%BB%D0%B0%D1%81 Інформатика 8 клас]<br>''  

Текущая версия на 09:55, 18 сентября 2012

Гіпермаркет Знань>>Інформатика>>Інформатика 8 клас>> Інформатика: «Етапи створення веб-сайтів»


Етапи створення веб-сайтів
1. Що таке веб-сторінка, веб-сайт, веб-портал?
2. Що таке гіперпосилання? Для чого вони Використовуються?
3. Пригадайте правила оформлення презентацій.

Вивчаючи тему «Інтернет», ви ознайомилися з поняттями: гіпертекст, веб-сторінка та веб-сайт, відвідали різноманітні за призначенням, тематикою, оформленням і структурою веб-сайти та Інтернет-портали.
При вивченні цього розділу ви навчитеся створювати і розміщувати в Інтернеті власні веб-сайти.
Ви вже знаєте, що веб-сторінки створюються за допомогою спеціальних мов розмітки гіпертексту, наприклад, НТМL. Вони мають вигляд звичайних текстових документів, до яких внесено вказівки форматування. За допомогою таких вказівок можна зада¬вати колір та розмір шрифтів, по-різному розміщувати текст на сторінці, подавати дані у вигляді списків або таблиць, додавати гіперпосилання на інші сторінки в Інтернеті, додавати до сторінки графічні та мультимедійні зображення тощо. Формат цих вказівок задається в описі мови НТМL.
Документи, розмічені за допомогою мови НТМL, називаються НТМL-документами, імена їх файлів мають розширення піт або піті.
НТМL-код веб-сторінки можна переглянути за допомогою текстового редактора, наприклад, Блокноту. Вигляд головної сторінки одного з освітніх сайтів та її НТМL-код.
Створювати веб-сторінки і веб-сайти можна в спеціальних редакторах створення веб-сайтів. Веб-сайти можна також створювати в добре знайомому вам текстовому редакторі Місrоsоft  Word.
Веб-сайти створюються у кілька етапів (рис. 144):
1. Планування — визначення тематики і призначення майбутнього сайта.
2. Розробка — розробка структури сайта, добір матеріалів, вибір програмних засобів для його створення.
3. Створення окремих сторінок відповідно до структури, включення до них гіперпосилань.
4. Тестування — перевірка та редагування веб-сайта.
5. Розміщення — розміщення сайта в Інтернеті.
6. Підтримка — оновлення вмісту сайта.
Планування
На етапі планування, перш за все, слід визначити призначення майбутнього сайта: це буде персональний сайт або сайт організації, електронна енциклопедія чи сайт бібліотеки, сайт для дистанційного навчання тощо. Тут же доцільно визначити, буде сайт тематичним чи різні його сторінки будуть присвячені різнім темам і яким саме.
Розробка
Наступний крок — розробка структури сайта. При розробці структури сайта слід визначитися з необхідною кількістю сторінок та встановити зв'язки між ними. Розрізняють іінійну, ієрархічну та довільну структури сайта.
Лінійну структуру веб-сайта доцільно вико¬ристовувати у разі послідовного представлення інформації, наприклад, про товари та послуги або матеріали навчального посібника. Перегляд таких сайтів здійснюється послідов¬но: від початкової (головної) до останньої сторінки. Кожна сторінка має посилання тільки на одну, наступну сторінку сайта. Інколи, для зручності навігації по сайту до сторінки також додається посилання на попередню сторінку (рис. 145).
При ієрархічній структурі створюється одна сторінка (головна), яка не має попередніх, решта сторінок мають лише одну попередню сторінку (рис. 146). При ієрархічній структурі кожна сторінка може містити посилання на довільну кількість сторінок сайта. Така структура найкраще підходить для сайтів, що містять різну за тематикою інформацію: каталогів, зібрань статей з різних тем або добірок послань.
Рис. 146

Така структура найкраще підходить для сайтів, що містять різну за тематикою інформацію: каталогів, зібрань статей з різних тем або добірок послань

Найчастіше для створення сайтів використовують довільну структуру. При такій структурі сайта його сторінки пов'язані між собою довільним чином (рис. 147). У сайтах довільної структури можна виділити фрагменти, які є лінійними або ієрархічними.
Рис. 147

У сайтах довільної структури можна виділити фрагменти, які є лінійними або ієрархічними.

Прикладом довільної побудови структури сайта може бути Інтернет-енциклопедія Вікіпедія. Цей проект стартував у 2001 р. Нині статті до цієї енциклопедії пишуться 250 мовами народів  світу. Характерною особливістю Вікіпедії є те, що її статті відкриті для доповнення і змін будь-яким користувачем.
У Вікіпедії на даний час розміщено більше 6 млн. статей. Орієнтовна кількість авто¬рів та редакторів — 50 тис. В україномовному розділі енциклопедії  налічується 124 тис. статей, працюють 15 тис. авторів та редакторів.
Вікіпедія знаходиться в десятці найбільш відвідуваних веб-ресурсів світу за кількістю запитів сторінок щомісяця. Так, кожний 200-й запит в Інтернеті направляється у Вікіпедію.
Вікіпедія складається з окремих розділів. Працюючи з матеріалами цієї енциклопедії, ви можете здійснювати різноманітні переходи та самостійно визначати послідовність перегляду окремих сторінок.
На етапі розробки необхідно також здійснити добір матеріалів і вибрати програмні засоби, за допомогою яких будуть розроблятися веб-сторінки.
Створення
На етапі створення відбувається наповнення веб-сторінок конкретними матеріалами, а також створення гіперпосилань для зручної навігації сайтом. При цьому потрібно слідувати правилам оформлення (дизайну) веб-сторінок, якими ви користувалися при створенні презентацій.
Тестування
Дуже важливим при створенні сайта є етап тестування. На цьому етапі потрібно перевірити:
• чи правильно працюють усі гіперпосилання;
• чи зручною є навігація сайтом;
• чи відкриваються при відкритті сторінок графічні зображення;
• чи зручно розташовані для сприйняття матеріали на сторінках тощо.
У разі необхідності, потрібно внести зміни в наповнення або структуру сайта, зміни¬ти гіперпосилання.
Розміщення
На наступному етапі потрібно визначити, де буде розміщено створений вами сайт. Веб-сайт можна розмістити:
• на власному сервері установи;
• на сервері вашого провайдера;
• на сервері організації, яка спеціалізується у наданні послуг розміщення сайтів користувачам Інтернету;
• на сервері, який надає послуги вільного і безкоштовного розміщення сайтів. Сьогодні окремі організації в мережі Інтернет пропонують користувачам безкоштов¬ні послуги щодо створення веб-сайтів з використанням готових шаблонів та одночасним їх розміщенням на серверах цієї організації.
Після розміщення сайта в Інтернеті потрібно здійснювати його підтримку, щоб сайт не втрачав своєї популярності. Ця підтримка полягає в періодичному оновленні та доповненні існуючих матеріалів, створенні нових цікавих сторінок тощо.

Запитання та завдання 1. Що таке НТМL-документ?
2. Де можна створювати веб-сторінки і веб-сайти?
3. Назвіть етапи створення сайта.

4. Опишіть етапи створення сайта.
5. Які структури сайта ви знаєте? Охарактеризуйте кожну з них.
6. Чому найчастіше для створення сайтів використовують довільну структуру?
7. Створіть структуру і опишіть наповнення сайтів:
а) Моя родина.
б)моє рідне місто
в) Вулиця, на якій я живу.
г) Мій клас.
8. Знайдіть у Вікіпедії інформацію про:
а) геосервіси Інтернету;
б) мови розмітки гіпертекстових документів;
в) Веб2.0.
9. Підготуйте презентації із запропонованих у п. 8 тем.

Ломаковська Г.В., Проценко Г.О., Ривкінд Й.Я. Інформатика 8 клас

Вислано читачаму з інтернет-сайту

Шкільна бібліотека онлайн, підручники та книги по всім предметам, Інформатика 8 клас скачати


Зміст уроку
1236084776 kr.jpg конспект уроку і опорний каркас                      
1236084776 kr.jpg презентація уроку 
1236084776 kr.jpg акселеративні методи та інтерактивні технології
1236084776 kr.jpg закриті вправи (тільки для використання вчителями)
1236084776 kr.jpg оцінювання 

Практика
1236084776 kr.jpg задачі та вправи,самоперевірка 
1236084776 kr.jpg практикуми, лабораторні, кейси
1236084776 kr.jpg рівень складності задач: звичайний, високий, олімпійський
1236084776 kr.jpg домашнє завдання 

Ілюстрації
1236084776 kr.jpg ілюстрації: відеокліпи, аудіо, фотографії, графіки, таблиці, комікси, мультимедіа
1236084776 kr.jpg реферати
1236084776 kr.jpg фішки для допитливих
1236084776 kr.jpg шпаргалки
1236084776 kr.jpg гумор, притчі, приколи, приказки, кросворди, цитати

Доповнення
1236084776 kr.jpg зовнішнє незалежне тестування (ЗНТ)
1236084776 kr.jpg підручники основні і допоміжні 
1236084776 kr.jpg тематичні свята, девізи 
1236084776 kr.jpg статті 
1236084776 kr.jpg національні особливості
1236084776 kr.jpg словник термінів                          
1236084776 kr.jpg інше 

Тільки для вчителів
1236084776 kr.jpg ідеальні уроки 
1236084776 kr.jpg календарний план на рік 
1236084776 kr.jpg методичні рекомендації 
1236084776 kr.jpg програми
1236084776 kr.jpg обговорення


Если у вас есть исправления или предложения к данному уроку, напишите нам.

Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - Образовательный форум.