Створення сайту дистанційного навчання

 

Содержание

Вступ

1. Аналіз предметної області

1.1 Особливості використання каскадних таблиць стилю CSS

1.2 Функціональні можливості мови розмітки даних HTML

1.3 Особливості JavaScript

2. Розробка та створення сайта дистанційного курсу

2.1 Макет сайта дистанційного курсу за темою: "Граматика англійської мови"

2.2 Функції CSS, які були використані при розробці сайта

2.3 Огляд існуючих сайтів дистанційного навчання

3. Розробка сайта дистанційного курсу за темою "граматика англійської мови"

3.1 Інструкція для користувача

3.2 Вимоги до програмного забезпечення

Висновоки

Список джерел інформації

Додатки

Вступ

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

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

Мета курсової роботи - створення дистанційного навчального курсу за темою "Граматика англійської мови".

Актуальність даного виду навчання підтверджує динамічний розвиток мережі Інтернет, який забезпечить подальший розквіт дистанційного навчання.

Говорячи далі про достоїнства і переваги дистанційної форми навчання, перш за все, слід згадати перспективи впровадження даної форми в систему підвищення кваліфікації, післядипломної освіти. Ці перспективи мають і цілком конкретні економічні передумови. Нескладні розрахунки показують, що витрати на проведення традиційних очних курсів (що включають витрати на утримання будівель, аудиторій, комп'ютерних класів) вище витрат на організацію дистанційних курсів.

сайт дистанційне навчання програмне

1. Аналіз предметної області

1.1 Особливості використання каскадних таблиць стилю CSS

Каскадні таблиці стилів (англ. <#"justify">·Стилі автора (інформація надана автором сторінки):

oзовнішні таблиці стилів (англ. <#"justify">·Стилі користувача

oлокальний. css-файл, вказаний користувачем для використання на сторінках і вказаний в налаштуваннях браузера (наприклад Opera <#"justify">·Стилі переглядача (браузера)

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

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

Переваги

·Інформація про стиль для цілого сайту <#"justify">За назвою елементу: наприклад для всіх p або h2;

Контекстний селектор: <p>Текст<strong> Текст </strong> Текст </p>;

Селектор по класу: <p style=color: red> Текст</p>

<p style=color: blue> Текст</p>

<p>red <p> blue. red{color: red; }. blue {color: blue; }

Селектор за ідентифікатором (id): p# red{color: red; } p id=red> Текст</p>

<div id=blue> Текст</p>

Для більш точного визначення стилю можуть використовуватися псевдо-класи (англ. <#"center">.2 Функціональні можливості мови розмітки даних HTML

це скорочення від "HyperText Mark-up Language - мова гіпертекстової розмітки".

·Hyper протилежно linear / порядково. У старі часи - комп'ютерні програми працювали порядково: програма виконувала один рядок, потім переходила до виконання наступного, і т.д. Але HTML працює по-іншому - ви можете перейти куди і коли захочете. Наприклад, не потрібно відвідувати MSN.com до того, як відвідати Htmlbook. at.ua.

·Text - робота з текстом.

·Mark-up - це розмітка, те, що ми робимо з текстом. Розмічаємо текст так само, як це робиться в текстових редакторах: виставляємо заголовки, списки, виділяємо текст жирним шрифтом і т.д.

·Language це мова - HTML. У ньому використовується багато англійських слів [1].

HTML це "рідна мова" браузера (програми перегляду веб-сторінок).був винайдений в 1990 році вченим, Тімом Бернсом-Лі (Tim Berners-Lee), і призначався для полегшення обміну документами між вченими різних університетів. Проект мав більший успіх, ніж Тім Бернс-Лі міг очікувати. Цим винаходом HTML він заклав основи сучасної мережі Інтернет.

В основі ідеї WWW лежать так звані hypermedia документи або Web-документи, які також називаються Web-сторінками, покликані навести порядок в організації та пошуку даних. Ці документи можуть містити як текстову, так і не текстову інформацію (наприклад, зображення, звук), а також посилання. Посилання - це покажчики, за допомогою яких можна вільно переміщатися з одного місця документа в інше місце, або ж взагалі посилатися на окремий документ, який може знаходитися на іншому кінці світу. Хоча Web-документи можуть містити різну інформацію, не тільки текстову.це мова, яка дозволяє представляти інформацію (наприклад, наукові дослідження) в Інтернеті. Те, що ми бачимо при перегляді сторінки в Інтернеті, це інтерпретація браузером HTML-тексту. Можна відобразити html код сторінки прямо у вікні браузера. Для цього необхідно перейти до необхідної сторінки, і вибрати у браузері команду Вид-> Перегляд html-коду. Для перегляду в браузері Opera потрібно навести курсор на сторінку, клацнути правою кнопкою миші і вибрати в меню, "Джерело", або натисніть одночасно Ctrl + U. Відкриється нове вікно браузера з html кодом сторінки. У цьому вікні можна не лише переглянути код, але й скопіювати його для використання в якості основи своєї web-сторінки. Створення web-сайту, не обійдеться без HTML. Навіть при наявності для такої програми, як Dreamweaver, знання основ HTML значно спрощує життя, а web-сайт стане набагато цікавішим. Мова HTML не чутливий до регістру букв, тому всі дескриптори можна задавати як великими, так і малими літерами. Браузер буде їх однозначно інтерпретувати в будь-якому написанні [2].

Форматування тексту: вивід на екран тексту, виділеного певним шрифтом або з певними атрибутами. Для форматування тексту потрібно укласти рядок або рядки тексту між парою дескрипторів. Дескриптори або теги (теги) <META> - необовязкові дескриптори html-сторінки. Вони розташовуються в тілі <HEAD>, після заголовка <TITLE>. Ці дескриптори вміщають опис сторінци, ключові слова, інформацію про автора, команди для роботи та іншу службову інформацію. Іншими словами можна сказати, що це візитна картка сторінки для різноманітних служб Інтернету.

Теги це мітки, які використовуються для вказівки браузеру, як він повинен показувати ваш web-сайт. Всі теги мають однаковий формат: вони починаються знаком "<" і закінчуються знаком sign ">". Зазвичай є два теги - відкриваючий: <html> і закриваючий: </html>. Різниця в тому, що в закриваючому є слеш "/".

Весь вміст, що вміщено між відкриваючими і закриваючими тегами, є вмістом тега. Але, як то кажуть, в кожному правилі є винятки, і в HTML також є теги, які є і відкривають, і закривають. Ці теги не містять тексту, а є мітками, наприклад, перенесення рядка виглядає так: </br>.- це теги, і нічого крім тегів. Для вивчення HTML потрібно вивчити різні теги.

При складанні документа необхідно враховувати, що браузер ігнорує пробіли між словами та переведення рядків під час форматування тексту, тому він розглядає як абзац тільки той текст, який знаходиться між дескрипторами. Якщо ж потрібно вивести на екран текст з потрібною кількістю пробілів і розривами рядків, необхідно укласти його в дескриптори. Це звичайно використовується для виведення на екран лістингів вихідного тексту програм. При цьому текст буде виведений моноширійним шрифтом. Заголовки різного рівня задаються за допомогою дескрипторів, де h - число від 1 до 6. Посилання є одним з основних елементів мови HTML. Посилання пропонують користувачу швидкий і зручний засіб для переміщення в те чи інше місце в документі або навіть в інший документ. Наприклад, замість того, щоб перегортати довгий Web-документ у пошуках потрібного фрагмента, можна за допомогою простого клацання миші миттєво переміститися на потрібне місце (якщо, звичайно, для цього передбачена відповідна посилання). Якщо є два різних документи, то для того, щоб забезпечити доступ з одного документа в інший, не обов'язково їх поєднувати разом, достатньо в одному документі зробити посилання на інший і все буде зводитися до простого клацанням мишки. Для вставки ілюстрацій в документ використовується дескриптор:

атрибут задає ім'я файлу картинки. Файл може вказувати на як локальний файл, так і на віддалений файл, для чого слід вказати відповідний URL. Файл може являти собою статичне зображення і мати графічний формат, який розуміється оглядачем, або динамічне зображення, представлене в форматі GIF89A. В останньому випадку у вікні броузера файл буде виведений як анімація.

Атрибут ALT вказує на текст, який буде виводитися у вікні броузера замість зображення, якщо, наприклад, броузер користувача не підтримує графіком або ж відключена функція завантаження зображень. Цей атрибут не є обов'язковим, однак його використання вважається гарним стилем при складанні Web-документів.

Часто при підготовці сторінок з використанням графіки трапляється, що бажаний розмір зображення не збігається з дійсним. Наприклад, необхідно помістити картинку на певній площі з певним розміром. Для цього потрібно використовувати атрибути WIDTH і HEIGHT, які задають необхідні розміри зображення в ширину і висоту відповідно. Велика кількість графіки в документі, з одного боку, покращує її загальний вигляд, з іншого боку, істотно збільшує время його завантаження. Щоб знайти компроміс між швидкістю завантаження документа і його наочністю, дизайнери Web-сторінок часто вдаються до такого прийому: зображення розміщують на сторінці в меншому форматі і роблять його посиланням на себе. Якщо клацнути мишкою на такому зображенні, то браузер завантажить його і відобразить в оригінальних розмірах [10].

Цікавою можливістю є "обтікання" зображення текстом. Це дуже популярний спосіб оформлення Web-сторінок. При цьому на екрані картинка оточена текстом, наприклад, зліва і знизу. "Обтікання" тексту досягається використанням атрибута ALIGN, який має такі параметри, як:- текст буде охоплювати зображення зліва-знизу.- текст обхоплює зображення праворуч-знизу TOP - зображення оточене текстом справа-зверху BOTTOM - зображення оточене текстом справа-знизу MIDDLE - зображення оточене текстом справа-посередині.

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

Якщо розмір зображення недостатньо великий, щоб заповнити собою все вікно браузера, останній в такому випадку просто розмножить зображення до повного заповнення вікна.

Фрейми. Одними з останніх нововведень в офіційній версії мови HTML є так звані фрейми. При використанні фреймів вікно браузера розбивається на кілька підвікон, в кожному з яких можна відображати будь-які Web-документи, здійснювати їх прокрутку незалежно від інших вікон. Добре продумана структура фреймів може істотно полегшити навігацію по документах і поліпшити сприйняття інформації. Як приклад можна навести електронний варіант книги чи журналу, коли в одному вікні можна вибирати розділи-посилання змісту, а в сусідньому вікні переглядати інформацію, що відноситься безпосередньо до конкретного розділу зі змісту.

Існує два типи фреймових документів: фрейм-які містять документи і прості документи. Фрейм-які містять документи задають структуру самого фрейм-документа, тобто задають дані про те, як буде розбите вікно браузера на підвікна. Такі документи містять посилання на інші документи. Звичайні ж документи - це ті документи, які не містять дані, що визначають фрейми.

Мова HTML є основним засобом організації даних у World Wide Web і поки що не існує інших мов, які служили б їй повною альтернативою.

1.3 Особливості JavaScript

JavaScript - назва реалізації стандарту <#"center">2. Розробка та створення сайта дистанційного курсу

2.1 Макет сайта дистанційного курсу за темою: "Граматика англійської мови"

Сайт має пять блоків: заголовок, лівий та правий блок, центральна (головна) частина і нижній горизонтальний блок.

Рисунок 2.1 Головна сторінка сайта

Рисунок 2.2 Головна сторінка сайта

Ширина заголовку 950px, висота 100px, шрифт курсивний Verdana 12pt, межа 1см. Лівий блок маэ 148px ширини, висота 650px. Ліва межа в 2 px, пунктиром, жовтого кольору. Правий блок також оформлений шириною 148px, висотою 650px, права межа в 2 px, пунктиром, жовтого кольору. Центральна частина оформлена шириною 600px, відступ від межі 20px, абзац 2em. Нижній блок має ширину 950px, висоту 70px. Чотири перших блоки мають резинову верстку (float).

На головній сторінці (index.html) у правому блоці розміщений календар, написаній мовою JavaScript.

Меню на лівому блоці на перших пяти сторінках і меню у правому блоці на девяти сторінках лекцій, завдань та контрольних робіт створене за допомогою псевдо класів: link, active, visited та hover. В результаті посилання в меню при наведенні змінює колір на червоний, жирний та збільшується в розмірі до 25 pt.

На головній сторінці контрольних робіт (4.html), щоб створити буквицю, було використано властивість first-letter зі значеннями кольору, розміру та стилю шрифта (color, font, font-size). В результаті перша літера голубого кольору, шрифтом lange Verdana, напівжирна, та розміром 30px.

У завданнях контрольних робіт на посиланнях на сторінки Past Simple, Present Simple та Future Simple встановлена допоміжна функція для студента (Підказочка). Під час написання контрольної роботи по певній темі, студент може звернутися до підказки, яка знаходиться у лівому верхньому кутку сайта та обрати потрібну тему та перейти через посилання до лекцій по потрібній тематиці. Та на кожній сторінці лекцій по трём темам (Past Simple, Present Simple та Future Simple) вбудована кнопка Назад (створені за допомогою форм), для зручності повертатися назад до контрольної роботи після перегляду лекції. Підказка написана мовою сценарію JavaScript.

Також на кожній сторінці контрольних робіт вбудована таблиця звязку із тьютором або кнопка Відправити для відсилання результатів контрольних робіт тьютору. На сайті розташовані три фотографії за допомогою <img src="1. jpeg" >.

2.2 Функції CSS, які були використані при розробці сайта

Сайт створений за домогою блокової моделі CSS. В CSS прописані чотири блоки: заголовок (header), лівий (left_bl) та правий (right_bl) вертикальні блоки, центральна (головна) частина (center_bl) та нижній горизонтальний блок (footer).

Для підключення CSS до HTML прописуємо: <link rel="stylesheet" type="text/css" href="style. css">;

Кожна веб-сторінка та кожний блок має свої функції прописані в CSS. Розглянемо головну сторінку (index.html) заголовок (header):

Width - встановлює ширину блоку;- висоту блоку;- стиль шрифта;- дозволяє відділити основний уміст блоку від межі;

Ліва блокова частина (left_bl):- встановлює ширину блоку;- висоту блоку;- стиль шрифта;- визначає чи буде блок плаваючим чи ні, і в яку сторону він буде переміщатися;right - встановлює межу з права;bottomє - поле знизу;- встановлює колір елементу;decoration - задає параметри слів, рядків та їх взаємного роз положення;- встановлює фонове зображення;

Права блокова частина (right_bl):

Width - встановлює ширину блоку;- посилання, на якому наведена мишка.- висоту блоку;- визначає чи буде блок плаваючим чи ні, і в яку сторону він буде переміщатися;- встановлює ширину полей (%);left - встановлює межу з ліва;bottomє - поле знизу;

Центральна частина (center_bl):

Width - встановлює ширину блоку;- визначає чи буде блок плаваючим чи ні, і в яку сторону він буде переміщатися;- дозволяє відділити основний уміст блоку від межі;indent - встановлює відступ червоного рядка для абзаців та заголовків. Розмір довжини відступу вказується в одиницях довжини або у відсотках;- керує переповненням блоку;height - дозволяє встановити відстань між рядками тексту, тобто відстань між двома базовими лініями сусідніх рядків;- дає можливість загрузити графічний файл;

Використовуємо чотири псевдо класи, які дозволяють працювати із посиланнями:- звичайне просте посилання;- активне посилання;- відвідане посилання;- посилання, на якому наведена мишка.size - вказує розмір штифта;family - встановлює гарнітуру штифта;- встановлює межу;href - встановлює зв'язок між головним документом та посиланням;

Календар на головній сторінці прописаний мовою JavaScript.торінкa Реєстрації (1.html):- встановлює ширину блоку;- висоту блоку;- стиль шрифта;- дозволяє відділити основний уміст блоку від межі;

Сolor - встановлює колір елементу;- встановлює фонове зображення;- звичайне просте посилання;- активне посилання;- відвідане посилання;- посилання, на якому наведена мишка.- поле;

Таблиця Реєстрація та кнопка Назад створені за допомогою форм (<Form></Form>)торінка Лекцій (2.html):- встановлює ширину блоку;- висоту блоку;- стиль шрифта;- дозволяє відділити основний уміст блоку від межі;

Сolor - встановлює колір елементу;- встановлює фонове зображення;href - встановлює зв'язок між головним документом та посиланням;- дає можливість загрузити графічний файл;indent - встановлює відступ червоного рядка для абзаців та заголовків. Розмір довжини відступу вказується в одиницях довжини або у відсотках;- керує переповненням блоку;height - дозволяє встановити відстань між рядками тексту, тобто відстань між двома базовими лініями сусідніх рядків;- звичайне просте посилання;- активне посилання;- відвідане посилання;- посилання, на якому наведена мишка;- поле;

STYLE - створює внутрішній лист стилю.

Cторінка Завдань (3.html):- встановлює ширину блоку;- висоту блоку;- стиль шрифта;- дозволяє відділити основний уміст блоку від межі;

Сolor - встановлює колір елементу;- встановлює фонове зображення;href - встановлює зв'язок між головним документом та посиланням;- дає можливість загрузити графічний файл;indent - встановлює відступ червоного рядка для абзаців та заголовків. Розмір довжини відступу вказується в одиницях довжини або у відсотках;- керує переповненням блоку;height - дозволяє встановити відстань між рядками тексту, тобто відстань між двома базовими лініями сусідніх рядків;- звичайне просте посилання;- активне посилання;- відвідане посилання;- посилання, на якому наведена мишка.торінка Контрольних робіт (4.html):letter - цей псевдо елемент дозволяє створювати буквицю, тобто спеціальне оформлення першої літери;- встановлює ширину блоку;- висоту блоку;- стиль шрифта;- дозволяє відділити основний уміст блоку від межі;

Сolor - встановлює колір елементу;- встановлює фонове зображення;href - встановлює зв'язок між головним документом та посиланням;- дає можливість загрузити графічний файл;indent - встановлює відступ червоного рядка для абзаців та заголовків. Розмір довжини відступу вказується в одиницях довжини або у відсотках;- керує переповненням блоку;height - дозволяє встановити відстань між рядками тексту, тобто відстань між двома базовими лініями сусідніх рядків;bottomє - поле знизу;decoration - задає параметри слів, рядків та їх взаємного роз положення;- звичайне просте посилання;- активне посилання;- відвідане посилання;- посилання, на якому наведена мишка.торінка Зв'язок із тьютором (5.html):- звичайне просте посилання;- активне посилання;- відвідане посилання;- посилання, на якому наведена мишка.- встановлює ширину блоку;- висоту блоку;- стиль шрифта;- дозволяє відділити основний уміст блоку від межі;

Сolor - встановлює колір елементу;- встановлює фонове зображення;href - встановлює зв'язок між головним документом та посиланням;- поле;

Таблицю звязку там кнопки Відправити та Стерти створені за допомогою форм (<Form></Form>) [7].

2.3 Огляд існуючих сайтів дистанційного навчання

Курс дистанційного навчання (ДН) - це не тільки сам текст занять, а цілісний процес, що включає пошук підходящої інформації в мережах, обмін листами з автором курсу, звернення до баз даних, періодичних інформаційних видань, розповсюджуваних через Інтернет.

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

Можливість надзвичайно оперативної передачі на будь-які відстані інформації будь-якого обсягу, будь-якого виду (візуальної і звукової, статичної і динамічної, текстової та графічної).

Можливість оперативної зміни інформації через мережу Інтернет зі свого робочого місця.

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

Можливість надзвичайно оперативної передачі на будь-які відстані інформації будь-якого обсягу, будь-якого виду (візуальної і звукової, статичної і динамічної, текстової та графічної).

Можливість оперативної зміни інформації через мережу Інтернет зі свого робочого місця.

Ефективність будь-якого виду навчання на відстані залежить від чотирьох складових:

1) ефективної взаємодії викладача і учня, незважаючи на те, що вони фізично розділені відстанню;

2) використовуваних при цьому педагогічних технологій;

) ефективності розроблених методичних матеріалів і способів їх доставки;

) ефективності зворотного зв'язку [3].

Існує дуже багато сайтів дистанційного навчання, особливо по вивченню англійської мови. В основному на сайтах можна знайти будь-який розділ, будь-яку тему: граматика, лексика, фонетика, вимова, говоріння і т.д. Наприклад на рисунку 2. 1 зображений сайт "Англійська мова" на якому можна знайти теми по лексиці, морфології, синтаксису, словотворення, також можна знайти таблицю граматики, тексти на переклад, он-лайн тести, та форум для спілкування та допомоги при навчанні. Також тут присутні каталог репетиторів та англійських шкіл. Сайт має офіційну групу в соціальній мережі "В контакті" та блок останніх змін та новин на сайті [6].

Рисунок 2.1 Сайт "Англійська мова"

На рисунку 2. 2 зображений сайт "Навчання в Центрі англійської мови", на якому можна знайти різні методики викладанні, викладачі, різні програми, он-лайн вікторини та он-лайн тести, рєстрації, розцінки за семестр. Також на цоьму сайті користувач може обрати мову на якій буде проводитись навчання: російську, українську чи англійську.

Рисунок 2.2 Сайт "Навчання в Центрі англійської мови"

На рисунку 2. 3 розміщений сайт під назвою: "Learn English". Сайт створений для студентів які вже мають базові знання та навички, тому що сайт створений англійською мовою та навчання проводиться також англійською мовою. Тут можна отримати знання теоретичні та практичні граматики та вимови. Також вбудоване мультимедійне прослухування аудіювання, чат та скайп для спілкування з носіями мови. Користувачу надається можливість проглядати архів газет, дивитися мультфільми, читати статті, новини, грати в ігри англійською, дізнатися більше про британську культуру. Щодо перевірки знань: кожного дня можна тренувати свій словниковий запас та писати диктанти.

Рисунок 2.3 Сайт вивчення англійської мови "Learn English"

На рисунку 2.4 зображений сайт "British council". Сайт створений для студентів, які вже володіють англійською мовою, тому що навчання проводиться англійською мовою. Ціль сайта - удосконалення мови. Сайт має дві категорії: Вивчення англійської мови та Навчання дітей англійської мови. Зайшовши на сайт потрібно одразу обрати необхідну категорію. В горизонтальному меню можна обрати розділ навчання: аудіювання та відео-ролики; граматика та лексика; ігри та веселощі; бізнес та робота; вимова, змагання та спілкування. Також є великий перелік тем: видатні люди, поезія, проза, історія, спорт, наука та новітні технології, культура й звичаї, навколо світу та багато інших тем для опрацювання.

Рисунок 2.4 Сайт "British council"

3. Розробка сайта дистанційного курсу за темою "граматика англійської мови"

3.1 Інструкція для користувача

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

Внизу розташована інформація про те, як можна перевірити свої знання граматики англійської мови перед початком занять, для того щоб наприкінці курсу звірити результати. Перейти до тесту можна натиснувши в центральну частину флагу на картинці. Таким чином здійсниться перехід через навігаційну карту на веб-сторінку з тестом. Тест слід виконувати так: для початку слід прочитати уважно завдання, потім ознайомившись реченням, продивіться варіанти відповідей, натиснувши на стрілочку вниз, та оберіть на Вашу думку правильну відповідь. Після виконання тесту слід натиснути кнопку "Відправити". Скориставшись навігаційним меню зліва, Ви можете потрапити на сторінку "Реєстрації". При реєстрації слід обовязково вказати електронну адресу та імя. на Вашу електронну адресу будуть приходити оцінки та вказівки тьютору. Зареєструвавшись і ставши студентом дистанційного курсу, можна приступати до занять.

Це можна зробити таким чином: за допомогою навігаційного меню зліва слід клацнути ссилку "Лекції". Ознайомившись із вступною інформацією, необхідно обрати тему в правому навігаційному меню. Опрацювавши тему слід переходити до практики, повернувшись за допомогою кнопки Назад, клацнувши ссилку Завдання в лівому навігаційному меню. На веб-сторінці Завданя перейдіть до практичних завдань обравши з права тему, яка відвідає опрацьованій лекціі. Відповіді вправ потрібно відіслати тьютору перейшовши на сторінку "Зв'язок із тьютором" скориставшись меню зліва. Після відправки відповідей результати та оцінка прийде Вам на електронну адресу протягом трьох днів. Через кнопку "Назад" можна повернутися на минулу сторінку або розпочинати контрольну роботу. Через ліве навігаційне меню натиснувши "Контрольна робота" Ви потрапите на веб-сторінку з контрольними завданнями. Ознайомившись із вступною інформацією слід обрати відповідну тему і перейти через посилання. Відповіді необхідно відіслати тьютору через таблицю звязку із тьютором, яка вбудована для зручності в кінці кожної сторінки контрольних робіт або через головне меню. На кожній сторінці контрольних робіт в лівому верхньому кутку також можна побачити та скористатися "Підказочкою", обравши тему, яка відповідає темі контрольної роботи, потрібну перейти клацнувши на ній мишкою. Ви потрапите до сторінок "Лекцій" на обрану Вами тему. Опрацювавши її за допомогою кнопки "Назад" можна повернутися назад до контрольної роботи і завершивши, обовязково відіслати відповіді тьютору. Закінчивши і остаточно опрацювавши тему можна переходити до наступної. Вказівки та інструкції ті ж самі. Вивчати одночасно декілька тем не рекомендується.

3.2 Вимоги до програмного забезпечення

Програ?мне забезпе?чення (програ?мні за?соби) (ПЗ; англ. <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%90%D0%BD%D0%B3%D0%BB%D1%96%D0%B9%D1%81%D1%8C%D0%BA%D0%B0_%D0%BC%D0%BE%D0%B2%D0%B0> software) - сукупність програм <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9A%D0%BE%D0%BC%D0%BF'%D1%8E%D1%82%D0%B5%D1%80%D0%BD%D0%B0_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%B0> системи обробки інформації і програмних документів <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B0_%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F>, необхідних для експлуатації цих програм.

Розрізняють системне програмне забезпечення <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F> (зокрема, операційна система <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9E%D0%BF%D0%B5%D1%80%D0%B0%D1%86%D1%96%D0%B9%D0%BD%D0%B0_%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0>, транслятори <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A2%D1%80%D0%B0%D0%BD%D1%81%D0%BB%D1%8F%D1%82%D0%BE%D1%80>, редактори <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80>, графічний інтерфейс користувача <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%93%D1%80%D0%B0%D1%84%D1%96%D1%87%D0%BD%D0%B8%D0%B9_%D1%96%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D1%82%D1%83%D0%B2%D0%B0%D1%87%D0%B0>) та прикладне програмне забезпечення <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9F%D1%80%D0%B8%D0%BA%D0%BB%D0%B0%D0%B4%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>, що використовується для виконання конкретних завдань, наприклад, статистичне програмне забезпечення.

Виконання програмного забезпечення комп'ютером <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9A%D0%BE%D0%BC%D0%BF'%D1%8E%D1%82%D0%B5%D1%80> полягає у маніпулюванні інформацією <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%86%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D1%96%D1%8F> та керуванні апаратними компонентами комп'ютера. Наприклад, типовим для персональних комп'ютерів <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9F%D0%B5%D1%80%D1%81%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BC%D0%BF'%D1%8E%D1%82%D0%B5%D1%80> є відображення інформації на екран <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%94%D0%B8%D1%81%D0%BF%D0%BB%D0%B5%D0%B9> та прийом її з клавіатури <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9A%D0%BB%D0%B0%D0%B2%D1%96%D0%B0%D1%82%D1%83%D1%80%D0%B0> [12].

Програмне забезпечення (software) та апаратне забезпечення <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%90%D0%BF%D0%B0%D1%80%D0%B0%D1%82%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F> (hardware) є дві комплементарні компоненти комп'ютера, причому межа між ними нечітка: деякі фрагменти програмного забезпечення на практиці реалізуються суто апаратурою мікросхем <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9C%D1%96%D0%BA%D1%80%D0%BE%D1%81%D1%85%D0%B5%D0%BC%D0%B0> комп'ютера, а програмне забезпечення, в свою чергу, здатне виконувати (емулювати) функції електронної апаратури. По суті, призначення програмного забезпечення полягає в керуванні як самим комп'ютером так і іншими програмами та маніпулюванні інформацією.

Розрізняють системне <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F> та прикладне програмне забезпечення <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9F%D1%80%D0%B8%D0%BA%D0%BB%D0%B0%D0%B4%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>: Системне програмне забезпечення призначено для обслуговування власних потреб комп'ютера - забезпечення його працездатності і виконання його внутрішніх функцій, а також для створення передумов для виконання прикладного програмного забезпечення. Типовим прикладом системного програмного забезпечення є операційна система <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9E%D0%BF%D0%B5%D1%80%D0%B0%D1%86%D1%96%D0%B9%D0%BD%D0%B0_%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0>.

Прикладне програмне забезпечення <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9F%D1%80%D0%B8%D0%BA%D0%BB%D0%B0%D0%B4%D0%BD%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>, призначено для розв'язання задач користувача. Наприклад: редактори тексту <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80_%D1%82%D0%B5%D0%BA%D1%81%D1%82%D1%83>, електронні таблиці <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%95%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%BE%D0%BD%D0%BD%D1%96_%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%96>, бази даних <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%91%D0%B0%D0%B7%D0%B8_%D0%B4%D0%B0%D0%BD%D0%B8%D1%85>, тощо.

Програмне забезпечення можна розділити на корисне і шкідливе. Корисне програмне забезпечення створюється для виконання завдань, що відповідають побажанням користувача комп'ютера. Основна мета шкідливого програмного забезпечення <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A8%D0%BA%D1%96%D0%B4%D0%BB%D0%B8%D0%B2%D0%B8%D0%B9_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B8%D0%B9_%D0%B7%D0%B0%D1%81%D1%96%D0%B1> - виконувати операції, які є небажаними для користувача, часто із завдаванням прихованої чи явної шкоди. Прикладом шкідливого програмного забезпечення є комп'ютерні віруси <mhtml:file://F:\даша\Програмне%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9A%D0%BE%D0%BC%D0%BF'%D1%8E%D1%82%D0%B5%D1%80%D0%BD%D0%B8%D0%B9_%D0%B2%D1%96%D1%80%D1%83%D1%81> [4].

Вимоги до програмного забезпечення - набір вимог щодо властивостей, якості та функцій програмного забезпечення <mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%B5_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F>, що буде розроблено, або знаходиться у розробці. Вимоги визначаються в процесі аналізу вимог <mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%90%D0%BD%D0%B0%D0%BB%D1%96%D0%B7_%D0%B2%D0%B8%D0%BC%D0%BE%D0%B3> та фіксуються в специфікації вимог, діаграмах прецедентів <mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%94%D1%96%D0%B0%D0%B3%D1%80%D0%B0%D0%BC%D0%B0_%D0%BF%D1%80%D0%B5%D1%86%D0%B5%D0%B4%D0%B5%D0%BD%D1%82%D1%96%D0%B2> та інших артефактах <mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%90%D1%80%D1%82%D0%B5%D1%84%D0%B0%D0%BA%D1%82> процесу аналізу та розробки вимог.

Розробка вимог до програмної системи може бути розділена на декілька етапів:

·Знаходження вимог (збір, визначення потреб заінтересованих осіб та систем).

·Аналіз вимог (перевірка цілісності та закінченості).

·Специфікація (документування вимог).

·Тестування <mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A2%D0%B5%D1%81%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F> вимог.

Види вимог за характером

·Функціональний характер - вимоги до поведінки системи

oБізнес-вимоги

oВимоги користувача

oФункціональні вимоги

·Нефункціональний характер - вимоги до характеру поведінки системи

oБізнес-правила - визначають обмеження, о витікають з предметної області.

oСистемні вимоги - вимоги до програмних інтерфейсів, надійності, обладнанню.

oАтрибути якості

oЗовнішні системи та інтерфейси

oОбмеження

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

Для цього створюються наступні документи:

·Бачення (Vision)

·Специфікація вимог до програмного забезпечення <mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%A1%D0%BF%D0%B5%D1%86%D0%B8%D1%84%D1%96%D0%BA%D0%B0%D1%86%D1%96%D1%8F_%D0%B2%D0%B8%D0%BC%D0%BE%D0%B3_%D0%B4%D0%BE_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE_%D0%B7%D0%B0%D0%B1%D0%B5%D0%B7%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%BD%D1%8F> (англ. <mhtml:file://F:\даша\Вимоги%20до%20програмного%20забезпечення%20%20Вікіпедія.mht!/wiki/%D0%90%D0%BD%D0%B3%D0%BB%D1%96%D0%B9%D1%81%D1%8C%D0%BA%D0%B0_%D0%BC%D0%BE%D0%B2%D0%B0> Software Requirements Specification, SRS)

Системні вимоги та програмне забезпечення. Отримати доступ до сайту дистанційного навчання дуже просто. Все, що потрібно: комп´ютер, модем або мережева карта та доступ до Інтернету через будь-якого провайдера послуг Інтернет [1].

Комп´ютер повинен відповідати наступним системним вимогам:

1) Процесор: 1ГГц або вище

) Оперативна пам´ять (RAM): щонайменьше 256Mb, рекомендовано 512Mb

) Операційна система: Microsoft Windows XP/Vista/Windows 7

) Браузер: Firefox/3. 6. 24; Internet Explorer версії 6. 0, 7. 0, 8. 0.

Висновоки

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

Як показує практика, Інтернет є сприятливим середовищем для навчання. Це підтверджує поява безлічі дистанційних форм навчання за останні десятиліття Кількість інформаційних ресурсів мережі і кількість користувачів постійно зростає. Для багатьох людей Інтернет стає звичним і зручним засобом для отримання інформації та спілкування.

Створення дистанційного курсу за темою "Граматика англійської мови" у рамках цієї курсової роботи - ще один крок у розвитку дистанційного навчання. Постійний розвиток засобів створення мультимедійних додатків дозволяє створювати з кожним днем більш зручні і функціональні форми дистанційного навчання. Для розробки даного дистанційного курсу було використано мову розмітки гіпертексту HTML, мову сценарію JavaScript та CSS технології.

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

Список джерел інформації

1Вікіпедія: Вільна енциклопедія: #"justify">2Дригалкін В.html в примерах v1. 1 //, 2002

3Канаво В.А. Методичні рекомендації щодо створення курсу дистанційного навчання через Інтернет [Електронний ресурс] / В.А. Канава. Режим доступу: <#"center">Додатки

Додаток А

Таблиця стилів CSS розробленого дистанційного курсу{background-image: url (flag. jpg);family: Verdana, sans-serif; text-decoration: none;align: justify; line-height: 155%;

}

