Уроки по Dreamweaver, Зделаем сайт с помощью этой программы? Опции

[Дрон]

Здравствуйте!
В этой теме я попробую рассказать, как делать сайт, мы создадим сайт (например "Домашнюю Страницу") вместе с вами, он будет простой, но это даст вам понятие о том, как это делается.

Мне кажется, любой пользователь умеет копировать и вставлять текст из любого текстового редактора, поэтому уделять этому время я не буду.
Урок 1.
Пожалуй, приступим. Для начала познакомимся с интерфейсом:

» Кликните сюда для просмотра оффтоп текста.. «

В самом верху окно заголовка, в нем написано название страницы и имя файла.

Под окном заголовка находиться главное меню.

Слева панель объектов, при помощи которой можно создавать различные объекты таблицы, слои, вставлять картинки и многое другое.

Справа различные окна, там могут располагаться окна "History", "CSS style", "HTML style", "Behaviors", "Layers" и другие, вы сможете установить в этом месте ту панель,
которая вам нужна.

Ниже окна документа находиться окно свойств объекта.

Урок 2.(настройки).

» Кликните сюда для просмотра оффтоп текста.. «

Для правильной работы Dreamweaver4, его необходимо правильно настроить, это будет влиять на его работу.

Выберете пункт "preferences" главного меню edit. Я не буду рассказывать всех настроек, а лишь укажу на те, которые нам будут необходимы для работы над сайтом.

Выберете категорию "General"
Здесь я поменял только две настройки
"Add Extension when saving" поставив - .htm
"Maximum number of history steps" - я рекомендую установить в графе значение 100, это позволит вам отменить неверно сделанные шаги.

Выберете категорию "File types\Editors"
Здесь вы можете настроить внешние редакторы для файлов с различным расширением. Как видите у меня для файлов с расширением .jpeg .jpg .jpe стоит по умолчанию (Primary) редактор Photoshop , так как для редактирования файлов с этим расширением я использую Photoshop, вы можете указать другой редактор. Так вы можете устанавливать различные внешние редакторы для файлов различного расширения. Это упростит работу, если вам понадобиться отредактировать вставленный файл.

Выберете категорию Fonts\Encoding
Эта настройка очень важна. Из-за не правильной настройки этой категории настроек могут возникнуть проблемы с написанием текста.
Обратите внимание на пункт Default Encoding - он должен быть настроен правильно, так чтобы в окне документа печатался и русский и английский текст, а не иероглифы
Тут вы можете настроить основные шрифты, которыми будет писаться текст и его размеры, но это не обязательно делать сейчас.

В следующем уроке мы настроим еще одну категорию, так как это нам понадобиться для правильной работы Dreamweaver4 и удаленного диска, на котором будет располагаться наш сайт. И начнем создавать сайт.

Урок 3.(начало).

» Кликните сюда для просмотра оффтоп текста.. «

Первое, что надо сделать - это создать каталог (папку) где будут располагаться все файлы сайта. Назовем ее "site". В этой папке создадим сразу еще несколько папок "CSS", "IMAGES", они нам понадобятся, те которые нам понадобятся еще мы будем создавать по мере надобности. Запомните месторасположения папки "site" .
Определите где будет находиться ваш сайт для посещения его вашими друзьями. У меня сайт расположен на сервере Narod.ru, вы можете его располагать где вы хотите.
Теперь перейдем к настройке Dreamweaver4. Как я уже писал, нам осталась еще одна настройка.
Выберете в главном меню SITE , в нем выберете пункт "Define sites"

В диалоговом окне выберете "New"

Теперь настроим сайт:
Выберете категорию "Local info"

В графе Site Name напишите имя сайта, его никто кроме вас не увидит, поэтому название может быть произвольным
В графе Local Root Folder выберете значок папки и укажите папку которую мы назвали "site"
Поставьте галочку в пункте Cache
Выберете категорию Remote Info

В выпадающем списке меню Access выберете FTP
В графе HOST Directory укажите папку на удаленном компьютере, в которую Dreamweaver будет перекачивать файлы созданного сайта. Если вы будете располагать свой сайт на Narod.ru то в этой графе ничего не пишите, все файлы закачаются в корень вашего сайта.
В графе Login впишите ваше имя на удаленном компьютере.
В графе Password укажите пароль, поставьте галочку Save, если не хотите набирать пароль всегда когда будете администрировать свой сайт.
Все остальные категории настроек не меняйте, они нам не понадобятся.

Нажмите ОК
Если вы все сделали так как я написал, то у вас должно появиться такое окно

А теперь сделайте несколько картинок которые будут присутствовать на вашем сайте, сохраните их все в папке image вашего сайта.
В следующем уроке мы будем строить первую страницу вашего сайта.

P.S. Пост будет обновляца с поступлением уроков.

Сообщение отредактировал Дрон - 18.10.2009 - 19:59

[VeRWaRs]

Все отлично, но что бы ей пользоваться надо знать азы html.

Сообщение отредактировал VeRWaRs - 13.11.2009 - 20:42