Topic outline

  • Вступ

    Цей курс розроблено з урахуванням сучасних тенденцій веб-дизайну. Його матеріали можна використовувати для викладання профільного курсу за вибором "Основи веб-дизайну".

    Матеріали подано у формі текстових лекцій з практичним ілюструванням усіх демонстрованих технологій. Завдання та вправи можна виконувати онлайн або на власному комп'ютері та завантажувати результати виконання у вигляді посилань або створених файлів. Для перевірки знань та закріплення матеріалу створено тести до кожного розділу.

    У форумі курсу можна задати питання, якщо вони виникають.

    Успіхів!

  • Як працює Інтернет. Основи веб-дизайну

    Основні терміни та поняття веб-дизайну. Класифікація веб-сайтів та технології для їх створення

  • Мова розмітки гіпертексту HTML5

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

    Публікація сайту на хостингу

  • Каскадні аркуші стилів CSS3

    Форматування та верстка веб-сторінок на основі стилів

  • Основи веб-програмування мовою JavaScript (+jQuery)

    Інтерактивні веб-сторінки на основі JavaScript, знайомство з бібліотекою jQuery

  • Онлайнові конструктори сайтів

    Розробка сайту в онлайновому конструкторі Weebly.Com: створення сайту з кількох сторінок, опитування відвідувачів, блогу

    //Сервіс Weebly припинив свою роботу для користувачів з України, тему буде оновлено для роботи з іншим онлайновим конструктором сайтів

  • Розробка сайту на движку WordPress

    Розробка блогу на основі системи керування вмістом WordPress, налаштування дизайну та структури блогу та сайту
  • Основи дизайну та CEO просування сайту

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