#block {width: 950px; margin: 0 auto;color: braun}

. header {width: 950px; height: 100px; font: obligue 12pt Verdana, sans-serif;: 1cm; color: mediumslateblue}

. left_bl {: 148px;: 650px;: left;right: 2px dashed yellow;bottom: - 15px

}: link, a: active, a: visited{: yellow;: bold 0. 8em Arial, sans-serif;decoration: none; }: hover

{: red;: bold 25pt Arial, sans-serif;

}

. bbb: first-letter{color: mediumslateblue; font: bold lange Verdana, sans-serif; font-size: 30px}

. ccc{padding: 30px; }

. center_bl {width: 600px; float: left; text-indent: 2em; padding: 20px; overflow: auto; text-align: justify}

. rrr{text-align: center; padding: 0px; margin: 0px; text-indent: 0px}

. xxx{text-indent: 2em}

. fff{text-align: center}

. right_bl {width: 148px; height: 650px;: left; border-left: 2px dashed yellow;bottom: - 15px

}

. footer {width: 950px; height: 70px; text-align: center;: both }

Додаток Б

Таблиця стилів CSS розробленого дистанційного курсу

<html>

<head>

<title>Мой сайт/главная</title>

<link rel="stylesheet" type="text/css" href="style. css">

</head>

<body>

