Помощничек
Главная | Обратная связь


Археология
Архитектура
Астрономия
Аудит
Биология
Ботаника
Бухгалтерский учёт
Войное дело
Генетика
География
Геология
Дизайн
Искусство
История
Кино
Кулинария
Культура
Литература
Математика
Медицина
Металлургия
Мифология
Музыка
Психология
Религия
Спорт
Строительство
Техника
Транспорт
Туризм
Усадьба
Физика
Фотография
Химия
Экология
Электричество
Электроника
Энергетика

Візуальна класифікація сайтів



Візуальна класифікація веб-сайтів.

 

За цією класифікацією сайти поділяються на текстові, графічні та імітаційні.

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

Графічні сайти окрім певних текстових матеріалів містять бага­то графіки: спливаючі меню, піктограми, анімаційні зображення тощо.

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

Такі сайти найчастіше отримують нагороди Webby Awards за свій нетрадиційний, інноваційний дизайн. Наприклад, сайт LeoBurnett.ca став переможцем 2005 року в категорії «Кращий візуальний дизайн».

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

Планування web-сайтів.

Взагалі, етап планування - найважливіший в розробці будь-якого сайту. Це справедливо і для простої домашньої сторіночки, і для гігантського сайту транснаціональної суперкорпорації, такий як Intel або Coca-cola. Тому, починаючи планування майбутнього сайту, краще закрийте Dreamweaver і навіть вимкніть комп'ютер, щоб не виникло спокуси відразу ж засісти за "творення". На цьому етапі вам знадобляться тільки олівець і папір або, якщо ви все-таки віддасте перевагу комп'ютеру, програма текстового редактора або спеціальний пакет проектування сайту, на зразок Microsoft Visio.

Отже, що ж потрібно вирішити для себе перед початком роботи над сайтом?

1. Перш за все, чітко визначити завдання сайту. Що він повинен робити: розповідати про кого-небудь або про що-небудь, привертати клієнтів, допомагати вирішувати якісь проблеми, освічувати або розважати. Залежно від завдань структура сайту може сильно розрізнятися.

2. Визначити, яка конкретно інформація повинна на сайті бути присутньою. Що ви хочете розповісти про себе або що вам потрібно розповісти про замовника. І нічого зайвого!

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

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

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

6. Придумати фізичну структуру сайту, тобто як окремі файли, складові сайт, будуть "розкидані" по теках.

7. Перевірити, чи нічого ви не забули. Це останній етап планування сайту, але не менш важливий, чим останні.

10. Що таке тег <BODY>? Назвати його атрибути.

Тіло документа - тег BODY Все, що відображається на web-сторінці, знаходиться в тегах. Це текст, картинки і виконуються скрипти, а також теги для оформлення всього цього. Обов'язкових параметрів у тега немає, та й застосування необов'язкових параметрів теж не вітається. Тим не менше, більшість параметрів досі підтримується різними браузерами. Розглянемо ті, які поки підтримуються всіма браузерами: alink - встановлює колір активного посилання. Поточний колір посилання змінюється на активний при натисканні на неї. vlink - встановлює колір відвіданого посилання, тобто тієї, за якою вже клацали. background - вказує на зображення, яке буде використовуватися в якості фонового малюнка. Цей малюнок заповнює собою весь видимий простір вікна. Якщо малюнок менше вікна браузера, то він повторюється, утворюючи мозаїку з однакових картинок. На стику цих картинок виникають видимі переходи. Тому до підбору фонових малюнків слід підходити з великою увагою. bgcolor - вказує фоновий колір документа. leftmargin - визначає відступ від лівого краю вікна браузера до контенту сторінки. rightmargin - визначає відступ від правого краю вікна браузера до контенту сторінки. topmargin - визначає відступ від верхнього краю вікна браузера до контенту сторінки. bottommargin - визначає відступ від нижнього краю вікна браузера до контенту сторінки. text - встановлює колір тексту для всього документа.

12. Що таке теги <HEAD> та <ТІТLЕ>. Особливості їх застосування в HTML-документі.

Title Єдиним обов'язковим елементом заголовка документа є теги. Вони необхідні, щоб дати документу назву, воно відображається в заголовку вікна браузера.Теоретіческі назва документа може мати необмежену довжину, на практиці рекомендується обмежитися 60 символами.

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

 

Вміст тега <head> не відображається безпосередньо на веб-сторінці, за винятком тега <title> встановлює заголовок вікна веб-сторінки.

Усередині контейнера <head> допускається розміщувати наступні елементи: <base>, <basefont>, <bgsound>, <link>, <meta>, <script>, <style>, <title>.




©2015 studopedya.ru Все права принадлежат авторам размещенных материалов.