4.2. Теоретичний вступ
Macromedia Dreamweaver - професійний візуальний HTML-редактор для проектування, написання коду і підтримки сайтів, web-сторінок та мережевих додатків.
Візуальні можливості редагування в Dreamweaver дозволяють швидко створювати сторінки без того, щоб писати код вручну. При цьому є можливість переглядати усі елементи сайта і швидко редагувати їх безпосередньо в документі.
Dreamweaver забезпечуе швидку і прозору інтеграцію з любим гріфічним редактором, створюючи і редагуючи зображення, а потім імпортуючи їх безпосередньо в Dreamweaver або додаючи об'єкти Macromedia Flash.
Поряд з візуальними можливостями, Dreamweaver також забезпечує повнофункціональне середовище для написання коду, що включає інструментальні засоби редагування коду (наприклад, розфарбування коду або перевірка синтаксису тегов), довідкову інформацію з HTML, CSS, JavaScript, мову розмітки ColdFusion (CFML), Microsoft Active Server Pages (ASP) і сторінки JavaServer (JSP).
Дизайн Web-вузлів - це точне розміщення компонентів HTML-сторінок один відносно одного в робочій області вікна браузера. Компонентами сторінки є: блоки тексту, графіка й убудовані в сторінку додатки. Розмір і границі кожного з цих компонентів у рамках HTML-розмітки задаються з різним ступенем точності. Розмір графіки і додатків можна задати з точністю до пикселя. Розміри текстових блоків у HTML задати не можна. Вони обчислюються браузером на основі відносного розміру шрифту за умовченням.
Специфікація CSS ( Cascading Style Sheets) дозволяє залишитися в рамках декларативного характеру розмітки сторінки і дає повний контроль над формою представлення элеметов HTML-розмітки. Каскадні таблиці стилів покликані розв'язати протиріччя між точністю визначення розмірів картинок і додатків з одного боку, і точністю визначення розмірів блоків тексту і його накреслення з іншої.
Крім розміру компонентів, таблиці стилів дозволяють визначити колір і накреслення текстового фрагмента, змінювати ці параметри усередині текстового блоку, виконувати вирівнювання текстового блоку щодо інших блоків і компонентів сторінки.
Наявність усіх цих можливостей дозволяє говорити про CSS, як про засіб поділу логічної структури документа і форми його представлення. Логічна структура документа визначається елементами HTML-розмітки, у той час як форма представлення кожного з цих елементів задається CSS-дескриптором елемента.
- Лабораторна робота №3 "Візуальне web-проектування в середовищі Macromedia Dreamweaver".
- 4.1. Загальні методичні вказівки
- 4.2. Теоретичний вступ
- 4.3. Практичне завдання та технологія його виконання
- I. Створення моделі сайту в середовищі Dreamveawer
- II. Розробка макету головної сторінки лабораторного проекту
- Iiі. Форматування головної сторінки сайту проекту
- IV. Зборка та тестування сайту лабораторного проекту