17 липня о 18:00Вебінар: Чи може наука сформувати підприємницьку компетентність?

Презентація "Web-дизайн"

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

Номер слайду 2

Під терміном «web-дизайн» прийнято розуміти сукупність робіт по розробці логічної структури і художнього оформлення веб-сторінок. Завданням web-дизайну є забезпечення зручної подачі інформації користувачеві сайту або web-додатку, задоволення естетичного смаку аудиторії. Веб-дизайн - це розділ дизайну, чітко зорієнтований на кінцевого користувача, він поєднує елементи художніх, технологічних, комерційних та інформаційних наук.

Номер слайду 3

Комплементарна схема Тріадна схема Тетраідна схема

Номер слайду 4

Номер слайду 5

1. Кольорова схема 2. Композиція

Номер слайду 6

Номер слайду 7

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

Номер слайду 8

Робота над шаблоном вимагає обов'язкового тесту на крос-браузерність, тобто на сумісність з різними браузерами і їх версіями. Різні браузери можуть по-різному інтерпретувати код html, тому таке тестування необхідно, щоб уникнути можливого «розвалу» дизайну.

Номер слайду 9

Зміст — означає форму та організацію наповнення сайта: стиль написання тексту, так і його упорядкування, подання та структурування за допомогою мови HTML. Оформлення — загальний вигляд сайта, який включає в себе графічні елементи кольрову гаму та навігації. Технології — до цієї категорії належить використання HTML та CSS. Подання — швидкість та надійність представлення сайта в мережі Інтернет. Мета — причина існування сайта, часто пов’язана з економічними міркуваннями.

Номер слайду 10

Розробка дизайну; Верстка; Програмування.

Номер слайду 11

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

Номер слайду 12

Посилання - ланцюжки (Bread crumbs) Подвійні закладки (Double tab) Метанавігація Роздільна навігація Дубльоване меню Посилання наверх (Top) Порівневе розділення Комбіноване меню Випливаюче меню Каталоги Ієрархічне меню Прокручуєме меню Швидкий перехід (Shortcuts) Графічне меню

Номер слайду 13

Шлях за ієрархією від верхнього рівня до відкритої сторінки.

Номер слайду 14

Після затвердження структура подається роботодавцю, якщо замовник задоволений, починається створення макетів, як правило, декілька варіантів дизайну. Опрацьовуються всі деталі кнопки, форми, списки, заголовки і тд. Кінцевий результат надається замовнику. Після затвердження макети передаються верстальникам веб-студії.

Номер слайду 15

Завдання верстальника - перетворення графічних макетів у веб-сторінки. Складність даного етапу розробки - сумісність різних браузерів. Веб сторінка повинна однаково коректно відображатися у всіх популярних браузерах, що часто відбувається навпаки. Елементи сторінки в різних браузерах інтерпретуються по-різному, що призводить до не коректного відображення веб-сторінок. На допомогу у цій ситуації приходять різні "хакі" придумані розробниками і впроваджувані безпосередньо в саму розмітку гіпертексту (html) або в каскадні таблиці стилів (css). Після перевірки "кросбраузерності" верстки починається наступний етап - програмування.

Номер слайду 16

 Завдання програміста - об'єднати задумку дизайнерів з роботою верстальників. Фахівці веб-студії створюють програмну частину ресурсу. Програмна основа сайту розробляється з нуля або за допомогою розробленої CMS. Враховуючи той факт, що останнім часом системи управління сайтом дуже популярні, як правило, всі сучасні сайти використовують CMS.

Номер слайду 17

Веб-дизайн - це... Кольорові схеми сайтів можуть бути... Шаблон головної сторінки оформляється... Дизайнер розробляє... Навігація – це... “Крос-браузерність“- це... Завдання програміста - це...

ppt
Додав(-ла)
Дяченко Ірина
Додано
14 лютого
Переглядів
504
Оцінка розробки
Відгуки відсутні
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку