Створюємо й розвиваємо існуючі сайти за допомогою Macromedia Dreamweaver (документація), Документація, Програмування, статті

Даний матеріал містить частину розділів однієї корисної статті.


Сайт – це набір пов’язаних документів із загальними ознаками, типу пов’язаних розділів, подібного дизайну або спільної мети.


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


Зверніть увагу: якщо ви не можете чекати, і хочете почати створювати документи негайно, ви можете використовувати деякі з інструментів створення документа і зробити типовий документ. (Див. Створення, відкриття, і збереження документів) Але не розміщуйте сайт, поки ви його не налаштували.


Перший крок у створенні сайту – планування. Див Планування сайту і дизайн. Наступний крок має встановити основну структуру сайту; см. Використання Dreamweave, щоб налаштувати новий сайт. Якщо Ви вже маєте сайт на сервері і хочете почати використовувати Dreamweaver, щоб редагувати цей сайт, см. Налаштування віддаленого сайту.

Створення, відкриття і збереження документів HTML


Dreamweaver пропонує різні способи створення документів. Можна створювати нові, незаповнені документи HTML; можна відкрити існуючий документ HTML, навіть якщо він був створений не в Dreamweaver; а можна створити новий документ на основі шаблону.


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


Щоб створити незаповнений документ HTML в новому вікні Document (документ), зробіть один з наступних кроків:
– У Windows, виберіть команду File> New з існуючого вікна Документа або виберіть команду File> New Window (Нове вікно) з вікна Site (сайт).
– На Macintosh, виберіть команду File> New.


Якщо ви відкриваєте режим Коду у вікні Документа або в інспектора коду, можна бачити, що навіть новий документ має деякий зміст: в ньому вже є теги html, head і body. Залиште редактор коду відкритим і в міру того як ви вводите деякий текст в режимі Візуального Дизайну вікна Документа або вставляєте об’єкти – таблиці та зображення – можна спостерігати, як генерується код HTML. Детальну інформацію про це див Режим Коду або інспектор коду.


Щоб відкрити існуючий файл HTML, зробіть один з наступних кроків:
– Виберіть команду File> Open.
– Якщо файл був створений в MS Word, виберіть команду File> Import> Import Word HTML (Імпортувати файл Word HTML). При цьому Dreamweaver імпортує і відкриє файл і запропонує визначити установки для видалення стороннього коду HTML, який залишається в документах, створених виробленого в MS Word. (Microsoft Word 97 і більш пізні його версії пропонують можливість збереження документів у форматі HTML, однак, при цьому вводять в документ непотрібний код HTML.) Докладну інформацію про це див Чистка коду HTML MS Word.
Зверніть увагу: ви не можете безпосередньо імпортувати файл MS Word (. Doc) в Dreamweaver. Якщо ви хочете імпортувати вміст файлу, то відкрийте його в Microsoft Word і збережіть у форматі HTML, а потім імпортуйте збережений файл HTML в Dreamweaver.


Щоб створити новий документ на основі шаблону:
1 Виберіть команду File> New from Template (Новий з шаблону).
При цьому з’являється діалогове вікно і пропонує список шаблонів поточного сайту.
Коли ви створюєте документ, заснований на шаблоні, то деякі частини документа будуть заблоковані і недоступні для редагування. (Які області в створюваних за шаблоном документах є редагованими ви визначаєте, створюючи шаблон.) Це гарантує загальний дизайн сторінок для всіх створюваних документів.
2 Виберіть шаблон і натисніть Select (Вибрати).
При цьому на основі шаблону буде створено новий документ, в редаговані області якого треба внести зміст. Кожна редагована область нового документа за замовчуванням виділена синьої кордоном. Весь документ оточений жовтою кордоном (за замовчуванням) як нагадування про те, що документ створений за шаблоном і що деякі його області заблоковані і для редагування недоступні. У правому верхньому кутку вказано ім’я шаблону, за яким створений цей документ. Щоб внести зміст в редаговану частина шаблона, виділіть зміст мітки-заповнювача в редагованої області та введіть зміст замість неї або в режимі Візуального Дизайну або в режимі Коду. Іноді зміст мітки може отсутсвовали – в цьому випадку просто встановіть точку введення всередині редагованої області.


Щоб зберегти документ:
1 Виберіть команду File> Save.
2 Введіть ім’я для і вкажіть, де файл повинен бути збережений.
Зверніть увагу: При збереженні Dreamweaver автоматично додає розширення. Htm (Windows) або. Html (Macintosh) до імені файлу. (Розширення файлу можна керувати за допомогою налаштувань в параметрах Common.) Щоб зберегти файл як звичайний текст в Windows, надайте йому розширення. Txt. Щоб зберегти файл як простий текст на Macintosh, просто видаліть розширення. Html від імені файлу. (Щоб Зробити файл знову доступним для Dreamweaver, знову збережіть його з розширенням html або. htm). Після того, як ви збережете файл як текст, Dreamweaver не зможе інтерпретувати в ньому ніякої код HTML.
Зберігаючи документи, уникайте пробілів та спеціальних символів в іменах файлів і назвах папок. Зокрема не використовуйте спеціальні символи (типу è, ç, або ¥) або пунктуацію (типу двокрапок, похилих рис або тире) в іменах файлів, які ви припускаєте опублікувати на віддалений сервер; багато сервери змінюють ці символи при завантаженні в результаті чого порушується система посилань. Також не починайте ім’я файлу з цифри.
3 Натисніть кнопку Save щоб зберегти файл.

Про планування сайту і дизайні


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

Редагування віддаленого сайту

Ви можете використовувати Dreamweaver, щоб копіювати існуючий віддалений сайт (або будь-яку частину віддаленого сайту) на ваш локальний диск і редагувати це там, навіть якщо ви не використовували Dreamweaver, щоб створити первинний сайт.

Зверніть увагу, що, навіть якщо ви маєте намір редагувати лише частину віддаленого сайту, ви повинні в місцевому масштабі дублювати повну структуру частини віддаленого сайту, від кореневої папки у віддаленій сайту до файлів, які ви хочете редагувати. Наприклад, якщо коренева папка вашого віддаленого сайту, названа public_html, містить дві папки, Project1 і Project2, і якщо Ви хочете працювати тільки з файлами HTML в Project1, ви не повинні завантажувати файли в Project2.

Локальний сайт і ваш віддалений web-сайт повинні мати однакову структуру. Якщо ви створюєте локальний сайт, використовуючи Dreamweaver, і потім завантажуєте його в Інтернет, то Dreamweaver гарантує, що локальна структура буде точно дубльована на віддалений сайт.


Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*