<div id="block">

<div>

<div>

<center><a href="1.html">Регистрация</a></center><br>

<center><a href="2.html"> Лекции</a></center><br>

<center><a href="3.html"> Задания</a></center><br>

<center><a href="4.html"> Контрольная работа </a></center><br>

<center><a href="5.html"> Связь с тьютором </a></center><br>

</div>

<div>

<h4 align="center"> Ваша цель: </h4>

<div>

приобрести новую специальность или повысить свою квалификацию без отрыва от дома и работы?

выбрать удобное для себя время и темп обучения?

получить сертификат, подтверждающий уровень Ваших знаний, полученных в рамках программы или в иностранном ВУЗе?

существенно снизить стоимость обучения по сравнению с другими формами платного образования?

</div>

<h4 align="center"> Наша цель: </h4>

<div>

помочь … языка. <br>

</div>

<h4 align="center"> Проверить себя: </h4> Если перед началом занятий Вы хотите проверить уровень своих знаний английского языка, нажмите мышкой в центр флага на картинке.

<div>

<img src = "english. jpg"= "#Map_name">

<MAP name = "Map_name">

<AREA shape = "circle" coords = "65,69,30" href = "6.html">

</MAP>

</div>

</div>

<div>

<br>

<div>

</p>

</div>

</div>

<div>

</body>

</html>

Додаток В

Код сценаріїв JavaScript дистанційного курсу

<script language="JavaScript">

<! - -

<! - Begin= new Array (

"Январь",

"Февраль",

"Март",

"Апрель",

"Май",

"Июнь",

"Июль",

"Август",

"Сентябрь",

"Октябрь",

"Ноябрь",

"Декабрь");linkcount=0;addlink (month, day, href) {entry = new Array (3);[0] = month;[1] = day;[2] = href;[linkcount++] = entry;

}. prototype. addlink = addlink;= new Array ();= new Array (12);[0] =31;[1] =28;[2] =31;[3] =30;[4] =31;[5] =30;[6] =31;[7] =31;[8] =30;[9] =31;[10] =30;[11] =31;=new Date ();=todayDate. getDay ();=todayDate. getMonth ();=todayDate. getDate ();=todayDate. getYear ();= thisyear % 100;= ( (thisyear < 50)? (2000 + thisyear): (1900 + thisyear));( ( (thisyear % 4 == 0)

&&! (thisyear % 100 == 0))

|| (thisyear % 400 == 0)) monthdays [1] ++;=thisdate;(startspaces > 7) startspaces-=7;= thisday - startspaces + 1;(startspaces < 0) startspaces+=7;. write ("<table border=4 bgcolor=#7B68EE bordercolor=#FFFF00>");. write ("<tr><td colspan=7 align=center><b><font size=2>" + monthnames [thismonth] + " " + thisyear + "</font></b></td></tr>");. write ("<tr>");. write ("<td align=center><font size=2>Вс</font></td>");. write ("<td align=center><font size=2>Пн</font></td>");. write ("<td align=center><font size=2>Вт</font></td>");. write ("<td align=center><font size=2>Ср</font></td>");. write ("<td align=center><font size=2>Чт</font></td>");. write ("<td align=center><font size=2>Пт</font></td>");. write ("<td align=center><font size=2>Сб</font></td>");. write ("</tr>");. write ("<tr>");(s=0; s<startspaces; s++) {. write ("<td></td>");

}=1;(count <= monthdays [thismonth]) {(b = startspaces; b<7; b++) {=false;. write ("<td><font size=2>");(c=0; c<linkdays. length; c++) {(linkdays [c]! = null) {( (linkdays [c] [0] ==thismonth + 1) && (linkdays [c] [1] ==count)) {. write ("<a href=" + linkdays [c] [2] + ">");=true; }}

}(count==thisdate) {. write ("<font color='FF0000'><b>");

}(count <= monthdays [thismonth]) {. write (count);

}{. write (" "); }(count==thisdate) {. write ("</b></font>");

}(linktrue). write ("</a>");. write ("</font></td>");++; }. write ("</tr>");=0;

}. write ("</table>");

// End

// - ->

Содержание Вступ 1. Аналіз предметної області 1.1 Особливості використання каскадних таблиць стилю CSS 1.2 Функціональні можливості мови розмітк

Больше работ по теме: