МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
НАЦІОНАЛЬНА МЕТАЛУРГІЙНА АКАДЕМІЯ УКРАЇНИ
Факультет комп’ютерних систем, енергетики і автоматизації
Кафедра економічної інформатики
КУРСОВА РОБОТА
«Створення Web-сайту»
з дисципліни «Web програмування»
Виконав
студент гр. ЭК-09 Ковтун Ю.В.
Керівник роботи
ст. викладач Клімковіч Т.О.
Дніпропетровськ
2013
Національна металургійна академія України
Кафедра економічної інформатики
ЗАВДАННЯ
для курсової роботи
з дисципліни
«Web- програмування»
студенту Ковтуна Ю.В. групи ЕК-09
Тема роботи: «Створення WEB-сайту»
Індивідуальне завдання «Комп’ютерного магазину»
Варіант № 1
Керівник роботи: Клімковіч Т.О.
Підпис керівника роботи _____________________
Дата видачі завдання: ________________
Захист курсової роботи: 9-й тиждень 11-го семестру
Реферат
Об’єм даної курсової роботи складає 25 ст. Робота містить 8 мал. та 1 схему.
У своїй курсовій роботі я зробила спробу розібратися в тому, що необхідно знати і уміти для створення Web- сторінки. Для цього у курсовій роботі були розглянуті основи мов програмування Web- сторінок – HTML,PHP.
Ключові слова: Доставка, Послуги, Комп’ютери , Ноутбуки, Сервери, Історія компанії, Замовлення, Консультація.
Зміст
Реферат 3
Об’єм даної курсової роботи складає 25 ст. Робота містить 8 мал. та 1 схему. 3
Зміст 4
Вступ 5
1. Основні принципи створення сайтів 6
1.1 Основні вимоги до сучасних сайтів 6
1.2 Етапи створення сайта 8
1.3 Розміщення сайту в Інтернеті 12
2. Розробка Web-сайта 14
2.1 Структура сайту 14
2.2 Верстка сторінок 15
2.3 PHP сценарії 19
2.3 Тестування 21
Висновки 24
Література 25
Реферат 3
Об’єм даної курсової роботи складає 25 ст. Робота містить 8 мал. та 1 схему. 3
Зміст 4
Вступ 5
1. Основні принципи створення сайтів 6
1.1 Основні вимоги до сучасних сайтів 6
1.2 Етапи створення сайта 8
1.3 Розміщення сайту в Інтернеті 12
2. Розробка Web-сайта 14
2.1 Структура сайту 14
2.2 Верстка сторінок 15
2.3 PHP сценарії 19
2.3 Тестування 21
Висновки 24
Література 25
Вступ
В сучасному житті людини велику роль грає можливість купувати речі не виходячи з оселі, тому я створив веб сайт магазину комп’ютерної техніки.
Мета цієї роботи пояснити звичайному користувачеві, на прикладі, основи мов програмування HTML та PHP.
Завдання роботі – полягає в створенні практичного веб сайту по купівлі комп’ютерної техніки. Для цього потрібно знати основи об’єктно-орієнтованого програмування PHP та мови розмітки гіпертексту HTML.
World Wide Web - глобальна комп'ютерна мережа на сьогодні містить мільйони сайтів, на яких розміщена всіляка інформація. Люди дістають доступ до цієї інформації за допомогою використання технології Internet. Для навігації в WWW використовуються спеціальні програми - Web- браузери, які істотно полегшують подорож по безкрайніх просторах WWW. Уся інформація в Web- браузері відображається у вигляді Web- сторінок, які є основним елементом байтів WWW.
Web- сторінки, підтримуючи технологію мультимедіа, об'єднують в собі різні види інформації : текст, графіку, звук, анімацію і відео. Від того, наскільки якісно і красиво зроблена та або інша Web- сторінка, залежить багато в чому її успіх в Мережі.
Користувачеві приємно відвідувати ті Web- сторінки, які мають стильне оформлення, не обтяжені надмірно графікою і анімацією, швидко завантажуються і правильно відображаються у вікні Web- браузеру.
Створити Web- сторінку непросто, але напевно кожна людина хотіла б спробувати себе в ролі дизайнера. І я, в даному випадку, не є виключенням.
У своїй курсовій роботі я зробив спробу розібратися в тому, що необхідно знати і уміти для створення Web- сторінки.
Також в цій роботі мною розглянуті основи мов програмування Web- сторінок – HTML,PHP. Це дасть нам можливість ознайомитися із структурою Web- сторінки і прийомами її правильного оформлення.
1. Основні принципи створення сайтів
1.1 Основні вимоги до сучасних сайтів
Дуже часто відбувається так, що при створенні свого сайту, людина забуває, для кого він цей сайт створює. Адже для більшості відвідувачів функціональність сайту, дизайн, його простота у використанні важлива практично в рівній мірі, як і інформація, в ньому.
Тому, щоб домогтися високої відвідуваності, потрібно продумувати всі аспекти. Для початку, задайте собі питання: як зробити навігацію сайту зручною для користувача? Щоб на нього відповісти, подивіться на свій сайт очима простого відвідувача.
А я вам допоможу. Давайте розглянемо по пунктах всі аспекти правильної навігації.
Простота. Користувач повинен з першого погляду зрозуміти, як орієнтуватися на сайті. Чи не мудруєте зі складними панелями управління. Не змушуйте відвідувачів вивчати ваш сайт як таблицю Менделєєва, замість того, щоб шукати важливу для них інформацію. Швидше за все вони закриють ваш сайт і більше ніколи сюди не повернуться.
Пізнаваність. Користувачі звикли до стандартних речей. І якщо посилання на всіх інших сайтах, як правило, підкреслена і синього кольору, то вони будуть шукати саме таке позначення. І в них не буде ніякого бажання водити мишкою по сторінці в пошуку цієї самого завуальованого посилання. Зрозуміло, що багатьом хочеться зробити свій сайт оригінальним, несхожим на інші. Але це не той випадок.
Розташування. Розташовуйте навігацію в звичних для користувача місцях — вгорі або ліворуч. 404 помилка. А точніше її відсутність. Протестуйте посилання сайту. Виключаючи кількість «лівих» посилань, ви підвищуєте ступінь довіри до сайту.
Розміщення реклами. Реклама на сайті теж може бути частиною навігації. Надлишок банерів, розташованих в нестандартних місцях сторінки, велика кількість спливаючих вікон тільки відлякує відвідувача.
Однаковість. Дотримуйтеся одного стилю при створенні навігації на різних сторінках сайту. Розміри і вид кнопок, шрифт, розташування картинок, колір намагайтеся робити одноманітними. Коли відвідувач розібрався в тому, як працює сайт на першій сторінці, в нього не буде бажання вивчати наступні сторінки з іншими параметрами. Більше того, подобу всіх сторінок не лише спрощує життя користувачеві, але і додає цілісність і дизайнерську оформленість сайту.
Посилання. Не намагайтеся заповнити весь вільний простір гіперпосиланнями. Розташовуйте їх грамотно. Наприклад, я працюю з партнерською програмою і грамотне розташування посилань мого сайту на ресурси цієї партнерки приносить мені чималий дохід.
Контраст. Навігація повинна контрастувати з тлом та інформацією на сайті, щоб її було легко помітити.
Комфортність. Не змушуйте читачів напружувати зір у пошуках посилань з розміром шрифту 7. Шрифт навігаційного тексту зрозумілий. Запам’ятайте, все ідеальне — просто.
Швидкість. Коли сторінка завантажується, перше що повинен бачити читач, це навігацію сайту, щоб йому не довелося чекати повного завантаження для переходу на сторінку.
Орієнтир. Відвідувач, перейшовши по декількох посиланнях, повинен знати, де він знаходитися на сайті і як він сюди потрапив. А також, заходив він вже за певними посиланнями чи ні. Для цього такі посилання повинні відрізнятися кольором. Якщо кількість сторінок велике, створіть карту сайту. Параметр ALT і TITLE. Прописуйте цей параметр для графічних посилань.