Лабораторна робота №3

Вид материала

Документы

Содержание 4.1. Загальні методичні вказівки Кафедральні ресурси 4.2. Теоретичний вступ Дизайн Web-вузлів Специфікація CSS 4.3. Практичне завдання та технологія його виконання Insert(Вставка) - Head Tags (Теги Head) – Description (Описание) View(Вид)-Head Content(Содержимое раздела Head). Табличний дизайн Make Custom Style (class) (Создать новый стиль (класс)) Redefine HTML Tag (Переделать HTML теги) Use CSS Selector (Использовать CSS Selector) Define In (Определить в) This Document Only Новый стиль CSS Рекомендована література

Подобный материал:

• План конспект відкритого уроку з біології в 7 класі на тему: Листок як орган фотосинтезу., 82.37kb.
• Вступ, 509.39kb.
• Project Expert, 326.17kb.
• Лабораторна робота №8, 126.81kb.
• Лабораторна робота №19 ”Internet”, 103.46kb.
• Лабораторна робота №13: “ ms ассеss. Проектування бази даних”, 356.07kb.
• Лабораторна робота №8: " Автоматизація розробки документів у ms word, 283.85kb.
• Лабораторна робота №64: " Текстовий процесор ms word, 232.82kb.
• В. Г. Короленка факультет технологій та дизайну кафедра теорії та методики технологічної, 66.38kb.
• В. Г. Короленка факультет технологій та дизайну кафедра теорії та методики технологічної, 50.28kb.

ЛАБОРАТОРНА РОБОТА №3

"Візуальне web-проектування в середовищі Macromedia Dreamweaver".

Мета роботи:	Вивчення можливостей та набуття досвіду роботи з web-редактором загальноцільового призначення Macromedia Dreamveawer та опанування методами форматування web-сторінок, правилами розміщення графічної та навігаційної інформації.
Практичне завдання:	Вивчити інтерфейс HTML-редактора Macromedia Dreamveawer, настроювання його параметрів на умови користувача, розміщення файлових об'єктів сайту та створення структури сайту. Оволодіти прийомами макетування сторінок на прикладі головної сторінки сайту лабораторного проекту. Опанувати технології каскадних таблиць стилів (CSS) для форматування змістовної частини web-сторінок. Зборка сторінок проекта в єдину інформаційну структуру шляхом встановлення міжсторінкових гіперпосилань та опанування технології навігаційних карт для створення гіперпосилань з графічних елементів.
Інструментальні засоби:	операційна система Windows XP; браузер Internet Explorer 6.0 aбо вище; пакет візуального web-проектування Macromedia Dreamveawer версії 4 та вище.
Необхідні передумови:	опрацьований теоретичний матеріал по мові розмітки HTML та основам візуального проектування в середовищі Macromedia Dreamveawer. виконані лабораторні роботи № 1 та № 2; підготовлений у форматі web реферат з відповіддю на теоретичне питання.
Кількість годин:	аудиторних – 6 годин; самостійно – 8 годин.

4.1. Загальні методичні вказівки

Лабораторна робота є часткою загального лабораторного проекту, який виконується в рамках опанування данного курсу. Для успішного виконання етапів лабораторної роботи треба прослухати лекції та опрацювати першоджерела по наступним темам: мова розмітки HTML та каскадні таблиці стилів CSS; основи роботи з web-редактором Macromedia Dreamveawer .

Для захисту лабораторної роботи студент повинен в срок та в повному об'ємі відпрацювати п.п. 1-4 завдання та представити на захист результати виконання лабораторної роботи у вигляді структури, яка розміщена у папці "Лабораторний проект" і включає головну сторінку та матеріали попередніх лабораторних робот.

Папка лабораторного проекту	Головна сторінка

Лабораторна робота виконується в учбових класах кафедри, які обладнані відповідними до вимог інструментальнмим засобами. У випадку виконання роботи (або окремих її частин) за межами кафедри, слід керуватися наступною таблицею відповідності інструментальних засобів:

Кафедральні ресурси	Можливий еквівалент
Macromedia Dreamveawer МХ	Macromedia Dreamveawer 4, MS FrontPage, HomeSite
Браузер Internet Explorer 6.0	Браузер Internet Explorer 5.5 та вище, Mozilla FireFox

4.2. Теоретичний вступ

Macromedia Dreamweaver - професійний візуальний HTML-редактор для проектування, написання коду і підтримки сайтів, web-сторінок та мережевих додатків.

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

Dreamweaver забезпечуе швидку і прозору інтеграцію з любим гріфічним редактором, створюючи і редагуючи зображення, а потім імпортуючи їх безпосередньо в Dreamweaver або додаючи об'єкти Macromedia Flash.

Поряд з візуальними можливостями, Dreamweaver також забезпечує повнофункціональне середовище для написання коду, що включає інструментальні засоби редагування коду (наприклад, розфарбування коду або перевірка синтаксису тегов), довідкову інформацію з HTML, CSS, " onclick="return false">ссылка скрыта- электронный учебник.

ссылка скрыта- статья Дмитрия Кирсанова

ссылка скрыта- Законы дизайна от Артемия Лебедева.

ссылка скрыта- Всероссийский Клуб Веб-разработчиков

ссылка скрыта - Web-студия Михаила Мельникова