Спецкурс "Основи веб-дизайну”

Методи викладання спецкурсу – блочний, метод проектів:

  • опрацювання теоретичного матеріалу;
  • відпрацювання практичних навичок, умінь: вправи, практичні роботи;
  • закріплення вивченого матеріалу: робота над проектом;
  • тематична атестація: презентація проектів, тестова перевірка знань, письмове та усне опитування.

Інструкція по роботі із сервісом для створення сайту Wix

Матеріали до уроків  (за підручником "Основи веб-дизайну" авторів О.Г.Пасічник, О.В.Пасічник, І.В.Стеценко видавництва BHV).

Переглянути зразки виконання вправ 

Розділ 2-4   Розділ 5

 

Для учнів 10 -х класів - як створити банер для сайту у програмі Easy GIF Animator

Викачати із сервера презентацію - інструкцію

Переглянути відеоуроки по створенню банера у програмі Photoshop

1)

відеоурок Створення банера у Фотошор

2)  

3) 

4) 

Рекомендую працювати із матераілами сайту "maque.org.ua
Шаблони та відеоуроки з веб-дизайну – українською!"

Як створити веб-сайт

Курс PHP для початківців – вступ

Розділ 1. Автоматизоване створення й підтримка веб-ресурсів

Основи Веб-дизайну Розділ 1
View more presentations or Upload your own.

 

Розділ 2. Основи мови HTML. Частина 1

Основи Веб-дизайну Розділ 2_1
View more presentations or Upload your own.
  • Поняття про мову розмітки, гіпертекстовий документ та його елементи.
  • Поняття тегу й атрибуту.
  • Теги форматування шрифтів і поділу тексту на рядки та абзаци.
  • Текстові гіперпосилання.
  • Вправи 2.1, 2.2

А тепер виконати інтерактивну вправу: розгадування термінологічного кросворду

Розділ 2. Основи мови HTML. Частина 2

Основи Веб-дизайну Розділ 2_2
View more presentations or Upload your own.

Розділ 2. Основи мови HTML. Частина 3.

Основи Веб-дизайну Розділ 2_3
View more presentations or Upload your own.

Розділ 2. Основи мови HTML. Частина 4

Основи Веб-дизайну Розділ 2_4
View more presentations or Upload your own.

Розділ 3. Графіка, аудіо- та відеоінформація на веб-сторінках 

Основи Веб-дизайну Розділ 3_1
View more presentations or Upload your own.

Частина 2. Розміщення та відтворення на веб-сторінках мультимедійних даних.

Основи Веб-дизайну Розділ 3_2
View more presentations or Upload your own.

Розділ 4. Візуальний редактор веб-сайтів  

 Основи Веб-дизайну Розділ 4_2

View more presentations or Upload your own.

 

Основи Веб-дизайну Розділ 4_2
View more presentations or Upload your own.

 

Основи Веб-дизайну Розділ 4_3
View more presentations or Upload your own.

Викачати з сервера частину 3

Додатки до розділу 4 :

Вправа 4.1, вправа 4.2-4.3, практична робота № 7 "Створення сайту в середовищі FrontPage", тест

Розділ 5. Таблиці каскадних стилів і динамічні веб-сайти

Основи Веб-дизайну Розділ 5_1
View more presentations or Upload your own.

Частина 1. Використання таблиць каскадних стилів 

  • Поняття про таблиці каскадних стилів
  • Застосування каскадних стилів у HTML-документах
  • Позиціонування елементів веб-сторінки за допомогою стилів

Викачати з сервера

  1. Навчальна презентація до теми 
  2. Вправа 5.1
  3. Вправа 5.2
  4. Приклад 5.1 

 Частина 2. Застосування стилів у програмі FrontPage 

 

  • Створення і підключення зовнішньої таблиці стилів
  • Внутрішня таблиця стилів та вбудовані стилі

Викачати з сервера

Навчальна презентація до теми

Вправа 5.3

 

Основи Веб-дизайну Розділ 5_2
View more presentations or Upload your own.

Частина 3

Основи Веб-дизайну Розділ 5_3
View more presentations or Upload your own.

Поняття об'єктної моделі

  • Властивості, методи та події
  • Об'єктна модель браузера Internet Explorer

Викачати з сервера

Частина 4. Cценарії 

  • Мова програмування JavaScript
  • Використання форм

Викачати з сервера

Основи Веб-дизайну Розділ 5_4
View more presentations or Upload your own.