- •О. Н. Романюк, д. І. Катєльніков, о. П. Косовець
- •О. Н. Романюк, д. І. Катєльніков, о. П. Косовець
- •1 Базові визначення. Основні етапи розробки веб-ресурсів
- •1.1 Основні принципи побудови та функціонування мережі Internet
- •Контрольні питання
- •1.2 Основні етапи розробки Web-сайта
- •1.2.1 Концептуальне проектування
- •1.2.2 Логічне проектування
- •4. Виробництво і контроль якості 5. Запуск і супровід
- •1.2.3 Фізичне проектування
- •Контрольні питання
- •2 Основи композиції
- •Контрольні питання
- •3 Основи шрифтового дизайну
- •3.1 Основні елементи побудови літер
- •3.2 Накреслення
- •3.3 Класифікації гарнітур і шрифтів
- •3.4 Метричні параметри тексту
- •3.5. Розмір пробілу, бокові поля і ємність шрифту
- •3.6. Виділення параграфів
- •3.7. Розміщення символів тексту
- •3.8 Комп’ютерні шрифти
- •3.9 Кодування шрифту
- •3.10 Особливості використання шрифтів у Web-дизайні
- •3.11 Рекомендована кількість шрифтів
- •3.12 Вибір кольору тексту
- •Контрольні питання
- •4 Розробка контента сайта
- •4.1 Особливості сприйняття текстової інформації на Веб-сторінці
- •4.2 Складання текстів для Internet
- •4.3 Поради щодо написання статей
- •4.4 Поради щодо написання заголовків
- •4.5 Джерела контенту та систематизація
- •4.6 Організація інформації
- •4.7 Тестування контенту
- •Контрольні питання
- •5 Теорія кольору
- •5.1 Сприйняття кольору через зоровий канал людини
- •5.2 Системи змішування основних кольорів
- •5.3 Основні характеристики та кутові поля зору людського ока
- •5.4 Особливості сприйняття кольору
- •5.5 Сприйняття кольору
- •5.6 Емоційний вплив кольору
- •5.7 Психологічне сприйняття окремих кольорів і їх поєднань
- •5.8 Вибір палітри для різних демографічних груп, національні особливості, сучасні тенденції
- •5.9 Вибір кольорів з використанням колориметричних кіл
- •Контрольні питання
- •6 Основи сканування
- •6.2 Рекомендації щодо сканування зображень
- •Контрольні питання
- •7 Розробка системи навігації
- •Контрольні питання
- •8 Розробка логотипу
- •8.1 Термінологія
- •8.2 Найбільш відомі логотипи
- •8.3 Класифікація логотипів
- •8.4 Характеристики логотипу
- •8.5 Особливості розробки логотипів
- •8.6 Вибір геометричних форм для логотипів
- •8.7 Вибір кольорової гамми для логотипу
- •8.8 Стиль у дизайні логотипів
- •8.9 Символізм зображень тварин
- •Контрольні питання
- •9 Формати графічних файлів та рекомендації до їх вибору
- •9.1 Аналіз форматів графічних файлів
- •9.2 Рекомендації для вибору графічних форматів
- •Контрольні запитання
- •Література
- •Науково-методичний відділ внту
- •21021, М. Вінниця, Хмельницьке шосе, 95, внту
- •Вінницького національного технічного університету
- •21021, М. Вінниця, Хмельницьке шосе, 95, внту
4.7 Тестування контенту
На цьому етапі перевіряється все: зручність навігації, цілісність даних, коректність посилань і орфографія. Краще, щоб тестування проводили не самі розроблювачі сайта, а сторонні тестувальники. У процесі роботи над сайтом розробники настільки до нього звикають, що навіть не помічають відверті помилки. Багатьом відомо, що тестування будь-якої програми, у тому числі й сайта, розбивається на кілька етапів. На першому етапі, який має назву альфа-версії — помилки знаходяться ще самими розробниками. Коли розробники перестають знаходити помилки, продукт перетворюється в бета-версію. Отоді й треба його передавати зовнішнім тестувальникам на перевірку. Всі знайдені помилки й зауваження слід виправляти.
Деякі рекомендації з приводу тестування викладені нижче.
Перевірити коректність посилань
Виправлення неправильних посилань (посилання, які вказують на неіснуючий файл або мають неправильний шлях) на сайті з більшою кількістю документів є стомлюючою роботою, що віднімає багато часу. Тому сучасні програми створення сайтів мають засоби знаходження неправильних посилань і непов'язаних файлів. Непов'язані файли розміщуються на сайті, але не пов'язані посиланнями з жодним документом і займають дисковий простір.
На жаль, перевірити чи дійсно посилання вказує на необхідний файл, жодна програма не може. Тому, незважаючи на те, що всі посилання нібито коректні, деякі з них можуть указувати на інший документ. Треба "вручну" перевірити, чи всі посилання ведуть на потрібні файли.
Проблема невідповідності посилань може виникнути й у випадку, коли як посилання на один документ використовується одночасно рисунок і текст. Вони повинні вказувати на один файл.
Типові помилки, що виникають із посиланнями:
посилання на локальний документ
Помилка часто виникає в деяких програмах для створення сайта, наприклад Microsoft FrontPage. Замість відносних або абсолютних посилань на документ додається локальне посилання на файл, що зберігається на диску. Такі посилання виглядають як: file:///c:\Мої%20документи\file.html. Зрозуміло, все працює прекрасно, поки сайт не буде перенесений на інший комп'ютер або віддалений хостинг. Тоді й з'ясується, що ніяких "Моїх документів" немає.
Рекомендація: на сайті взагалі не повинна використатися конструкція file:///: Заміняйте її відносними посиланнями /file.html або подібними.
регістр
Помилка, як правило, проявляється на серверах з операційною системою Linux, яка є чутливою до регістра символів. Тому файли з іменами INDEX.HTML і index.html є різними. Якщо ви все імена в посиланнях задаєте в нижньому регістрі, варто точно також використати нижній регістр і в іменах файлів.
Рекомендація: створюйте імена документів у нижньому регістрі й точно також указуйте посилання на них.
неправильний шлях до файла
При розгалуженій системі папок розміщених на сайті, можна легко припуститися помилки у вказанні шляху до документа. Використання сучасних програм для створення сайтів зводять цю помилку до нуля.
Рекомендація: використайте засоби програм створення сайтів для перевірки правильності всіх посилань.
Проставте на зображеннях альтернативний текст
Поради деяких авторів завжди використовувати текст, що заміщає картинку, не зовсім правильні. Все залежить від бажання розробника сайта й необхідності. Деякі браузери, наприклад Opera, взагалі не підтримують цю можливість. Але в кожному разі, рекомендується використовувати альтернативний текст для заслань-картинок-посилань. При відключеному показі зображень у браузері можна буде прочитати напис і зрозуміти, куди веде посилання.
На кожній сторінці пишіть її заголовок
Заголовки сторінок використовуються пошуковими системами для позначення сторінки, а також при збереженні посилання в розділі "Вибране" браузера. Щоб відвідувачеві сайта було легше та зручніше орієнтуватися в сайті, завжди пишіть заголовок сторінки відповідно до її змісту.
Інші постулати описані коротко, одним рядком.
у всіх зображень повинні бути встановлені їх розміри;
кольори відвіданих і не відвіданих посилань повинні розрізнятися;
у кожній директорії розміщуйте файл index.html (default.html);
опис і ключові слова повинні бути присутніми і розрізнятися для кожної сторінки;
перевірте орфографію.
Додатково слід звернути увагу на загальновідомі признаки низької якості статті і перевіряти, чи не присутні вони на власному сайті:
На сайті відсутній авторський текст.
Текст сайта містить орфографічні та синтаксичні помилки.
Статті сайта містять застарілі відомості.
Статті сайта містять змістовні помилки.
Статті сайта переповнені рекламою.
Не врахована специфіка веб-текста.
Статті сайта не враховують основну аудиторію сайта: рівень освіти, стать та т.п.
Інформація в статтях сайта не відповідає запропонованим товарам і послугам.
Також при тестуванні слід перевірити загальноприйняті правила оформлення тексту:
Кількісні числівники записуються цифрами, якщо вони є багатозначними, і словами, якщо вони однозначні.
Приклад: п'ять автомобілів (не правильно: 5 автомобілів).
Якщо при числівнику даються в скороченому позначенні одиниці величини, то такий числівник записується цифрами.
Приклад: 50 кг, 10 л і т.п.
Після скорочень одиниць міри, довжини, маси, обсягу крапка не ставиться.
При перерахуванні однорідних величин і відношень скорочене позначення одиниці величини ставиться тільки після останнього числа.
Кількісні числівники узгоджуються з іменниками у всіх відмінкових формах, крім форм називного й знахідного відмінків.
При кількісних числівниках, записаних арабськими цифрами, відмінкові закінчення не пишуться, якщо числівники супроводжуються іменниками.
Порядкові числівники пишуться словами: сьомий, двадцять п'ятий, сотий. Порядкові числівники, позначені арабськими цифрами, не мають відмінкових закінчень, якщо вони стоять після іменника, до якого відносяться.
При перерахуванні декількох порядкових числівників відмінкове закінчення ставиться тільки один раз; наприклад: капітани 1 і 2-го рангів.
Записані римськими цифрами порядкові числівники відмінкових закінчень не мають.
Приклад: V курс, XXI століття (а не: XXI-е століття).
При використанні скорочень можна: 1) зберігати тільки першу (початкову) букву слова (місто - м.); 2) зберігати частина слова, відкидаються закінчення й суфікс (медичний - мед.); 3) пропускати кілька букв у середині слова, замість яких ставиться дефіс (університет - ун-т). При цьому скорочення повинне закінчуватись на приголосну й не повинне закінчуватись на голосну (якщо вона не початкова буква в слові), на букву «і», на м'який і твердий знак. Після перерахування пишуть: і т.д. (і так далі), і т.п. (і тому подібне), і ін. (і інші), та ін. (та інші); при посиланнях: див. (дивися), порівн. (зрівняй); при цифровому позначенні століть і років: с. (століття), сс. (столітть), р. (рік), рр. (роки).
Якщо цитата повністю відтворює речення тексту, який наводиться, вона починається із прописної (великої букви). Якщо цитата включена на правах частини в речення авторського тексту, вона пишеться з рядкової (маленької) букви. Якщо в цитату ввійшла тільки частина речення, яке наводиться з джерела, то або після лапок ставиться три крапки й цитата починається з маленької букви, або цитата починається з великої букви й закінчується трьома крапками.
Приклад: И. Іванов сказав «...цитату варто оформляти так».
Цитата починається з малої літери й тоді, коли вона органічно входить до складу речення, незалежно від того, як вона починалася в джерелі.
Приклад: И. Іванов писав, що «цитати оформляються так».
Посилання в тексті на номер рисунка, таблиці, сторінки, глави пишуть скорочено й без значка №.
Приклад: рис. 3, табл. 4, с. 11, гл. 9.
Якщо зазначені слова не супроводжуються порядковим номером, то їх варто писати в тексті повністю, без скорочень; Приклад: «з тексту видно, що...», «дане твердження правильне, оскільки...» і т.д. Посилання в тексті на окремий розділ роботи, що не входить у склад даної фрази, беруть у круглі дужки, і використовують скорочення «див.».
Приклад: (див. додаток 1).
Виноски позначають надрядковими знаками у вигляді арабських цифр (порядкових номерів з дужкою). Від основного тексту виноска відділяється суцільною короткою рискою. Нумерація виносок здійснюється в послідовному порядку в межах кожної сторінки. На кожній наступній сторінці нумерацію посилань починають із першої.
Переліки, що зустрічаються в тексті, рекомендується оформляти в такий спосіб. Якщо перерахування складаються з окремих слів або словосполучень, то вони пишуться в рядок і оформляються за допомогою нумерації арабськими цифрами або латинськими буквами й комами.
Приклад: Сайти бувають: 1) дуже маленькі, 2) маленькі, 3) середні, 4) складні й 5) суперскладні.
