- •Теоретичні відомості
- •Розробка структури
- •Внутрішня структура сайту
- •Зовнішня структура
- •Оформлення сайту
- •Кодинг і програмування
- •Тестування і доопрацювання
- •Просування, реклама
- •Подальша підтримка і оновлення
- •Програми, що потрібні для web-мастерингу
- •Візуальні редактори
- •Програми обробки растрової графіки
- •Програми обробки векторної графіки
- •Мова розмітки гіпертекстових сторінок html
- •Інструментарій редагування html
- •Теги html
- •Контейнери
- •Автономні теги
- •Атрибути
- •Інформація, що ігнорується браузерами
- •Ефективні теги для оптимізації сайту
- •Оптимізація розділу head
- •Тег заголовку сторінки title
- •Мета теги
- •Опис мета тегов групи name:
- •Опис мета тегів групи http-equiv:
- •Увага! Мета тег Content-Type часто вставляється генераторами html коду.
- •Висновки
- •Засоби css
- •Представлення тексту на web-сторінках
- •Типи шрифтів
- •Текст в зображеннях
- •Переваги використання графіки замість html-тексту:
- •Але у цього методу є ряд недоліків:
- •Розмір шрифту
- •Графіка на web-сторінках
- •Відмінні характеристики
- •Роздільність графічного файлу
- •Об’єм графічного файлу
- •Забезпечення доступності web-сторінки
- •Особливості кольорів дисплея
- •Стандартні розміри і роздільчості дисплеїв
- •Відомості щодо посилання
- •Нестандартні посилання
- •Інтро сторінка
Інтро сторінка
Відвідувачі приходять на сайт, щоб знайти потрібну інформацію і часто перше, що вони бачать, це інтро сторінка. В більшості випадків ця ввідна сторінка не є корисною для відвідувача і не сумісна за стилем з рештою частини сайту. В цілому, єдина мета інтро сторінки – додати певну «крутизну» при вході на сайт. Кожна сторінка сайту, включаючи головну, повинна бути інформативною і збігатися з основним стилем сайту.
ФЛЕШ
Сайти та інструменти навігації, що зроблені у флеші, можуть містити низку проблем для користувачів.
КОНТЕНТ
Найбільшою проблемою є орфографічні та стилістичні помилки у тексті. Веб-сторінки повинні бути короткими і зручними для перегляду на моніторі.
ПОГАНИЙ ПОШУК
Для повноцінного пошуку по сайту потрібно застосувати спеціальне програмування, але це варто того, тому що пошук — фундаментальна компонента людської поведінки в онлайні.
НЕСУМІСНІСТЬ БРАУЗЕРІВ
Багато веб-розробників не перевіряють свої сайти на сумісність з альтернативними браузерами, хоча кожен десятий користувач в Інтернеті не використовує Internet Explorer.
СКЛАДНІ ФОРМИ
Користувачі часто скаржаться на недолік різних форм, які часто містять велику кількість непотрібних питань. Тут можна порадити залишити в опитувальниках тільки найважливіші питання, а інші зробити необов'язковими для відповіді, максимально запровадити автозаповнення, переводити курсор в перше поле форми, коли відкривається сторінка (це економить один клік).
НЕМАЄ КОНТАКТНОЇ ІНФОРМАЦІЇ АБО ІНФОРМАЦІЇ ПРО КОМПАНІЮ
Багато сайтів в Інтернеті неначе створено анонімно. Телефонний номер і адреса електронної пошти на сайті повинні бути обов'язково, бажано ще розмістити фізичну адресу, тому що із скритною компанією ніхто не захоче мати справи.
СТОРІНКИ ФІКСОВАНОЇ ШИРИНИ
Тут дві проблеми:
-
на великих моніторах сторінка перетворюється на вузький стовпчик тексту, а на маленьких може викликати незручну горизонтальну прокрутку;
-
права частина сторінки може не поміститися на сторінку при роздрукуванні на папері.
НЕПРАВИЛЬНЕ МАСШТАБУВАННЯ ФОТОГРАФІЙ
В електронній комерції, дуже важливо продемонструвати товар у всіх подробицях. На сторінку слід винести фотографію навеликого розміру, якщо користувач буде зацікавлений, то обов'язково повинна бути функція, що відкриває цю фотографію в збільшеному розмірі. На жаль, на багатьох сайтах на сторінку відразу викладаються великі зображення, що значно гальмує завантаження сторінки
ПОРЯДОК РОБОТИ
-
Обрати тематику майбутнього сайту
-
Розробити структуру сайту
-
Обрати програми, що потрібні для створення
-
Створити сайт
-
Заповнити службовою та довідковою інформацією мета-теги
-
Як розділ, винести на сайт відомості про автора
-
Розмістити сайт на сервері і протестувати
ЗМІСТ ЗВІТУ
-
Назва та мета виконання самостійної лабораторної роботи.
-
Основні відомості про створення Web-сайтів.
-
Характеристика вибраних програм для створення Web-сайту.
-
Структура розробленого індивідуального Web-сайту.
-
Скрін сторінок розробленого індивідуального Web-сайту.
-
Адреса розміщеного на сервері сайту.
-
Висновки.