Заняття №7

Зміст | Заняття: №1 №2 №3 №4 №5 №6 №7 №8 №9 | НОВИНИ

Інформаційні технології у проектній діяльності. Створення, публікація веб-ресурсів

1. Основи веб-дизайну.

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

Так з чого ж почати вивчати основи веб-дизайну і верстки? Насамперед потрібно добре освоїти роботу з графічними редакторами. Причому, мова йде як про растрову, так і векторну графіку. Найбільш поширеними програмними пакетами для роботи з графікою є програми Adobe Photoshop, Adobe Illustrator, Corel DRAW і Corel Paintshop.

Звичайно, найкраще освоїти всі перераховані програми для веб дизайну і вміти працювати з ними, але найчастіше використовуються все ж продукти від Adobe. Тому, якщо час на навчання у вас обмежений, то краще відразу починати працювати саме з ними.

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

Сучасний веб-дизайн це не тільки проектування і створення зовнішнього вигляду сайту в графічному виді, але й його верстка з використанням мов HTML і CSS. ресурс: http://www.imagecms.net/blog/obzory/veb-dizain-dlia-nachinaiushchih-sovety-po-izucheniiu

Сучасний веб-дизайн базується на принципах акцентування, контрасту, балансування, вирівнювання, повторення і зручність сприйняття. Чим більше уваги ви будете приділяти цим принципам, тим вдалішим в результаті вийде ваш дизайн. Якщо ж ви будете забувати про основи, то найчастіше будете опинятися на невірному шляху при створенні дизайну. Прокручуючи у себе в голові основи, ви можете сконцентруватися на потрібних аспектах і створити унікальний дизайн. Однак, майте на увазі, що просте слідування правилам не гарантує успіху. Ці принципи - НЕ рецепт, а скоріше орієнтири, за якими ви повинні слідувати на шляху створення успішного дизайну. ресурс: http://www.designonstop.com/webdesign/article/osnovnye-principy-veb-dizajna-i-ix-xarakteristiki.htm

Додатково:

- Основи web-дизайну. З чого починається web-дизайн?

2. Автоматизоване створення і публікація веб-ресурсів.

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

3 появою Веб 2.0 значно змінилася роль користувача, який перестав бути споживачем інформації та онлайнових продуктів, а перетворився на їх виробника.

Наприклад: Вікі — це веб-сайт, що дозволяє відвідувачам брати активну участь у редагуванні його вмісту (виправленні помилок, додаванні нових матеріалів). Для цього їм не потрібні спеціальні програми або знання НТМL — усі дії виконуються у браузері. Інформація, представлена на вікі, має нелінійну навігаційну структу­ру. Кожна сторінка зазвичай містить велику кількість гіперпосилань на інші сторінки. Більшість вікі зберігають інформацію про зміни у сторінках і навіть усі версії сторінок. Завдяки цьому автори можуть повернутися до попередніх версій сторінки у разі помилки або пошкодження сторінки зловмисниками Вікіпедія — багатомовна, загальнодоступна, вільно розповсюджува­на інтернет-енциклопедія. Вона створюється колективною працею добровільних авторів, що використовують технологію вікі.

Додатково:

- Автоматизоване створення веб-сайта

3. Створення сайту за допомогою майстра.

... редагується ...

Розробка сайту на Вордпресс. Ця CMS в основному використовується для створення блогів, також можливо її використовувати для створення найпростіших сайтів. Її перевага в її простоті використання, мінімум вимог до хостингу, і те, що вона поширюється безкоштовно.

Легка в установці, влаштована по новинному принципом, тобто кожна опублікована стаття зрушує вниз попередню. Можливість з легкістю змінювати варіанти дизайну. Недолік системи: не підходить для створення складних проектів.

Створення сайту на Joomla! Одна з найпопулярніших CMS систем на якій найчастіше робиться створення сайтів Краснодар і в усьому світі, розробляється і доповнюється сотнями програмістів з різних країн, має безліч співтовариств і ще більше шанувальників. Розповсюджується безкоштовно, але мабуть головна її перевага це те, що витративши чимало часу можна створити власний сайт. Joomla! дає можливість постійно доповнювати сайт, перетворюючи його з простого сайту в інтернет-магазин або корпоративний сайт-каталог.

Її можливості:

1. працює на будь-якій платформі;

2. проста установка;

3. легка в управлінні;

4. можливість оптимізації під пошукові машини;

5. сотні плагінів і компонентів;

6. постійне оновлення системи.

Недолік: при установці додаткових компонентів від невідомих виробників є ймовірність злому сайту через ці компоненти. Тому перш ніж їх встановлювати необхідно переконається в їх надійності.

ресурс: http://www.prcy-info.ru/index.php/view/razrabotka/sozdanie-sajjtov-s-pomoshju-cms

4. Дизайн веб сторінки

Веб-дизайн (англ. web design) — галузь веб-розробки, що охоплює цілий ряд напрямів і дисциплін із створення та супроводу сайтів або веб-застосунків, таких як графічний веб-дизайн, проектування інтерфейсів, авторинг (у тому числі стандартизований код і власницьке програмне забезпечення), використовність та оптимізація для пошукових систем. Найчастіше виконання різних етапів процесу веб-дизайну забезпечують відповідні спеціалісти (менеджер проекту, дизайнер, веб-програміст, веб-майстер тощо), хоча деякі веб-дизайнери можуть виконувати усе самостійно. Термін веб-дизайн зазвичай використовують для опису проектування й реалізації клієнтської частини веб-сайту, включаючи верстку.

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

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

Веб-дизайн html сторінки

ПРАКТИЧНЕ ЗАНЯТТЯ

1. Виконати завдання "Дизайн веб-сторніки".

Архів з файлами