Міністерство освіти і науки України

Житомирський технологічний коледж

Затверджую

Заступник директора з

навчальної роботи ЖТК

___________І.І. Бондар

“___”____________2010 р.

Web-дизайн

Плани практичних робіт

Для підготовки молодших спеціалістів

спеціальності: 5.05010301

“Розробка програмного забезпечення”

Житомир

2010 р.

Програма практичних робіт з дисципліни “ Web-дизайн” для студентів денної форми навчання за спеціальністю : 5.05010301 “Розробка програмного забезпечення” Житомирського технологічного коледжу (ЖТК) – Житомир, 2010.

Укладач: Шляжинська С. Г. – викладач

Житомирського технологічного коледжу.

Рецензент: М. О. Максименко – Голова циклової комісії

інформатики та комп’ютерної техніки

Житомирського технологічного коледжу.

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

Протокол № від “ ” 2010 р.

Голова циклової комісії М. О. Максименко

Практична робота №1.

Тема: Основи HTML. Форматування тексту засобами HTML.

Мета роботи: Навчитись використовувати основні теги HTML при написанні сторінок Web. Навчитись форматувати текст засобами HTML.

План виконання роботи:

1. Створити головну сторінку :

- В заголовку має бути вказаний номер групи та ПІБ студента, що її створив;

- Задати фоновий колір або зображення, а також колір тексту.

- Ідентифікувати автора і дату створення/оновлення сторінки (за допомогою тега <ADDRESS>);

- Сторінка повинна містити тему та мету практичної роботи;

2. Форматування тексту засобами HTML.

Створити Web сторінку, яка містить:

- заголовки різного рівня;

- абзаци з вирівнюванням тексту по лівому краю, по центру та по правому краю.

В тексті повинні бути присутні:

- елементи, що виділені напівжирним шрифтом, курсивом;

- підкреслений та закреслений текст;

- текст із застосуванням верхнього та нижнього індексів;

- текст з застосуванням різних шрифтів та їх розмірів (достатньо трьох шрифтів);

- рядок, що не розривається;

- абзац з рядком, що розривається у заданому місці;

3. Використання горизонтальної лінії. На окремій сторінці створити набір горизонтальних ліній, використовуючи найбільш часто застосовувані атрибути: align, color, noshade, size, width.

4. Зробити висновок і додати його до головної сторінки.

Вимоги до звіту:

1. Звіт повинен бути оформлений на аркуші А4 з дотриманням стандартних вимог.

2. Звіт повинен містити:

a. завдання;

b. зовнішній вигляд створених документів;

c. код сторінок який реалізує виконання завдання;

d. висновки.

Практична робота №2.

Тема: Використання зображень, гіперпосилань і закладок.

Мета роботи: Навчитись працювати з графікою. Вміти створювати та використовувати гіперпосилання та закладки.

План виконання роботи:

1. Створити головну сторінку :

- в заголовку має бути вказаний номер групи та ПІБ студента, що її створив;

- задати фоновий колір або зображення, а також колір тексту.

- ідентифікувати автора і дату створення/оновлення сторінки (за допомогою тега <ADDRESS>);

- сторінка повинна містити тему та мету практичної роботи;

- необхідно створити гіперпосилання на сторінки кожного виконаного завдання;

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

2. Використання МЕТА-інструкції. Створити слайд-демонстрацію кольорових гам за допомогою МЕТА-інструкції refresh.

3. Форматування тексту при наявності декількох зображень. Використання тега <BR> з атрибутами в тексті. Вбудувати в сторінку декілька зображень та відформатувати її зміст та вигляд за прикладом, наведеним у інструкційних картках.

4. Зробити висновок і додати його до головної сторінки.

Вимоги до звіту:

1. Звіт повинен бути оформлений на аркуші А4 з дотриманням стандартних вимог.

2. Звіт повинен містити:

a. завдання;

b. зовнішній вигляд створених документів;

c. код сторінок який реалізує виконання завдання;