Полная версия

Главная arrow Менеджмент arrow Информационные технологии в менеджменте (управлении)

  • Увеличить шрифт
  • Уменьшить шрифт


<<   СОДЕРЖАНИЕ   >>

1-й шаг. Создание сайта

Работу по созданию сайта надо начинать с определения локального сайта с помощью Web- сайт – Создать веб-сайт (Site – New Site). Одной из распространенных ошибок является попытка сразу создать новую страницу HTML. Но редактор работает с сайтом целиком, а сайт состоит из множества файлов. Создав одну страницу, вы не создадите сайт, и впоследствии эту ошибку придется исправлять. Поэтому важно начать именно с определения сайта – Сайт – Новый сайт.

В появившемся окне определения сайта надо последовательно задать:

  • • произвольное имя сайта (рис. 17.3). Оно служит для обозначения сайта в редакторе. При наличии нескольких сайтов их можно различать по именам. На сервер имя локального сайта не передается. Поле http-адреса (URL) можно не заполнять;
  • • переключатель "Не использовать серверные технологии" (No, I do not want to use a server technology);

Имя сайта

Рис. 17.3. Имя сайта

  • • папку, в которой новый сайт будет храниться на компьютере. Ее лучше выбрать с помощью кнопки □ (желательно выбирать пустую папку);
  • • в начале работы можно отказаться от связи с удаленным сервером – "Подключение к удаленному серверу – нет". Впоследствии можно изменить эту опцию на FTP, но тогда придется задать характеристики – сервер, логин и пароль, которые должен сообщить вам хостинг-провайдер при заключении договора. Задав эти опции, можно впоследствии соединяться с удаленным сервером по протоколу FTP и обмениваться с ним файлами (Dreamweaver может служить и как FTP-клиент);
  • • проверив введенную информацию, нажмите Готово (Done).

Работу по созданию нового сайта надо проделать во избежание появления неправильных ссылок, использования рисунков, находящихся в других панках (теперь они будут копироваться в указанную папку), а также для облегчения последующего редактирования структуры сайта.

После определения сайта обратите внимание на панель Файлы (Local Files) (рис. 17.4). Здесь отображена пока пустая папка вашего сайта, в дальнейшем в ней будут появляться файлы и папки, тут можно будет подключаться к удален-

Панель Файлы (справа внизу)

Рис. 17.4. Панель Файлы (справа внизу)

ному серверу и обмениваться с ним файлами, а также видеть карту своего сайта. Не закрывайте панель Файлы, контролируйте с ее помощью свои файлы.

2-й шаг. Создание страницы (файла)

В панели Файлы создайте новый файл с помощью контекстного меню и команды в нем Создать файл (New File) или пункта меню Файл – Новый (File – New).

По умолчанию создается файл с именем untitled.html. Необходимо переименовать его в index.html. Почему? Потому что URL, который служит для определения местонахождения ресурса, содержит имя файла. И но умолчанию имя файла для главной страницы – это index. Если вы назовете свой файл, к примеру, main.html, то пользователь, чтобы к нему обратиться, должен будет набрать в адресной строке браузера domen_name.ru/main.html. Что неудобно. А если вы назовете свой файл index.html, то пользователь, чтобы к нему обратиться будет набирать только domen_name.ru.

Итак, главный, титульный файл сайта надо назвать index. Тип файла можно оставить неизменным (html). Настройки большинства серверов типы файлов html и htm обрабатывают одинаково. Если вы не уверены, какой тип файла (html или htm) используется на сервере вашего хостинг-провайдера по умолчанию, уточните у него.

После переименования файла откройте его для редактирования двойным щелчком мыши (рис. 17.5).

Обратите внимание, что сверху в заголовке окна содержится название программы с указанием версии, панка сайта и имя редактируемого файла, затем строка меню, ниже панель Вставка (Insert) с несколькими вкладками. В каждой вкладке несколько кнопок. Эти кнопки дублируют пункт меню Вставка (Insert) для ускорения работы.

По умолчанию активной на панели Вставка (Insert) является вкладка Основные (Common). С ее помощью можно вставить:

  • • гиперссылку;
  • • ссылку на e-mail (электронный почтовый адрес);
  • • закладку;
  • • таблицу;
  • • блок-контейнер для различного содержимого;
  • • графические элементы (рисунок, Rollover (Перекатыш), изменяющий свой вид при наведении мыши, панель навигации из нескольких кнопок и др.);

Окно файла

Рис. 17.5. Окно файла

  • • медиа-объекты (Flash-ролики, Flash-кнопки, Flash-текст, объекты ShockWave и т.д.);
  • • дату – текущую дату (возможно, с автообновлением);
  • • комментарии;
  • • мета-теги и др.

Далее находится основное окно редактирования страницы. Оно снабжено ярлыком с именем текущего редактируемого файла. Когда в сайте будет создано и открыто несколько файлов, переключаться между ними можно будет с помощью этих ярлычков.

Основное окно редактирования страницы сверху также снабжено кнопками: переключатели просмотра – Код, Дизайн и совместный вариант (таким образом можно видеть и HTML-код страницы, и то, как ее увидит пользователь). Далее направо расположено поле с титулом страницы, кнопки связи с сервером, просмотра в браузере и др.

В окне редактирования можно увидеть страницу, как она будет показана пользователю, но интерактивно работать она будет только в браузере. Только там можно будет нажимать на ссылки, видеть анимацию и т.д. После сохранения файла

проверяйте его работу в браузере с помощью кнопки с изображением земного шара или клавиши F12.

Внизу окна редактирования слева показываются текущие теги с возможностью выделения с их помощью блоков содержимого, а справа – суммарный (вместе с картинками) размер файла и скорость его загрузки в секундах при соединении на 56 Кб/с (по умолчанию) .

Внизу – панель Свойства (Properties), которая по умолчанию используется для форматирования текста (рис. 17.6).

Панель Свойства (Properties)

Рис. 17.6. Панель Свойства (Properties)

Панель Свойства (Properties) является контекстной и будет изменять свой вид и функции в зависимости от того, какой элемент (текст, рисунок, таблица и т.д.) выделен.

Теперь займемся непосредственно страницей. Рассмотрим возможности Dreamweaver по редактированию текста на примере оформления главной страницы.

Время от времени будем сохранять свой файл с помощью пункта меню Файл – Сохранить (File – Save); проверять, как выглядит файл в HTML Вид – Код (View – Code); проверять, как выглядит файл в браузере Файл – Просмотр в браузере (File – Preview in Browser – Explorer).

Работа со страничкой не всегда получается с первого раза. Сделать шаг назад всегда можно с помощью пункта меню Правка – Отменить (Edit – Undo) или комбинации клавиш CTRL-Z. Такой "откат" возможен для последней операции, далее сто можно повторить. Множественный и (или) выборочный "откат" при необходимости можно выполнить с помощью специальной панели История (History), которая включается/выключается с помощью пункта меню Окно (Windows) (затем просто подвиньте бегунок до нужного уровня). Здесь же можно скопировать несколько действий и повторять их несколько раз, а также создать из действий новую команду, которая затем появится в пункте меню Команды (Commands).

 
<<   СОДЕРЖАНИЕ   >>