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

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 24.04.2024

Просмотров: 20

Скачиваний: 0

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

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

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

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

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

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

деталі

Студента____ 4__

курсу

411 - ік

групи

 

 

 

 

 

 

 

 

 

напряму підготовки 050101

 

 

 

 

«Інформатика та обчислювальна техніка»

 

 

спеціальності

5.05010101

 

 

 

 

 

 

 

 

 

 

 

Керівник

Оцінка_____________________________________

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

___________ ___________________

___________ ___________________

(підпис)

(прізвище та ініціали)

м. Суми – 2015 рік

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

Машинобудівний коледж

Дисципліна Web-технології та web-дизайн

Спеціальність 5.05010101 ―Обслуговування програмних систем і комплексів‖

Курс _______________ Група __________________ Семестр ______________

ЗАВДАННЯ на курсову роботу студента

______________________________________________________________________

(прізвище, ім’я, по батькові)

Тема роботи: __________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________

Практичне завдання: ___________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

____________________________________________________________

Дата видачі завдання ―____‖______________2015 р.

Дата закінчення роботи ―____‖______________2015 р.

Керівник

_____________________

Ананченко Ю.М.

 

(підпис)

(прізвище, ім’я, по батькові)

Завдання розглянуто на засіданні циклової комісії спеціальності 5.05010101

Протокол №________ від ―____‖____________2015 р.

 

Голова циклової комісії ___________________

Овсянко А.М.

(підпис)

(прізвище, ім’я, по батькові)


 

 

Зміст

 

1

Вступ

 

3

2

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

5

3

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

6

4

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

7

 

4.1

Карта сайту

9

5

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

9

 

5.1

Головна сторінка підручника

9

 

5.2

Шаблон web-інтрфейсу

10

 

5.3

Сторінки з питаннями для самоконтролю

11

 

5.4

Опис інтерактивних елементів

12

Література

14

Висновок...

15

Додаток А

16

Додаток Б

23

Додаток В

28

Додаток Г

40

 

 

СумДУ МК І КР 0033

 

 

Змн. Арк.

№ докум.

Підпис Дата

 

 

Розроб.

Матвієнко Б.І.

 

Літера Аркуш

Аркушів

Перевір.

Ананченко Ю.М.

Зміст

2

40

Реценз.

 

 

 

Н. Контр.

 

 

411-ік група

 

 

 

 

Затверд.


1 Вступ

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

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

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

HTML.

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

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

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

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

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

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

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

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

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

 

 

СумДУ МК І КР 0033

 

 

Змн. Арк.

№ докум.

Підпис Дата

 

 

Розроб.

Матвієнко Б.І.

Вступ

Літера Аркуш

Аркушів

Перевір.

Ананченко Ю.М.

3

40

 

Реценз.

 

 

 

 

Н. Контр.

 

 

411-ік група

 

 

 

 

Затверд.


Щоб роз'яснити цей термін, приведу простий приклад. Припустимо, що створений вами html-документ включає текст, в якому зустрічається слово

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

так і з об'єктами, розміщеними на різних вузлах Інтернету.

На відміну від інших мов програмування, HTML - мова не трансльована,

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

призначене для проглядання web-сторінок, інтерпретатор «компілює » код безпосередньо в процесі відкриття документа. При цьому, знайшовши в тексті помилку, така програма не видає відповідного попередження(якщо сторінка не містить вбудованих скриптів Java), а просто ігнорує всю «помилковий » рядок.

Це слідує мати у вигляді, складаючи HTML-програму, оскільки можна ненароком пропустити «непомітну » помилку і виявити її наявність вже тоді,

коли сторінка буде опублікована в Web.

 

 

Арк.

 

СумДУ МК І КР 0033

4

Змн. Арк. № докум. Підпис Дата

 

 

 

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

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

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

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

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

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

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

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

СумДУ МК І КР 0033

Змн. Арк. № докум. Підпис Дата Розроб. Матвієнко Б.І.

Перевір. Ананченко Ю.М.

Реценз. Н. Контр.

Постановка

задачі

Літера Аркуш Аркушів

5 40

411-ік група

Затверд.


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

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

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

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

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

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

СумДУ МК І КР 0033

Змн. Арк. № докум. Підпис Дата Розроб. Матвієнко Б.І.

Перевір. Ананченко Ю.М.

Реценз. Н. Контр.

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

Літера Аркуш Аркушів

6 40

411-ік група

Затверд.

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

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

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

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

СумДУ МК І КР 0033

Змн. Арк. № докум. Підпис Дата Розроб. Матвієнко Б.І.

Перевір. Ананченко Ю.М.

Реценз. Н. Контр. Затверд.

Структура

електронного

підручника

Літера Аркуш Аркушів

7 40

411-ік група