ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 06.05.2024
Просмотров: 40
Скачиваний: 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-ік група