Як працювати з Dreamweaver
Dreamweaver - це програма, яка відноситься до сімейства графічних редакторів Adobe Macromedia. Ви можете використовувати цю програму для створення вебсайтів без необхідності написання коду HTML, хоча наявність деяких знань про HTML вам все ж не завадять. Головною перевагою Dreamweaver є те, що з його допомогою ви можете редагувати дизайн і макет веб-сторінки і одночасно створювати, редагувати і переглядати лежить в основі кодування HTML.
Кроки
1
Скачайте Dreamweaver зі сторінки продуктів на сайті Adobe або завантажте копію програми зі стороннього сайту.2
Дотримуйтеся процесу установки і виберіть параметри за замовчуванням.3
Запустіть Dreamweaver і дочекайтеся, поки з`явиться нова чиста веб-сторінка. Якщо чистий документ не з`явився, ви можете створити новий, натиснувши на пункт «New» (Новий документ) в меню File (Файл).4
Надайте назву для своєї веб-сторінки. Назва сторінки - це перше, що ви бачите на неї, вона також відіграє важливу роль в тому, як пошукові системи складають покажчик для сторінки. Відкривши веб-сторінку в будь-якому Інтернет браузері, ви зможете знайти назву сторінки в самому її верху.- Dreamweaver 3 має у верхньому лівому куті іконку назви, яку можна використовувати для введення назви веб-сторінки. Ви також можете створити заголовок сторінки, натиснувши на кнопку «Head Content» (Зміст) в меню «View» (Вид). У полі, що з`явилося ви зможете ввести назву.
- Dreamweaver 4 вже має поле для назви, яка знаходиться в вірніше частини свого інтерфейсу. Просто введіть текст в порожнє поле, щоб створити назву для сторінки.
5
Виберіть атрибути тексту з палітри властивостей тексту у верхній частині вікна. На вибір вам доступно безліч опцій.- Format (Формат): дозволяє вибирати розмір заголовка. Вибравши менше значення, ви зробите заголовок більше.
- Text style (Шрифт) / Text size (Розмір шрифту) / Text color (Колір тексту): ці опції дозволяють вибрати шрифт, розмір шрифту і колір тексту.
- Text alignment (Положення тексту): це дозволить вам вирівняти текст по правому краю, по лівому краю або по центру.
- Link (Гіперпосилання): робить з виділеного тесту гіперпосилання, що здійснює перехід на іншу веб-сторінку при натисканні. Ви також можете створювати посилання на адреси електронної пошти або на інші області на цій же веб-сторінці.
- Ordered list (Нумерований список): змінює вибрані пропозиції в маркований список або створює новий список, якщо текст не був вибраний.
- Indent / Outdent (Зменшити або збільшити відступ): зрушує край виділеного тексту всередину або назовні.
6
Додавайте та редагуйте зображення на веб-сторінці за допомогою палітри властивостей об`єкта. Ви можете відкрити цю панель, зайшовши в меню «Windows» і вибравши пункт «Objects» (Об`єкти).- Імпортуйте зображення, помістивши курсор туди, де ви хочете, щоб з`явилося зображення, і натисніть по першому значку на палітрі властивостей об`єкта (значок має вигляд квадрата з намальованим деревом всередині).
- Виберіть малюнок, який хочете імпортувати і натисніть на кнопку «Open» (Відкрити). На вашій веб-сторінці з`явиться форма, яка вказує на те, що тут був вставлений малюнок.
- Посуньте обриси форми, щоб відрегулювати розмір зображення і його відображення на сторінці.
7
Перегляньте дизайн веб-сторінки, відкривши її в іншому Інтернет браузері. Це дуже важливо, тому що при використанні Dreamweaver для створення веб-сайтів, в різних браузерах сторінки можуть відображатися по-іншому.
Поради
- Не забувайте час від часу зберігати свій файл. Для цього натисніть на пункт «Save» (Зберегти) меню «File».
- Якщо ви знаходите ціни на програми на сайті Adobe занадто високими, тоді краще пошукати більш вигідну ціну. Dreamweaver також продається на дисках, так що в залежності від типу покупки, ціни можуть сильно відрізнятися.