Введення
В даний час в Росії реалізується національний проект «Освіта». У відповідність з цим проектом до школи прийшли сучасні комп'ютери. У навчальний план школи вводяться нові предмети і елективні курси. Одним з таких курсів є курс «Web-конструювання». Кожна школа вже підключена до Інтернету. Виникає необхідність створювати шкільні Інтернет-сторінки, на яких будуть розміщені матеріали про сьогоднішнім день школи та її історії.У сучасному світі вибухнув справжній «бум» сайтобудування. Свої сторінки в Інтернеті мають усі: державні установи, різні компанії, школи. Ви теж можете побудувати свій власний віртуальний будинок.
Існують безліч програм, спеціально призначених для створення нових Web-сайтів. Наприклад, MS Front Page чи Macromedia Dream Weaver. Всі вони надають широкі можливості для візуального створення сайтів. Це і добре і погано.
Добре тому, що ми зможемо створити наш сайт за лічені хвилини. Оснастимо його картинками, гарно оформленим текстом та гіперпосиланнями. Однак при цьому ми ніколи не дізнаємося, як «влаштована» наша сторінка, з чого вона складається і як взаємодіють всі її компоненти. Крім того, будь-яка програма для створення сайтів пред'являє певні вимоги до комп'ютера, на якому буде працювати, і не виключена ймовірність того, що Ви не зможете використовувати сподобався продукт через недостатню потужність свого ПК.
Тому скористаємося іншим більш простим способом. Ми станемо складати наші сторінки з найпростіших елементарних команд мови HTML, який спеціально призначений для розмітки гіпертекстових документів, якими і є сайти.
Для цієї роботи нам не потрібно надпотужного комп'ютера, оскільки робота буде відбуватися у звичайній програмі «Блокнот», яка входить в базовий комплект MS Windows.
Крім цього нам буде потрібно будь-який браузер, наприклад MS Internet Explorer, а так само - будь-який графічний редактор - у нашому випадку програма ACDSee і Adobe Photoshop.
У самому кінці роботи, коли прийде час опублікувати наш готовий сайт в мережі Internet, нам буде потрібно спеціальна програма FTP-клієнт, в якості якого виступить програма FAR, дуже схожа на Norton Commander.
Об'єкт дослідження: методика вивчення курсу інформатики.
Предмет дослідження: методика вивчення елективного курсу «Web-конструювання».
Цілі дослідження:
· Вивчити науково-методичну літературу з даної теми.
· Проаналізувати етапи побудови Web-сайтів.
· Навчити, використовуючи засоби HTML, будувати корисні комп'ютерні програми, які можна було б використати на локальному комп'ютері у себе вдома, в школі або на базі отриманих знань побудувати власну сторінку в Інтернеті.
· Публікація відредагованого сайту «Лукоянівська педагогічний коледж» в мережі Інтернет
Робоча гіпотеза: вивчення даної теми спрямоване на формування знань, умінь і навичок щодо створення власної Web-сторінки на основі мови HTML і подальше розміщення її в Internet.
Структура сайту
Створюючи сайт, потрібно продумати його структуру. Добре структурований сайт дозволяє швидко знаходити потрібну сторінку сайту. Структура сайту відображає логічний зв'язок сторінок сайту.Щоб відкрити головну Інтернет - сторінку, потрібно запустити файл, який називається Index. Це стандартне позначення першої (головної) сторінки сайту. Так називаються і всі перші сторінки окремих Інтернет - проектів, які тут містяться.
Розглянемо структуру сайту. На головній сторінці є посилання на другорядні сторінки. Така структура називається ієрархічною. Якщо подивитися файлову структуру, то вона така ж: у кореневій папці знаходиться запускную файл (Index) та папки окремих Інтернет - проектів (cult, flash, history ...), а в цих папках знаходяться вже файли готельних Інтернет - сторінок та інші допоміжні папки ( наприклад - папка Pic, що містить малюнки для Інтернет - сторінок, або папка з Flash - проектами).
Розробляючи сайт, потрібно подумати про навігацію або по - іншому про систему посилань, щоб було зручно і швидко переміщатися по всьому сайту. Дуже важливо, щоб система роботи посилань була єдиною, то є скрізь однаковою (Наприклад, на кожній головній сторінці окремого проекту є посилання на головну сторінку всього сайту. Вона виконана вигляді кнопки. Важливо щоб на кожній головній сторінці іншого проекту була така ж кнопка і щоб вона також діяла, а не відправляла на іншу сторінку). Якщо клацнути по будь-якої посиланням з головної сторінки, то ми потрапимо на сторінку окремого Інтернет проекту, наприклад на Інтернет - проекти. На цій сторінці також є посилання на вкладені сторінки Інтернет - проектів. На кожній головній сторінці є посилання на головну сторінку всього сайту (вона виконана вигляді кнопки, на якій намальований будиночок) і посилання на головну сторінку наступного (попереднього) Інтернет - проекту (це стрілка вправо або вліво, в залежності від положення в сайті даного Інтернет - проекту).
Але це були елементи навігації, присутні на кожній головній сторінці окремого Інтернет - проекту, вони знаходяться в строго визначеному місці - ліворуч внизу. А основне місце сторінки займають посилання на вкладені сторінки, тобто на утримання Інтернет проекту. На воженних станицях є стандартні для всіх сторінок елементи: кнопки «Додому», «Ліворуч», «Вгору», «Праворуч». Кнопка «Додому» в даному випадку буде відправляти нас не на головну сторінку всього сайту, а на головну сторінку цього проекту. Кнопки «Ліворуч», «Праворуч» необов'язково будуть присутні на кожній вкладеної сторінці, тільки на тих, які знаходяться на одному рівні ієрархії з іншими вкладеними сторінками проекту. А кнопка «Вгору» відправляє на рівень вгору. Якщо наступний рівень - це головна сторінка, то це буде кнопка «Додому». Це теж обов'язковий елемент будь-якої сторінки сайту і знаходяться вони тільки зліва внизу.
На вкладених сторінках можуть бути текстові посилання на інші сторінки, які вожени далі за змістом. Наприклад: в реченні «У обчисленнях Ви можете потренуватися тут». Слово «тут» нас відправить на сторінку з тренажером.
У будь-якому Інтернет - проекті є сторінка з картою даного Інтернет - проекту. На головній сторінці є посилання на карту всього сайту. За допомогою такої карти можна одразу потрапити на потрібну сторінку і можна простежити структуру сайту, логічний зв'язок сторінок.
Підготовка фотографій для сайту
Ілюстрації в тексті радують око і роблять документ більш привабливим. Браузери "розуміють" два графічні формати GIF та JPG. JPG - для фотографій і дуже складних по колірній гамі малюнків з плавними колірними переходами. Фотографія в JPG-форматі.GIF - для логотипів, написів, заголовків, малюнків, що мають чіткі колірні кордону. Таке розширення мають зображення А.М. Горькова і Орден Трудового Червоного Прапора у верхній частині сторінок.
GIF-формат має три приємні додаткові можливості:
· Мультиплікація
· Прозора графіка
· Черезрядкова
Обробка графіки для Інтернет-сторінок Adobe Photoshop
В даний час Інтернет-сторінки неможливо уявити собі без графіки. Графіка дозволяє зробити їх більш цікавими, змістовними, зрозумілими та приємними для очей користувачів Інтернету. Але не кожну картинку можна вставити в HTML-документ. Основною вимогою до них є малий об'єм при досить високій якості зображення. Домогтися цього можна декількома способами. Але в основі кожного лежить робота з графічним редактором Adobe Photoshop.Щоб зменшити її обсяг і розмір фотографії потрібно:
1. Завантажити потрібну фотографію в редактор.
2. Натиснути кнопку Зображення в головному меню, вибрати пункт Розмір зображення.
3. У вікні, Розмір малюнка знайти пункт дозвіл і змінити його на менше. Розмір фотографії зменшиться.
4. Виберіть команду Файл-Зберегти для Web.
5. З пропонованих форматів потрібно вибрати формат JPEG. Далі, погоджуючись з тим, що запропонує вам комп'ютер при конвертуванні, можна зменшити обсяг фотографії в кілька разів.
Огляд програми ACDSee
Для того, щоб створити HTML-альбом у програмі ACDSee. Ми повинні відкрити програму. Вибрати папку, яка містить потрібні файли. Виділити їх. Вибираємо в меню кнопку Створити. Створити HTML-альбом.У діалоговому вікні натискаємо кнопку Далі. Потім у рядку Title пишемо назву альбому. Потім вибираємо формат і розмір довжини і ширини файлу. Далі вибираємо папку, в яку створиться HTML-альбом.
Мова HTML і його призначення
HTML - це спеціальна мова, на якому описується як повинен бути показаний документ на екрані комп'ютера. Найважливішим елементом HTML-програми (HTML-документа) є заслання. Посилання дозволяє передавати управління з одного HTML-документа в іншій по контексту, тобто безпосередньо в тій точці документа, де в цьому є необхідність за змістом. Таким чином HTML-документи читають не як белетристику, від першої сторінки до останньої по-порядку, а як довідники, від однієї потрібної теми до іншої.
Отже, програмування посилань - це найголовніша властивість HTML-документа. Документи з посиланнями, які передають управління іншим документам, називаються гіпертексту. Можна сказати, що мова HTML - це мова для програмування гіпертексту. Саме так і розшифровується абревіатура H yper T ext M arkup L anguage (мова розмітки гіпертексту).
Другий, важливою особливістю HTML-документа, є його незалежність від комп'ютерних платформ (DOS, Windows, UNIX, MacOS ,...), а також від типу відеовиводу конкретного комп'ютера (CGA, EGA, VGA, SVGA ,...).
Чим забезпечується така універсальність?
HTML-текст - це програма, яка задає інформацію і правила показу цієї інформації на екрані комп'ютера. Для кожної платформи створюється спеціальна програма-інтерпретатор ("браузер" в термінології Інтернету), яка повинна інтерпретувати (виконувати) HTML-програму за єдиними стандартними правилами. Браузер враховує особливості комп'ютера для максимального дотримання стандарту, HTML-програма нічого про комп'ютер не знає.
Зазначені вище два найважливіших властивості HTML-текстів дозволяють використовувати HTML-програмування для конструювання сторінок Інтернету.
Будь-яка Інтернет-сторінка представляє собою текстовий файл у форматі «Текст Windows». Розширення імені файлу, що містить текст Інтернет-сторінки, повинен бути htm. Файл головної сторінки повинен називатися index.htm або welcome.htm. інші сторінки сайту можуть мати довільні імена, а користувач буде потрапляти на них по посиланнях з основної сторінки.
Весь вміст Інтернет-сторінки укладається між тегами <HTML> ... </ HTML>, який вказує браузеру, що даний текст є HTML - документ і, можливо, містить у собі теги, які браузер повинен виявити, розпізнати і правильно інтерпретувати.
Типова Інтернет-сторінка складається з двох частин: заголовка (HEAD) і тіла (BODY).
Ось приклад тексту найпростішої HTML-програми:
<HTML> початок HTML-документа
<HEAD> початок заголовка
<META http-equiv = "Content-Type"
content = "text / html; charset = windows-1251"> інформація про документ
<TITLE> Вправа 1 </ TITLE> назва документа
</ HEAD> кінець заголовка
<BODY> початок тіла
<H1> Перший HTML-документ </ H1> заголовок
<HR> горизонтальна лінія
<P> початок абзацу
Корова не схожа на коня. абзац
А кінь не схожа на корову.
Саме ця подібність
ми і беремо за основу.
</ P> кінець абзацу
</ BODY> кінець тіла
</ HTML> кінець HTML-документа
Команди мови (теги) полягають в кутові дужки. Як правило, теги парні. Перший тег відкриває опис команди, визначає її початок, другий, що відрізняється від першого наявністю косою риси "/" перед ключовим словом (ім'ям тега), закриває його. Тег <HTML> повинен відкривати програму, а тег </ HTML> - закривати її.
Між цими двома основними тегами розташовується головна частина програми (заголовок програми) і її тіло.
<HTML>
заголовок програми
тіло програми
</ HTML>
Тема HTML-документа
У цьому блоці (<HEAD> ... </ HEAD>) описуються загальні правила інтерпретації HTML-документа в цілому і міститься допоміжна інформація про документ.Команда:
META http-equiv = "Content-Type"
content = "text / html; charset = windows-1251">
задає браузеру інформацію про кодування, в якій написаний текст HTML-документа. У даному випадку задана стандартна кодування Windows.
Назва HTML-сторінки
Між парою тегів <TITLE> та </ TITLE> розташовується ім'я HTML-документа. Це ім'я браузер використовує в заголовку вікна Windows, в якому показує документ.Тіло програми
Між тегами <BODY> та </ BODY> розташовуються команди, слідуючи яким браузер виводить інформацію у вікно документа, наприклад:<H1> ...</ H1> - заголовок
<HR> - горизонтальна лінія
<P >...</ P> - абзац
Заголовки є важливою частиною документа. Вони поділяють інформацію на окремі логічні частини і тому істотно поліпшують її сприйняття.
Заголовки бувають різні за значенням, або як кажуть, по рівню. Підручник, наприклад, має назву - це заголовок першого рівня. Текст у підручнику розбитий на глави; назви розділів - це заголовки другого рівня. Глави містять параграфи з заголовками третього рівня. Параграфи - пункти, позначені заголовками четвертого рівня.
У HTML-документі підтримуються заголовки шести рівнів за допомогою конструкції
<Hn> текст заголовка </ Hn>
Тут як n слід використовувати одну з цифр 1-6, що позначає рівень заголовка.
Лінія - найпростіший графічний елемент, який вміє будувати браузер. Горизонтальна лінія задається тегом <HR>, і цей тег не має парного закриває. Браузер, виконуючи цю команду, виведе на екран горизонтальну лінію:
Горизонтальні лінії зручно використовувати для додаткового виділення (чи поділу) елементів документа на екрані.
Як правило браузер використовує не червону, а порожню рядок для відділення одного абзацу від іншого або абзацу від інших елементів документа. Задається абзац тегами <P> і </ P>, між якими міститься текст. Фактично робота тега <P> зводиться до висновку перед текстовим фрагментом порожнього рядка. А ось парний тег </ P> просто ігнорується браузером, тому його можна і не писати.
· Абзац вирівнюється по лівому краю.
· Між словами завжди поміщається рівно по одному пробілу незалежно від того, скільки пропусків ви помістіть в HTML-програмі.
· Перенесення тексту на новий рядок відбувається тоді, коли чергове слово не поміщається в екранній рядку, а не тоді, коли ви перейшли на новий рядок в HTML-програмі.
«Фізичне» і «логічне» форматування тексту
Всі вже розглянуті способи форматування реалізують так звані «фізичні» стилі тексту, коли теги явним чином вказують його вигляд. Однак уHTML передбачено також і «логічне» форматування тексту, коли той чи інший тег вказує «назва» стилю, а конкретні характеристики відображення для нього заздалегідь зумовлені в браузері. Ось приклад декількох назв стилів:
<EM> ...</ EM> Шрифтове виділення
<STRONG> ...</ STRONG> Особлива шрифтове виділення
<CITE> ...</ CITE> Цитата
<KBD> ...</ KBD> Введення з клавіатури
Авторське редагування тексту HTML. Найпростіший спосіб, який дозволяє заощадити час при розміщенні на сторінці скільки завгодно довгого фрагмента вже відформатованого тексту: укладіть його між тегами <PRE> ...</ PRE>, і браузер збереже всі прогалини і розбиття на рядки, а використовуваний при відображенні такого тексту моноширинний шрифт сімейства Courier забезпечить збереження вирівнювання.
Основні теги HTML
HR тег горизонтальної лініїФорматування тексту
FONT тег завдання параметрів шрифту.
I тег виділення тексту курсивом
EM тег логічного наголосу
B тег виділення тексту жирним шрифтом
STRONG тег посиленого виділення
BIG тег збільшення шрифту
SMALL тег зменшення шрифту
Списки
UL тег ненумерованого списку
OL тег нумерованого списку
LI тег пункту списку
DL, DT, DD теги для завдання списку визначень (термін і його опис)
Об'єкти
IMG тег вставки зображення
EMBED тег вставки різних об'єктів: не-HTML документів та media-файлів ...
APPLET тег вставки Java аплетів
Таблиці
TABLE тег створення таблиці
TR тег рядки таблиці
TD тег стовпця таблиці
Форми
FORM тег створення форми
TEXTAREA тег текстової області
SELECT тег меню, що випадає
OPTION тег пункту меню, що випадає
INPUT тег поля форми
Розміщення інформації на Інтернет-сайті
Сайт Лукояновского педагогічного коледжу розташована за адресою http: \ \ lukped.narod.ru. Зайти на нього для доповнення матеріалу зручно через пошукову систему Яндекс. Заходимо на Яндекс.Вибираємо посилання Народ в лівій частині Народу вибираємо посилання Створити свій сайт. Пишемо логін і пароль.
Потрапляємо в майстерню. Окремі файли можна завантажити. На цій сторінці кілька розділів: Мій дім, Мій бізнес, Спілкування, Цеглинки, Редагування та управління, Мої дані.
У майстерні можна керувати файлами сайту. Для цього клацаємо на посилання «Управління файлами і HTML редактор». Ми заходимо в майстерню управління файлами. Тут можна виконувати стандартні операції над файлами, а саме:
· Копіювати;
· Перемістити;
· Видалити.
Нам необхідно додати матеріал, який ми підготували, тобто графічні файли, HTML-документи на сайт навчального закладу.
Можна також переглянути вміст будь-якої папки. Для цього клацаємо на ім'я папки, і ми безпосередньо заходимо в цю папку, де можуть розташовуватися вкладені папки, сторінки, текстові файли і малюнки. Ми додаємо інформацію в папку 2008-2009. Заходимо в неї.
За допомогою майстерні можна також завантажувати на сайт файли створені і відредаговані безпосередньо на своєму комп'ютері. Розглянемо докладніше як це робиться.
У майстерні клацаємо по посиланню «Завантаження файлів на сайт». Перед нами відкривається вікно завантаження в якому можна набрати адресу завантаження, або, натиснувши кнопку огляд, вибрати потрібний файл для завантаження, у нашому випадку файл News Виділяємо його і натискаємо відкрити додаємо оновлений файл News.
Повертаємось назад у розділ Керування файлами, тепер бачимо, що News Тобто ми можемо подивитися. Текстова частина є, а малюнки відсутні.
Наше завдання вставити замість порожніх клітинок фотографії. Їх помістимо в папку pic і виконуємо ті ж дії і по черзі, завантажуємо файли.
Максимальна кількість файлів, які можна завантажувати, дорівнює десяти, але слід звернути увагу на те, що обсяг кожного файлу не повинен перевищувати 5 Мб! Після виконаних дій натискаємо кнопку завантажити файли.
Файли на сайт можна також завантажувати з допомогою FTP-протоколу (File Transfer Protokol - протокол передачі файлів), який дозволяє передавати файли з одного комп'ютера на інший. Комп'ютери, на яких знаходиться інформація для передачі по FTP-сервера називаються FTP-серверами. Потрібний нам FTP-сервер - це комп'ютер провайдера, який буде публікувати сайт. У даному випадку провайдер надає FTP - вхід з власним паролем. Щоб перекачати файли, потрібні спеціальні програми: CuteFTP, Windows Commander, Far Manager. Щоб працювати з сервером провайдера, потрібно налаштувати одну з цих програм. Для цього потрібні три основні речі: адреса FTP - сервера провайдера, ім'я та пароль. Далі завантажуємо одну з цих програм та налаштовуємо FTP - з'єднання. Після установки з'єднання, можна перекачувати файли.
Надалі можна таким же чином доповнювати або змінювати файли, тим самим вносячи зміни в наш сайт. Пропонують копіювати посилання.
Огляд шкільних підручників
У підручниках з інформатики різних класів є теми з вивчення HTML.У підручнику інформатики 7 -9 [3] дається поняття, що таке гіпертекст. HTML (HyperText Markup Language) (§ 37). Знайомляться з основними елементами обробки тексту ЕОМ, в тому числі і HTML (§ 3). У § 36 діти знайомляться з поняттями інформаційні мережі, знайомляться з історією Інтернету. У § 37 діти знайомляться з інформаційними можливостями Інтернету, виникнення World Wide Web, всесвітнім гіпертекстом: URL і HTTP.
У підручнику інформатики 10 - 11 [2] є особливий розділ Основи мови гіпертекстової розмітки документа. У цьому розділі розглядаються такі питання, як Web - сайти і Web - сторінки, форматування тексту та розміщення графіки, гіперпосилання на Web - сторінках, списки на Web - сторінках, форми на Web - сторінках, інструментальні засоби створення Web - сторінок, тестування і публікація Web - сайту. Є короткий словничок тегів.
У підручнику інформатики 10 - 11 [1] є розділ Комп'ютерні комунікації, в якому розглядаються теми, як комп'ютерні мережі, Інтернет, гіпертекст, способи отримання інформації, пошук у мережі Інтернет, етику Інтернету, небезпеки Інтернету, а також проводяться лабораторні роботи з виготовлення перших HTML - сторінки. Є короткий словничок тегів.
Висновок
Комп'ютери, що надійшли в школи, у відповідності з національним проектом «Освіта» мають у своєму складі модем. Він дозволяє підключитися до Інтернету. У шкіл з'являється можливість створити свій Web-сайт і опублікувати його в Інтернеті. Наша робота показує, як це можна зробити засобами мови гіпертексту.Я вивчила науково-методичну літературу з даної теми, проаналізував етапи побудови комп'ютерних додатків. Було розглянуто:
· Основи мови HTML;
· Розміщення тексту на сторінці проекту;
· Обробка графіки для Інтернет-сторінки;
· Застосування таблиць;
· Вивчення мови HTML у школі.
Потім приступив до створення свого проекту - Web-сайту.
Були підготовлені файли 112 викладачів, побудованих на мові HTML. На центральній сторінці розміщено структурований список співробітників педколеджу. Всі співробітники розбиті по посадах і по відношенню до певної циклової комісії: музичних дисциплін, суспільних дисциплін, психолого-педагогічних дисциплін і т.д. Кожна прізвище в списку є гіперпосиланням, тобто клацаючи по ній мишкою ми можемо перейти на сторінку присвячену цього викладача. Тут можна дізнатися відомості про освіту, нагороди, місцях роботи методичної роботи та ін
Створений проект можна застосувати для будь-якої школи.
Список використаної літератури
1. Байков В.Д., Сафронов І.К. «Уроки Інтернету для школярів» - СПб.: БХВ - Петербург, 2003.2. Гейн А. Г., сіножатей А. І., Юнерман Н. А. «Інформатика: Учеб. Для 10 - 11 кл. загальноосвітніх. Установ »- 4-е вид. - М.: Просвещение,
3. Дуванов А. А. Інтернет для початківців. / / Газета «Інформатика». 1998р. № 36
4. Дуванов А. А. Інтернет для початківців. / / Газета «Інформатика». 1998р. № 40
5. Дуванов А. А. Інтернет для початківців. / / Газета «Інформатика» .1999 р. № 21
6. Лапчик М.П., Семакіна І.Г., Хеннер Є.К. «Методика викладання інформатики: Навчальний посібник для студентів педвузів»; Під загальною редакцією М.П. Лапчик. - М.: Видавничий центр «Академія», 2003.
7. Левін А.Ш. «Самовчитель роботи на комп'ютері, 7-е видання» - СПб.: Пітер, 2003
8. Леонтьєв В. П. «Новітня енциклопедія персонального комп'ютера 2002» - М.: ОЛМА-ПРЕСС, 2002.
9. Н. В. Макарова Інформатика. 10 -11 клас - СПб.: Пітер, 2002.ОЛМА-ПРЕС, 2002.
10. Семакін І.Г., Хеннер Є.К. «Інформатика. 10-й клас »- М.: БІНОМ. Лабораторія знань, 2002.
11. Семенов А. Л. «Роль інформаційних технологій в загальній середній освіті. / / Інформатика та освіта »2001. № 2.
12. Симоновича С. В. Інформатика. «Підручник для ВУЗІВ» Под ред. Санкт-Петербург: Питер, 2001.
13. Уваров А. Ю. «Інтернет в школі: зміна парадигми / / Інформатика та освіта» 2001. № 3.
14. Угринович Н. Д. «Інформатика та інформаційні технології». Навчальний посібник для
15. Угринович Н.Д., Босова Л.Л., Михайлова Н.І., «Практикум з інформатики та інформаційних технологій. Навчальний посібник для загальноосвітніх установ »- М: Лабораторія Базових Знань, 2001.
16. Усенков Д. «Уроки Web-майстра» - М.: Лабораторія Базових Знань, 2001.
17. Холмогоров В. «Комп'ютерна мережа своїми руками. Самовчитель »- СПб Пітер, 2003.
18. Шафрін Ю., Горячев А. «Практикум з інформаційних технологій» М.: Лабораторія базових знань, 1999.
19. Шафрін Ю.А «Підручник IBM PC» - М.: Біном. Лабораторія знань, 2002.
20. Якушина Є. В. «Вивчаємо Інтернет, створюємо веб - сторінку» 2 - е видання, серія «КомпАс» - СПБ.: Пітер, 2003.
21. Проект «Поколеніе.RU» та Федерація Інтернет освіти. / / Інформатика та освіта. 2001.,. № 5