Основи Вебдизайну Зміст Сайт класифікація сайтів Структура

Основи Вебдизайну

Зміст Сайт, класифікація сайтів Структура сайту Веб-дизайн Етапи створення сайту Засоби створення веб-сторінок

Сукупність веб-сторінок певної тематики із системою навігації, що збережені на одному сервері, називається веб-сайтом. веб – мережа; сайт – місце; Веб-сайт – місце в мережі.

Класифікація сайтів Схема подання змісту Доступність сервісів Природа вмісту Фізичне розміщення Спосіб взаємодії користувача

Доступність сервісів Відкриті Закриті Напіввідкриті

Природа вмісту Статичні Динамічні

Спосіб взаємодії користувача Пасивні Інтерактивні

Фізичне розміщення Сайти мережі Інтернет (веб-сайти) Локальні сайти

Схема подання вмісту Інформаційні ресурси Вебсервіси Інтернетпредставництва

Інформаційні ресурси Тематичні сайти Блоги Інтернетпортали Каталоги сайтів

Веб-сервіси Пошукові системи Поштові системи Соціальні мережі Форуми Дошки оголошень Файлові хостинги

Хостинг – послуга по наданню дискового простору для розміщення фізичних даних на сервері. Під фізичними даними розуміють всі сторінки сайту, інформацію на них, файли, що використовуються даним сайтом.

Інтернет-представництва Сайтивізитівки Інтернетвітрини Корпоративні сайти Інтернетмагазини Промосайти

Структура сайту Внутрішня Спосіб розміщення інформації в розділах та підрозділах сайту для легкої орієнтації в даних. Зовнішня Спосіб розміщення відомостей на сторінці при виборі кожного пункту меню чи кнопок переходу.

Внутрішня структура сайту Лінійна Гібридна Ієрархічна Мережна

Лінійна структура Головна сторінка Сторінка 1 Сторінка 2

Ієрархічна (деревоподібна) структура Головна сторінка сторінка сторінка

Гібридна структура Головна сторінка сторінка сторінка сторінка

Мережна структура сторінка сторінка

Зовнішня структура сайту Навігація Головна сторінка Заставка Інтуітивно-зрозуміле меню

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

Головна сторінка – це перша (стартова) сторінка сайту. На ній відображається назва сайту, логотип, тематика, коротко головні новини сайту, інструмент пошуку по сайту, спосіб звортного зв’язку. Вона задає стиль зовнішнього вигляду решти сторінок.

При старті сайту перед головною сторінки може відображатись заставка – велике фото (на більшу частину екрану) із звуковим супроводом або відекліп.

Меню сайту – багаторівневий список (як правило – без нумерації), кожен пункт якого – це перехід до відповідної сторінки сайту. Меню можуть бути у вигляді кнопок, графічних об’єктів чи банерів.

Д/з п. 26. 1 -26. 2

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

Веб-сторінка – це документ, створений мовою HTML, доступ до якого (перегляд) здійснюється за допомогою веб-браузера. Основою мови HTML є теги - команди, що вказують на правила Приклад найпростішої веб-сторінки форматування документу.

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

Типи веб-сторінок Веб-каталог Сторінка розділу веб-сайту Форма Форум, чат Домашня сторінка

Сторінка розділу веб-сайту Звичайна веб-сторінка, яка заповнюється тільки автором сайту (адміністратором, веб-майстром) і не передбачає особливих дій користувача під час роботи з нею. Такі сторінки можуть бути статичними та інтерактивними (використовуються скрипти на мові сценаріїв Java. Script або VBScript)

Форма Формою називається веб-сторінка для обміну даними між користувачем та сервером. Через форми користувач може записувати певну інформацію, яка потім оброблятиметься сервером. Форми можуть містити елементи діалогових вікон операційної системи. Приклади форм: форма пошуку на сайті, форма ідентифікації користувача, зворотній зв’язок, гостьова книга, і т. д.

Домашня сторінка Поняття домашня сторінка має два значення: Ø веб-сайт, що належить окремій персоні; Ø стартова сторінка певного вебсайту, що першою завантажується у браузері (її ще називають головною).

Форум, чат На сторінці форуму та чату в табличній формі відображаються повідомлення та коментарі до них. При цьому можливе відображення графічного зображення (аватар), мережевого імені (нік), інструментів створення, редагування власного повідомлення та коментування повідомлень інших учасників інтерактиву.

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

Система управління сайтом Для створення та супроводження сайтів чи динамічних сторінок на сайтах використовують систему управління сайтом (CMS). Такі системи мають багато різних модулів, що підключаються веб-дизайнером на етапі розробки сайту. Популярними (і безкоштовними) CMS зараз є Joomla, Word. Press, Drupal.

Етапи створення веб-сайту n визначання мети створення сайту; n вибір способу подання даних та відомостей, стилю оформлення сторінок; n розмітка та програмування сайту; n наповнення сайту контентом; n художнє оформлення сторінок; n отримання доменного імені та хостингу; n розміщення сторінок на сервері в Інтернеті; n популяризація (“розкрутка”) сайту та підтримка його роботи.

Засоби створення веб-сторінок n текстові редактори (Блокнот, Word. Pad); n текстові процесори (Word, Publisher); n HTML-редактори (Notepad++ 6. 0, ICE ); n Інтегровані середовища веб-дизайну (Adobe Dreamweaver CS); n спеціалізовані Інтернет-ресурси (Google. com, Ucoz. ru, тощо).

Д/з § 26