Програма Microsoft Office Publisher 2007 Пригадайте!


меню для переходу до основних розділів сайту; інформаційного блоку



Сторінка14/32
Дата конвертації20.11.2018
Розмір9.83 Mb.
#65156
ТипПрограма
1   ...   10   11   12   13   14   15   16   17   ...   32

меню для переходу до основних розділів сайту;

  • інформаційного блоку з основним матеріалом, що займає центральну частину сторінки;

  • нижнього блоку – підвалу, для розміщення контактних даних, повідомлення про авторські права тощо.

    Схему зовнішньої структури – так звану модульну сітку (рис. 4.70) бажано намалювати у графічному редакторі або на папері. Якщо розробка сторінок сайту буде здійснюватись автоматизованими засобами, то зовнішня структура може бути запропонована у шаблоні сторінки.

    Рис. 4.71 Приклад дизайн-макету


    1. Розробка дизайн-макету сторінок сайту. Дизайн-макет буде спиратися на попередньо розроблену зовнішню структуру сторінок сайту. Дизайн-макет сторінок включає набір значень властивостей текстових та графічних об’єктів сторінки: кольорової гами сторінок, елементів графічного оздоблення, набору шрифтів та ін., тобто визначає стиль сайту. Важливо, щоб стиль відповідав призначенню сайту, особливостям основної аудиторії, на яку розрахований сайт, був орієнтований на надання найбільших зручностей для сприйняття основного матеріалу. Дизайн-макет (рис. 4.71) може бути розроблений дизайнером у графічному редакторі, намальований на папері тощо.


    2. Створення та верстка сторінок сайту. Створюються сторінки, як правило, мовою розмітки гіпертексту HTML. У процесі створення відбувається верстка сторінок. Як ви вже знаєте, верстка – це процес розміщення на сторінці під час її створення текстових та графічних елементів таким чином, щоб сторінка отримала вигляд згідно розробленого дизайн-макету.

    Для розміщення на веб-сторінці варто використовувати мультимедійні файли форматів, що передбачають стиснення даних. Для графічних зображень це можуть бути формати JPEG, GIF, PNG, для аудіокліпів – MP3, для відео фрагментів – AVI, MP4 та ін.

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



    1. Якщо на етапі постановки завдання передбачалось розміщення на сайті інтерактивних елементів, таких як системи пошуку, голосування, форуму та ін., то потрібен ще й етап програмування сайту.

    2. Розміщення (публікація) сайту в Інтернеті. У ході попередніх етапів створені веб-сторінки могли зберігатися на локальному комп’ютері розробника. На даному етапі сайт розміщують на сервері, який надає послуги хостингу. Під час публікації в Інтернеті сайту надається доменне ім’я. Після цього сайт стає доступним для перегляду усіма бажаючими, якщо він або його частина не мають обмежень на доступ.

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

    1. Після публікації сайту в Інтернеті розробка сайту не вважається завершеною. Певний час буде тривати тестування сайту для виявлення недоліків верстки.

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

    3. Для підтримки інтересу до вашого сайту важливо регулярно оновлювати його, доповнювати цікавими унікальними матеріалами. Можливо з часом стане бажаною зміна дизайну сайту – редизайн. При виконанні таких робіт кажуть про супровід сайту.


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

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



    Виділяють такі базові елементи веб-дизайну:

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

    • форми – утворюються з використанням замкнених контурів та тривимірних об’єктів. Є три основні типи форм: геометричні (прямокутники, трикутники тощо), природні (листя, краплі та ін.), абстрактні (іконки, символи тощо). Використовуються для структурування даних, їх групування, передачі їх змісту, привернення уваги до оформлення;

    • текстура (лат. textura – тканина) – використовується як фон та створює ілюзію поверхні з каміння, тканини, деревини тощо. Текстури з ефектами природних матеріалів надають емоційне забарвлення стилю сайта;

    • колір – використовується як фон, для розставлення акцентів, утворює зображення, розділяє передній та задній план та ін.;

    • напрям – додає настрій, створює ілюзію сталості чи руху. Зображується з використанням ліній або малюнків. У дизайні веб-сторінок переважає горизонтальний, вертикальний або діагональний напрям.


    Рис. 4.72. Класифікації стилів дизайну сайтів

    Як вже зазначалось, важливе значення у веб-дизайні має стиль. Дизайн сайту може бути спроектований у одному з наведених стилів (рис. 4.72).

    Вибираючи стиль дизайну за кольоровою гамою, варто враховувати особливості сприйняття кольору відвідувачами різного віку та статі:



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

    • світлий стиль з переважаючими світлими кольорами легко сприймається всіма категоріями відвідувачів, але дехто вважає світлі сайти занадто простими;

    • однокольоровий стиль – це стиль оформлення, у якому переважає один колір, відмінний від чорного та білого. Часто обраний колір є елементом іміджу власника;

    • різнокольоровий стиль передбачає використання двох або більше кольорів, що займають найбільшу площу на сайті. Різнокольоровий стиль часто обирають при створенні сайтів для дітей (рис. 4.73).



    Рис. 4.73. Приклад сайту різнокольорового стилю



    Каталог: ivk -> Informatika -> Books
    Informatika -> Створення, оформлення і підготовка до друку складного документу
    Informatika -> Створення, оформлення і підготовка до друку складного документу
    Informatika -> Досвід роботи Викладача інформатики вищої категорії Н. Й. Колобової Комплекс практичних робіт
    Informatika -> Комп’ютерні мережі. Інтернет
    Informatika -> 3. Створення запитів та форм
    Informatika -> Богодухів-2013 Урок інформатики, 10 клас Тема: Поняття презентації та комп’ютерної презентації, їх призначення. Мета: навчальна
    Books -> Програма Microsoft Office Publisher 2007 Пригадайте!
    Informatika -> Методична розробка відкритого практичного заняття «Автоматизація створення однотипних документів з різними реквізитами. Злиття документів Word І Excel»
    Informatika -> Робота з клавіатурним тренажером


    Поділіться з Вашими друзьями:
  • 1   ...   10   11   12   13   14   15   16   17   ...   32




    База даних захищена авторським правом ©uchika.in.ua 2022
    звернутися до адміністрації

        Головна сторінка