Курсовая_работа_Web__Матвиенко._Вариант_0033_д3

Міністерство освіти і науки України Машинобудівний коледж Сумського державного університету

Циклова комісія спеціальності 5.05010101 „Обслуговування програмних систем і комплексів”

КУРСОВИЙ ПРОЕКТ

з предмету “ Web-технології та web-дизайн”

на тему: “Рбитологічний процес механічної обробки

деталі

Керівник

Оцінка_____________________________________

Члени комісії ___________ ___________________

___________ ___________________

___________ ___________________

м. Суми – 2015 рік

Затверд.

1 Вступ

HTML, Hyper Text Markup Language, або, по-українськи, «мова розмітки гіпертексту », є фундаментальною, базовою технологією Інтернету. Не дивлячись на існуюче серед користувачів Всесвітньої мережі думка, що HTML є

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

Практично весь вміст web-вузлів, який відображається на екрані підключених до Інтернету комп'ютерів, є набором документів, що містять програмний код

HTML.

HTML дозволяє формувати на сторінці сайту текстові блоки, включати в них зображення, організовувати таблиці, управляти відображенням кольору документа і тексту, додавати в дизайн сайту звуковий супровід, організовувати гіперпосилання з контекстним переходом в інші розділи серверу або звертатися до інших ресурсів Мережі і компонувати всі ці елементи між собою. Файли, що містять гіпертекстовий код, мають розширення .htm або .html.

HTML, Hyper Text Markup Language (мова розмітки гіпертексту) - мова,

що використовується для створення документів в Інтернеті. HTML-документом називається файл, що містить код HTML. Такі документи є основним інформаційним наповненням web-вузлів, вони дозволяють відображати текст,

графіку, аудіо та відеоінформацію, а також інші компоненти ресурсів Інтернету.

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

гіперпосилання.

Гіперпосилання (Hyperlink) - базовий функціональний елемент html-доку-

мента, що є реалізацією динамічного зв'язку якого-небудь об'єкту даної web-

сторінки з контекстним вмістом іншого документа.

Затверд.

2 Постановка задачі

Вимоги до програми

Створити шаблон засобами CSS для електронного підручника

(випадаюче меню, позиціонування блоків, оформлення заголовків і тексту),

розробити веб-сторінки, розмістити інформацію електронного підручника,

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

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

всесвітньої історії (частина 1).

СумДУ МК І КР 0033

Затверд.

3 Дослідження програмної галузі

Електронний підручник — комп’ютерний педагогічний програмний засіб,

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

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

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

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

СумДУ МК І КР 0033

Затверд.

4 Структура електронного підручника та схема навігації.

Веб-додаток має структуру, що зазначена на рисунку 1.1 Для переходу між складовими підручника застосовується схема навігації. Щоб здійснити переміщення між сторінками: головна, зміст, опорний конспект, сторінка самоконтролю, словник політологічних термінів використовувалася складна система гіперсилок. ( рис. 1.2 )

Рисунок 1.1 Схема навігації веб-додатку

Рисунок 1.2 Перехід між темами

СумДУ МК І КР 0033

5 Сценарії та основні модулі

5.1 Головна сторінка

При створенні головної сторінки було використано блокову верстку сайту.

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

Кожному блоку можна задати довільну ширину та висоту, відступи ззовні та всередині блоку, довільний фон.

При блокової верстки істотне значення приділяється універсальному тегу

<div> , який виконує безліч функцій. Елемент <div> є блоковим елементом і призначений для виділення фрагмента документа з метою зміни виду вмісту. Як правило, вид блоку управляється за допомогою стилів. Щоб не описувати кожен раз стиль всередині тега , можна виділити стиль в зовнішню таблицю стилів, а

для тега додати атрибут class або id з ім'ям селектора. ( Додаток А )

Рисунок 2 – Головна сторінка

СумДУ МК І КР 0033

Затверд.