KNOWLEDGE HYPERMARKET


Вступ в HTML. Повні уроки
Строка 141: Строка 141:
''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''  
''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''  
-
Якщо у вас є виправлення чи пропозиції до цього уроку, [http://xvatit.com/index.php?do=feedback напишіть нам].  
+
----
 +
 
 +
'''<u>Над уроком працювали</u>'''
 +
 
 +
 
 +
Гаврилюк М. І.
 +
 
 +
 
 +
Соловйов М. С.
 +
 
 +
----
 +
 
 +
 
 +
 
 +
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов&nbsp; высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
-
Якщо ви хочете побачити інші виправлення чи пропозиції до уроків, дивіться тут - [http://xvatit.com/forum/ Образовательный форум].
 
[[Category:Інформатика_10_клас]]
[[Category:Інформатика_10_клас]]

Версия 09:58, 10 марта 2011

Гіпермаркет Знань>>Інформатика>>Інформатика 10 клас. Повні уроки>> Інформатика: Вступ в HTML.


Тема: Вступ в HTML.

Мета: Ознайомити з технологією створення простих веб-сторінок за допомогою мови програмування HTML.

Хід уроку:


Перед початком вивчення цієї технології, потрібно сказати, що HTML – не тільки мова розмітки гіпертексту, а більш широке поняття, яке включає в себе Всесвітню Павутину, локальні комп'ютерні мережі, браузери, різноманітне програмне забезпечення, дизайн і т.д.


htmllll.jpg


Після появи перших комп'ютерів, програмісти задалися метою створити зв'язок між ними для передачі даних. З технічної точки зору в такому з'єднанні не було нічого неможливого, і, оскільки комп'ютерна техніка розвивалася, комп'ютерні мережі стали з'являтися скрізь.


xhtml000.jpg


Ідея всепланетної комп'ютерної мережі стала актуальною тоді, коли обчислювальні машини перестали бути власністю тільки установ і відомств; тобто коли з'явилися персональні комп'ютери.

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




HyperText Markup Language (мова розмітки гіпертексту) давно перестав бути просто мовою програмування. Поняття HTML містить у собі різні способи оформлення гіпертекстових документів, дизайн, браузери і багато чого іншого. Вивчивши цю мову, можна проробляти складні речі простими способами і, головне, швидко – а це у комп'ютерному світі значить дуже багато.


Html-сторінка - документ, створений у вигляді гіпертексту на основі мови HTML, має розширення html (htm) і в гіпертекстових редакторах і браузерах мають загальну назву.

Гіпертекст найбільш підходяща мова для включення мультимедійних елементів у документи. Завдяки розвитку саме гіпертексту, більшість людей одержала можливість створювати власні мультимедійні продукти, поширюючи їх на CD і DVD-дисках.


Tattoo.jpg


Такі продукти, виконані у вигляді Html-Сторінок, не вимогливі до спеціальних програмних засобів, тому що всі потрібні інструменти (Веб-браузери) для роботи з такими даними стали частиною «джентльменського набору» програмного забезпечення на будь-якому ПК.

У такому випадку, користувач повинен лише підготувати тексти і малюнки, створити Html-Сторінки і зв'язати їх.


Htmml.jpg


Html-мова як основа Веб-сторінок відіграє важливу роль у розвитку нового напрямку в образотворчому мистецтві - Веб-дизайну.

Художник, намалювавши гарні картинки, ілюстрації і логотипи, повинен якось розмістити свої роботи в Мережі. І не просто розмістити, а продумати зв'язки між Веб-сторінками, щоб усі правильно «відгукувалися» на дії користувача, вражало його уяву і викликало бажання створити щось своє.


Dochtm.jpg


Особливості гіпертексту.

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


Якщо зрівняти гіпертекстовий документ і документ MS Word, то в таких випадках використовуються ті самі прийоми форматування:

  • вибір шрифта
  • колір
  • окреслення
  • вирівнювання
  • вставка таблиць і малюнків


Brozerss.jpg



Але в документі Word механізм форматування схований від користувача і працювати з файлом можна лише в текстовому редакторі. У системі гіпертексту закладений інший принцип – такі документи можна відкривати в будь-якому текстовому редакторі і бачити яким чином, наприклад, відформатований текст і т.д.

Зрозуміло, що переглянути документ у відформатованому вигляді можна тільки в браузерах.




Усі елементи мови можна умовно розділити на три групи:

  • елементи, які створюють структуру гіпертекстового документа. Їхнє використання є необхідним і важливим моментом при побудові сторінки.
  • елементи, які створюють ефекти форматування. Їх використовують при конкретних вимогах до документу і при наявності фантазії і уміння розробника
  • елементи, які управляють програмними засобами, встановленими на комп'ютері користувача



Самоконтроль:

1. Що таке HTML?

2. Яке розширення має Html-Сторінка?

3. Яким програмним забезпеченням можна переглядати веб-сторінки?

4. Назвіть кілька особливостей гіпертексту.

5. Основні елементи мови HTML.


Список використаної літератури:

1. Урок на тему: «Вступ в мову HTML», Гаврилюк М. І., м. Севастополь, АР Крим.

2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010.

3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010.

4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.

5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007.


Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.


Над уроком працювали


Гаврилюк М. І.


Соловйов М. С.



Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.

Предмети > Інформатика > Інформатика 10 клас