Як створити сайт в dreamweaver?

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

Налаштування програми

Для початку потрібно зробити деякі налаштування програми, щоб створити сайт за допомогою Dreamweaver.

• При першому запуску програми в меню необхідно вибрати вид сторінки. Це буде сторінка HTML.
• На завантажившись сторінці з інструментами зайти в меню Властивості і перейти в категорію Кодування. У випадаючому меню вибрати Кирилиця Windows. Якщо в меню є пункт Тип документа DTD, вибрати 4.01 Transitional і натиснути Ok.
• Відразу створимо ще одну сторінку. Для цього потрібно зайти в меню Файл.
• Вибрати підміню Новий.
• Вибрати тип документа 4.01 Transitional.
• У верхньому вікні натиснути HTML. Натиснути Ok.
• Зробити шаблон майбутнього сайту. У Dreanweavere він, як правило, готовий. Побачити його можна в меню код, коли створюється новий документ. За замовчуванням він називається Untitled-новий документ. У коді даного документа і знаходиться готовий шаблон.

Додаткові кроки за межами програми

Зберегти цей документ на комп'ютері. Для цього потрібно:

• Створити спільну папку для сайту і дати їй свою назву.
• У цій папці створити папку, яка повинна мати назву По-іншому її називати не можна.
• У цій папці створити ще одну. Назвати її images. Тут зберігаються картинки для сайту.
• І тепер зберегти документ в папці WWW під ім'ям index.html. Це головна сторінка, назва її має бути саме таким.

Продовження робіт зі створення сайту

• У робочому вікні в панелі програми натиснути кнопку Файли.
• У випадаючому списку вибрати Управління веб-сайтами.
• У вікні управління сайтами натиснути кнопку створити.
• У вікні необхідно ввести деяку інформацію.
• У підпункті Ім'я веб-сайту ввести його назву.
• У пункті Локальна папка сайту вибрати створену раніше папку з назвою
• У меню Додаткові настройки знайти рядок Папка зображень за замовчуванням. Вибрати папку з назвою images.
• Ok.
• Натиснути зберегти. З'явиться знайоме вікно вже з назвою сайту.
• Готово. В меню файли з'явиться сайт, в якому буде папка WWW і файл index.html. Якщо натиснути на папку WWW, то в ній відкриється папка з зображеннями.

Підключення таблиці стилів CSS до сайту

• У програмі вибрати вкладку стилі CSS.
• Натиснути внизу на знак + з білим листком.
• У вікні вибрати ім'я селектора. Це потрібно зробити обов'язково, якщо імен у списку немає, його потрібно створити. Натиснути Ok.
• З'явиться вікно для збереження файлу.
• Зберегти його потрібно в папці
• Відкрити в меню Файл сайт і перевірити чи з'явився там даний файл. Якщо ні, потрібно натиснути F5 для того, щоб вікно оновилося. Файл повинен з'явитися.

Створення каркаса і фону сайту

• На головній сторінці сайту перейти у вкладку дизайн.
• В панелі інструментів відкрити вкладку Спільний.
• Натиснути значок таблиця.
• Внести параметри сторінки: стовпці 1, рядок 3, ширина таблиці 900. Тема - ні.
• Каркас готовий. Переходимо до фону.
• Зайти у вкладку Файл, потім в style.css.
• Відкриється в програмі файл на всю область. З'явиться порожня сторінка з назвою файлу. Сюди потрібно внести код.
• У коді повинні бути прописані: 1 рядок - колір і товщина рамкі- другий - повинен бути обраний малюнок для фонового зображення-третій рядок - колір фонового зображення.

Оформлення уже готового сайту

• Для того, щоб завершити сайт в Dreamweaver, потрібно зробити ще кілька кроків.
• Створення шапки сайту за допомогою програми Adobe Photoshop.
• Створення горизонтального меню для сайту.
• Створення посилань на нові сторінки сайту.
• Вибір хостингу.
• Розміщення сайту в інтернеті.
• Щоб на сайт заходили відвідувачі, його потрібно зареєструвати в пошукових системах.

Ми досить детально розглянули, як створити сайт в Adobe Dreamweaver, дуже зручною для цього програмою. Спробуйте зробити його самі і у вас все вийде.