09.04.2019 Структура веб-сайтів, різновиди веб-сайтів. Різновиди веб-сторінок
- Шапка сайту, яка містить логотип і назву сайту. Шапка сайту може вирішувати декілька завдань. По-перше, це візитна картка інтернет-ресурсу. По-друге, шапка сайту дуже часто використовується для розміщення в ній основного меню.
завдання
Етапи створення веб-сайтів. Конструювання сайтів. Завдання. 1. Створіть на сервері Google сайт Художній салон. Для цього: 1. Увійдіть на Google Диск з вашим обліковим записом Google. 2. Виконайте Створити/Більше/Google Сайти. 3. Уведіть назву Художній салон у поле Введіть назву сайту. 4. Уведіть назву Краса поруч у поле Заголовок сторінки. 2. Виберіть для сайту тему оформлення Перспективи та змініть зображення в заголовку головної сторінки. Для цього: 1. Виберіть заголовок вкладки Теми у правій частині вікна. 2. Виберіть тему оформлення Перспективи, колір – зелений, стиль шрифту — сучасний. 3. Наведіть вказівник на зображення в заголовку головної сторінки. 4. Виберіть команду Змінити зображення. 5. Виберіть друге із зображень галереї та кнопку Вибрати. 3. Створіть сторінки сайту згідно зі структурою; наведеною у файлі Розділ 9\Пункт 9.3\Вправа 9.3\схема.dосх. Для цього: 1. Виберіть вкладку Сторінки у правій частині вікна. 2. Виберіть кнопку Додати сторінку . 3. Уведіть назву сторінки Виставкова зала в поле Назва сторінки. 4. Виберіть гіперпосилання Готово. 5. Створіть сторінки з назвами Портрети, Пейзажі, Музей вишиванки. 6. Перетягніть блок із заголовком Портрети так, щоб стала виділеною нижня границя блоку заголовка Виставкова зала. 7. Розмістіть у такий само спосіб блок із заголовком Пейзажі в тематичному розділі Виставкова зала. 4. Заповніть сторінки матеріалами з папки Розділ 9\Пункт 9.3\Вправа 9.3. Для цього: 1. Виберіть сторінку Краса поруч. 2. Виберіть заголовок вкладки Додати у правій частині вікна. 3. Виберіть кнопку Текстове поле. 4. Скопіюйте текст з файла Розділ 9\Пункт 9.3\Вправа 9.3\художній салон.docx і вставте в текстове поле на сторінці Краса поруч. 5. Виберіть кнопку Завантажити на вкладці Додати. 6. Виберіть кнопку Вибрати файли з комп’ютера та відкрийте файл вернісаж.jpg з папки Розділ 9\Пункт 9.3\Вправа 9.3. 7. Виберіть кнопку Завантажити. 8. Перетягніть блок зображення, розмістивши його по центру в нижній частині сторінки. Зверніть увагу на появу сітки для розміщення блоку. 9. Розмістіть тексти та зображення на інших Сторінках сайту відповідно до назви сторінок. 5. Опублікуйте сайт. Для цього: 1. Виберіть кнопку Опублікувати у верхній частині вікна браузера. 2. Уведіть частину адреси salon-прізвище, де прізвище — ваше прізвище, записане латиницею. 3. Виберіть кнопку Опублікувати. 4. Перегляньте опублікований сайт, вибравши команду Переглянути опублікований сайт у списку кнопки Опублікувати. 5. Скопіюйте адресу сайту з рядка адреси. 6. Надішліть учителю інформатики електронного листа з повідомленням адреси створеного сайту. Завантажити текст практичного завдання у форматі docx: https://goo.gl/p2D3rR Завантажити файли-заготовки необхідні для виконання практичного завдання (взято з сайту авторів підручника): https://goo.gl/9GTeYS
1. Структура веб-сайтів.
Розрізняють зовнішню та внутрішню структуру веб-сайту.
- Меню – це засіб для переходу до основних розділів сайту. Наприклад, таких, як каталог файлів, форум, зворотній зв’язок та ін.
- Контент (англ. content – зміст) – змістове наповнення веб-сторінки, доступне користувачу: тексти, зображення, відео, звукові дані та інше.
Перед нами головна сторінка шкільного сайту, основним контентом якої є новини.
- Підвал сайту або футер, є менш функціональною частиною. В ньому містяться контактні дані та повідомлення про авторські права.
Окрім цього, на сайті можуть бути присутні посилання на інші сайти, різноманітні інформери (наприклад, погода в Бобринці, святковий календар) та інші елементи.
Внутрішня структура сайту, як правило, представлена картою сайту – діаграмою, що візуально відображає ієрархію сторінок сайта, схему зв’язків і переходів між ними.
Перейдіть на сторінку Карта сайту, щоб ознайомитися з внутрішньою структурою даного сайту.
Веб-сайт — це сукупність веб-сторінок, які об'єднані між собою за змістом та навігаційно. Всі сайти, до яких доступ вільний, утворюють Всесвітню павутину — найбільше сховище інформації.
Веб-сайтів є дуже багато, і класифікувати їхі можна по-різному та за різними критеріями.
Візуальна класифікація веб-сайтів.
За цією класифікацією сайти поділяються на текстові, графічні та імітаційні.
Текстові сайти містять переважно текстову інформацію та відносно мало зображень. Вони порівняно невеликі за розміром і мають простий дизайн. Дуже часто сайти інших типів крім стандартної мають ще й текстову версію — для тих відвідувачів, які з різних причин не хочуть завантажувати повні варіанти веб-сторінок.
Графічні сайти окрім певних текстових матеріалів містять багато графіки: спливаючі меню, піктограми, анімаційні зображення тощо.
Імітаційні сайти запозичують ідею оформлення з реального світу. Так, наприклад, сайт про автомобілі може містити програму, що відображає всі деталі автомобіля на екрані та дає огляд позиції водія у процесі руху.
Такі сайти найчастіше отримують нагороди Webby Awards за свій нетрадиційний, інноваційний дизайн. Наприклад, сайт LeoBurnett.ca став переможцем 2005 року в категорії «Кращий візуальний дизайн».
Отже, класифікація сайтів непроста і неоднозначна. Передусім можна по-різному визначати критерії, за якими класифікують сайти. Окрім того, іноді складно визначити, до якої категорії належить той чи інший сайт. Проте така класифікація допомагає зорієнтуватися у величезній кількості ресурсів Інтернету.
Щоб створити власний веб-сайт, потрібно, в першу чергу, ознайомитися з алгоритмом його створення.
4. Засоби розробки веб-сайтів.
Названі засоби створення веб-сайтів можна встановити на локальному комп'ютері. Створені в їх середовищі веб-сторінки після завершення процесу розробки потрібно опублікувати в Інтернеті. У той же час існують WCMS, які одночасно з послугами з розробки веб-сайтів надають послуги безкоштовного хостингу. Такими є системи uCoz, Google Sites, Prom.ua та ін. У цих системах створення веб-сайта здійснюється в режимі онлайн відразу на сервері хостингу.
Практичне завдання
завдання
Етапи створення веб-сайтів. Конструювання сайтів. Завдання. 1. Створіть на сервері Google сайт Художній салон. Для цього: 1. Увійдіть на Google Диск з вашим обліковим записом Google. 2. Виконайте Створити/Більше/Google Сайти. 3. Уведіть назву Художній салон у поле Введіть назву сайту. 4. Уведіть назву Краса поруч у поле Заголовок сторінки. 2. Виберіть для сайту тему оформлення Перспективи та змініть зображення в заголовку головної сторінки. Для цього: 1. Виберіть заголовок вкладки Теми у правій частині вікна. 2. Виберіть тему оформлення Перспективи, колір – зелений, стиль шрифту — сучасний. 3. Наведіть вказівник на зображення в заголовку головної сторінки. 4. Виберіть команду Змінити зображення. 5. Виберіть друге із зображень галереї та кнопку Вибрати. 3. Створіть сторінки сайту згідно зі структурою; наведеною у файлі Розділ 9\Пункт 9.3\Вправа 9.3\схема.dосх. Для цього: 1. Виберіть вкладку Сторінки у правій частині вікна. 2. Виберіть кнопку Додати сторінку . 3. Уведіть назву сторінки Виставкова зала в поле Назва сторінки. 4. Виберіть гіперпосилання Готово. 5. Створіть сторінки з назвами Портрети, Пейзажі, Музей вишиванки. 6. Перетягніть блок із заголовком Портрети так, щоб стала виділеною нижня границя блоку заголовка Виставкова зала. 7. Розмістіть у такий само спосіб блок із заголовком Пейзажі в тематичному розділі Виставкова зала. 4. Заповніть сторінки матеріалами з папки Розділ 9\Пункт 9.3\Вправа 9.3. Для цього: 1. Виберіть сторінку Краса поруч. 2. Виберіть заголовок вкладки Додати у правій частині вікна. 3. Виберіть кнопку Текстове поле. 4. Скопіюйте текст з файла Розділ 9\Пункт 9.3\Вправа 9.3\художній салон.docx і вставте в текстове поле на сторінці Краса поруч. 5. Виберіть кнопку Завантажити на вкладці Додати. 6. Виберіть кнопку Вибрати файли з комп’ютера та відкрийте файл вернісаж.jpg з папки Розділ 9\Пункт 9.3\Вправа 9.3. 7. Виберіть кнопку Завантажити. 8. Перетягніть блок зображення, розмістивши його по центру в нижній частині сторінки. Зверніть увагу на появу сітки для розміщення блоку. 9. Розмістіть тексти та зображення на інших Сторінках сайту відповідно до назви сторінок. 5. Опублікуйте сайт. Для цього: 1. Виберіть кнопку Опублікувати у верхній частині вікна браузера. 2. Уведіть частину адреси salon-прізвище, де прізвище — ваше прізвище, записане латиницею. 3. Виберіть кнопку Опублікувати. 4. Перегляньте опублікований сайт, вибравши команду Переглянути опублікований сайт у списку кнопки Опублікувати. 5. Скопіюйте адресу сайту з рядка адреси. 6. Надішліть учителю інформатики електронного листа з повідомленням адреси створеного сайту. Завантажити текст практичного завдання у форматі docx: https://goo.gl/p2D3rR Завантажити файли-заготовки необхідні для виконання практичного завдання (взято з сайту авторів підручника): https://goo.gl/9GTeYS
Немає коментарів:
Дописати коментар