Розробка сайту загальноосвітньої школи I-III ступенів с. Кобзарівка

Для написання та тестування HTML-коду знадобилось:

1. Редактор текстових файлів (для початку підійшов «Блокнот», який є стандартною програмою в ОС Windows).

2. Браузер (вибір був довільним і залежав від моїх власних вподобань, тому я вибрала Opera.

HTML-сторінка — це звичайний  текстовий файл, збережений з  розширенням .html, .htm. Свої перші  HTML-файли зберігала на локальному диску, а результат дивилась в браузері.

Далі були CSS.

CSS (Cascading Style Sheets) — каскадні таблиці стилів, які застосовуються для візуального форматування документу в мовах розмітки. CSS використовується для того, щоб визначити кольори, шрифти, верстку та інші аспекти вигляду сторінки.

CSS найчастіше зменшує  об’єм коду, дозволяє виносити  стилі в окремий файл, який  можна повторно використовувати  і ще багато іншого.

З вище сказаного можна  зробити висновок, що як HTML, так і CSS не є мовами програмування. Вони дозволяють лише змінювати розміщення, оформлення елементів сторінок.

 

Для роботи на даному сайті  використовувався JavaScript (написання сценаріїв для Web-сторінок).

JavaScript — мова опису сценаріїв, підтримується більшістю браузерів. Код JavaScript інтерпретується (тлумачиться) самим браузером і може бути вбудований безпосередньо в текст сторінки HTML.

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

Наступним кроком було PHP. Хоча необов’язково наступний. Він сміло може йти перед JavaScript, а може взагалі не бути виконаним.

PHP (генерація HTML-сторінок  на сервері) — скриптова мова програмування, створена для генерації HTML-сторінок на стороні веб-сервера.

Мова PHP вибрана з-поміж  інших аналогічних мов програмування через свою простоту в освоєнні, наявність вихідного коду та безкоштовність.

За допомогою PHP я організувала пошук інформації.

Відмінність PHP від JavaScript полягає в тому, що PHP-скрипт виконується на сервері, а клієнту передається результат роботи, тоді як JavaScript-код повністю передається на клієнтську машину і тільки там виконується.

Для того, щоб всі ваші скрипти написані на PHP працювали, необхідно мати або доступ до вже налаштованого сервера, або (найпростіший варіант) поставити собі пакет «Denwer» чи аналогічний до нього. Там всі операції по налаштуванні виконані.

MySQL (система керування реляційними базами даних) — це одна з найпоширеніших СУБД (система управління базами даних) в Інтернеті. Це досягнуто завдяки вдалому поєднанню користувацьких властивостей, відкритому коду і добрій технічній підтримці. Характеризується великою швидкістю, стійкістю і простотою використання. Для некомерційного використання MySQL є безкоштовним.

MySQL розглядається як основа для не надто складних проектів (кількість рядків у таблицях може досягати 50 млн), які не вимагають високого рівня збереження даних, як то: форуми, системи ведення статистики, електронні магазини, тощо.

Для мови PHP MySQL виступає як стандарт де-факто, і бібліотека для звернення до MySQL скомпільована в ядро PHP.

Для редагування вмісту сайту  я користувалась панеллю адміністратора. Вхід в яку має вигляд:

Рисунок 2.3 – Вхід на панель адміністратора

 

Вибираючи відповідні настройки  змінювала кількість пунктів  меню та їх назви.

Рисунок 2.4 – Вигляд головної сторінки панелі адміністратора

 

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

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

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

 

2.3 Проблеми, що виникли під час розробки сайту

 

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

Під час оформлення користувалась  яскравою гамою кольорів, що викликало  велику яскравість даного сайту і  швидке стомлювання очей при користуванні послугами Інтернету, тому помінявши  фонові кольори на більш спокійніші було вдало і чітко усунено  даний недолік.

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3 ТЕСТУВАННЯ САЙТУ

 

Тестування проводиться  з метою перевірки сайту на відповідність технічному завданню та перевірки технічних характеристик.

1. Перегляд сайту на різних моніторах, що дозволяє оцінити як виглядатиме дизайн на комп’ютерах відповідних відвідувачів: чи з’явиться горизонтальна смуга прокручування на маленьких екранах, чи не змістяться елементи при різному дозволі. При перевірці даного сайту використовувався нетбук (діагоналлю 10 дюймів) та комп’ютер (діагоналлю 17 дюймів), що дало змогу оцінити дану веб-сторінку на відмінно. 
2. Перегляд сайту в різних браузерах, що дозволяє перевірити кросбраузерність сайту. На рис. 3.1, 3.2, наведені відображення головної сторінки в трьох різних браузерах: Internet Explorer, Opera.

 

Рисунок 3.1 – Відображення головної сторінки в браузері Opera

 

Рисунок 3.2 – Відображення головної сторінки в браузері Internet Explorer

 

3. Перевірка часу завантаження сайту на різній швидкості інтернет-підключення. Як швидко завантажуються сторінки сайту на мінімальній і на максимальній швидкості підключення.
4. Перевірка коректного відображення кольорів на сайті при різних настроюваннях колірної палітри монітора. Дозволяє довідатися, як будуть відображені кольори сайту на моніторах потенційних відвідувачів.
5. Перевірка властивостей кожної сторінки сайту: заголовків, ключових слів, описи або інших мета-тегів.

Провівши тестування сайту, а саме його перегляд в різних браузерах  ми переконались що відтворення даного ресурсу різними користувачами  з різними провайдерами буде однаковим  для Opera та Internеt Explorer.

 

 

 

 

 

 

ВИСНОВОК

Веб-сайт (англ. website, місце, майданчик в інтернеті), також сайт (англ. site, місце, майданчик) — сукупність веб-сторінок, доступних у Міжмережжі (Інтернеті), які об'єднані як за змістом, так і навігаційно. Фізично сайт може розміщуватися як на одному, так і на кількох серверах.

Сайтом також називають  вузол мережі Інтернет, комп'ютер, за яким закріплена унікальна ІР-адреса, і взагалі будь-який об'єкт в Інтернеті, за яким закріплена адреса, що ідентифікує його в мережі (FTP-site, WWW-site тощо).

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

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

Другий етап – це покрокова  розробка сайту: починаючи від вибору структури і відповідного наповнення та закінченням дизайнерським оформленням.

На останньому етапі сайт проходив тестування на відповідність  вимогам та концепціям уже відомих  критеріїв.

 

 

 

 

 

 

 

 

 

Перелік джерел

 

1. http://uk.wikipedia.org/wiki/Веб-сайт, 13.04.11;
2. http://webi.com.ua/make/, 09.04.11;
3. http://informatics.org.ua/studentam/vymohy-do-sajtiv/, 20.04.11;
4. Манако В., Манако Д., Данилова О., Войченко О. Основи будування сайтів – Київ – «Шкільний світ». 2006р. 113 ст.
5. http://usufit.org.ua/teaching/informatic/zalik.aspx, 25.04.11.