Розробка електронного підручника на мові HTML - Курсовая работа

Для навігації в WWW використовуються спеціальні програми - Web-браузери, які істотно полегшують користування ресурсами WWW. Вся інформація в Web-браузері відображається у вигляді Web-сторінок, які є основним елементом байтів WWW.Web-сторінки, підтримуючи технологію мультимедіа, обєднують в собі різні види інформації: текст, графіку, звук, анімацію і відео. Користувачеві приємно відвідувати ті Web-сторінки, які мають стильне оформлення, не обтяжені надмірно графікою і анімацією, швидко завантажуються і правильно відображаються у вікні Web-браузера. Особливої актуальності набуває проблема розробки Web-сайтів навчальних закладів та використання Internet-технологій в системі освіти. Отже, актуальність постановки, вивчення та вирішення проблеми цілеспрямованого використання Internet-технологій в освіті в цілому і Web-дизайну для навчальних закладів зокрема, не викликає сумнівів. Вивчити Web-технологію та мови HTML і її можливості в Web-дизайніWeb-сторінки можуть існувати в будь-якому форматі, але в якості стандарту прийнятий HYPERTEXTMARKUPLANGUAGE - мова розмітки гіпертекстів, призначений для створення форматованого тексту, насиченого зображеннями, звуком, анімацією, віде о та гіпертекстовими посиланнями на інші документи, розкидані як по всьому Web-простору, так і що знаходяться на цьому ж сервері або є складовою частиною цього ж Веб-проекту. Можна працювати на Web без знання мови HTML, оскільки тексти HTML можуть створюватися різними спеціальними редакторами і конвертерами. Вивчаючи HTML і пізнаючи його глибше, створюючи документ на початку вивчення HTML і розширюючи його наскільки це можливо, ми маємо можливість створювати Web-сторінки, які можуть бути, переглянуті багатьма браузерами Web, як зараз, так і в майбутньому.Оскільки HTML-документи записуються в ASCII-форматі, то для її створення може бути використаний будь-який текстовий редактор. Текст самих тегів Веб-браузером не відображається. Зазвичай є пара тегов - стартовий (відкриває) і завершальний (що закриває) тег (схоже на що відкриваються і закриваються дужки в математиці), між якими міститься розмічається інформація: Інформація Браузер, який читає HTML-документ, відображає його у вікні, використовуючи структуру HTML-тегів. Пара цих тегів повідомляє програмі перегляду (браузеру) що між ними укладе но документ у форматі HTML, причому першим тегом в документі повинен бути тег (на самому початку документа), а останнім - (в самому кінці документа).Тому переклад рядка в початковому тексті HTML-документа не приведе до початку нового рядка в видимій оглядачем тексті при відсутності спеціальних тегів. Це правило дуже важливо памятати і не забувати ставити розділяють рядки теги, інакше у тексту не буде абзаців, і він стане нечитабельним. Для початку нового рядка використовується тег (скор. від англ. Для початку нового абзацу використовується тег (англ. paragraph - абзац). Цей тег, крім початку нового рядка, вставляє одну порожню рядок.В даній дипломній роботі всі сторінки сайту крім першої містять фрейми. Фрейми дозволяють розділити вікно браузера на невеликі частини, кожна з яких виводить свій HTML документ. Основна специфікація фрейма працює з NETSCAPENAVIGATOR 2.0 і вище, а також з MICROSOFT Internet Explorer, починаючи з версії 3.0.Також обовязковими елементами сторінки служать текст, який може бути статичним на екрані, може бути анімованим, причому його кількість на екрані безпосередньо впливає на розміри файлу. Будь-який текст містить параметри форматування, такі як висота шрифту, накреслення шрифту і інше. Для навігації по сайту і для звязку з автором існує система посилань, які характеризуються обєктом посилання (на кого здійснюється посилання, на документ усередині сайту або ж на школу або автора сайту) і типом посилання, які можуть бути текстовими або графічними. Без сумніву, будь-який сайт може і повинен містити графіку. Відкриваю текстовий редактор Notepad (рис.2.1) і записую код HTML, починаючи розробляти сайт.Для того щоб ми могли побачити наш матеріал в нашу сайті на мові HTML повинні бути гіперпосилання, тому ми це розглянемо у цьому підрозділі. В корневій папці с сайтом знаходимо наш файл "index.html" і відкриваємо за допомогою текстового редактора Notepad , бачимо код нашого електронного підручника, і знаходимо нашу частину текста, в яку ми будемо вставляти переходи на інші сторінки в підручнику. Код сайту на HTML буде мати такий вигляд: ІНСТРУКЦІЯ Раніше ми могли при натисканні на кнопку меню під назвою "ІНСТРУКЦІЯ" переходити заново на ту ж саму сторінку, тепер нам потрібно при наведенні на це меню бачите 12 підрозділів, дати їм назву, і при натисканні на підрозділ має появитися матеріал с правого боку, цього ми достигли за допомогою фреймів, без них ми би переходили на другу сторінку, с другим зовсім шаблоном, отже, створюємо в папці файл с ім. `ям "1.html", "2.html", "3.html" "4.html" "5.html" "6.html" "7.html" "8.html" "9.html&q

Зміст

Вступ

1. Загальна частина

1.1 Створення Web-сторінки за допомогою мови HTML

1.2 Структура HTML документа

1.3 Форматування тексту

1.4 Фрейми

2. Спеціальна частина

2.1 Структура інформаційних потоків

2.2 Розробка сайта у текстовому редактору Notepad

2.3 Гіперсилки в меню сайта

3. Економічна частина

Висновки

Література