Методична розробка лабораторного заняття №4

Методична розробка лабораторного заняття №4

Тема: Створення веб-сайту з фреймовою структурою

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

Навчальна дисципліна: основи веб-дизайну

Курс: 3

Кількість годин: 2

Міжпредметні зв’язки: інформатика, СІТ

Обладнання: апаратне та програмне забезпечення ПК

Література:

1. Пасічник О.Г., Пасічник О.В., Стеценко І.В. «Основи веб-дизайну»
2. Левченко О.М. «Основи Інтернету»

Опорні (ключові) поняття:фрейм, ім’я фрейму, опис фреймів, взаємодія між фреймами.

Завдання для виконання

1. Створити папку Сайт_коледж, в якій розмістити такі сторінки:

а) 1.html – інформація про Луцьку педагогічну школу;

б) 2.html – інформація про Луцьке педагогічне училище;

в) 3.html – інформація про сучасний заклад (фотогалерея: фото розміщені 2х4, розмір фото 250х200).

2. Створити сторінку logo.html,де розміститизаголовок 74-річчю ЛПК присвячується…, і емблему ЛПК, - по центру.

3. g.html –заголовок Як це було…і три гіперпосилання Луцька педагогічна школа, Луцьке педагогічне училище, Сучасний ЛПК на - відповідні сторінки.

4. index.html –такого зразка:

Методична розробка лабораторного заняття №4

Тема: Створення веб-сайту з фреймовою структурою

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

Навчальна дисципліна: основи веб-дизайну

Курс: 3

Кількість годин: 2

Міжпредметні зв’язки: інформатика, СІТ

Обладнання: апаратне та програмне забезпечення ПК

Література:

1. Пасічник О.Г., Пасічник О.В., Стеценко І.В. «Основи веб-дизайну»
2. Левченко О.М. «Основи Інтернету»

Опорні (ключові) поняття:фрейм, ім’я фрейму, опис фреймів, взаємодія між фреймами.

Завдання для виконання

1. Створити папку Сайт_коледж, в якій розмістити такі сторінки:

а) 1.html – інформація про Луцьку педагогічну школу;

б) 2.html – інформація про Луцьке педагогічне училище;

в) 3.html – інформація про сучасний заклад (фотогалерея: фото розміщені 2х4, розмір фото 250х200).

2. Створити сторінку logo.html,де розміститизаголовок 74-річчю ЛПК присвячується…, і емблему ЛПК, - по центру.

3. g.html –заголовок Як це було…і три гіперпосилання Луцька педагогічна школа, Луцьке педагогічне училище, Сучасний ЛПК - на відповідні сторінки.

4. index.html –такого зразка: