Проектирование и разработка сайта средствами Web Page Maker

1.5 Основные этапы создания Интернет-сайта

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

Все предугадать невозможно, но на начальном этапе можно придерживаться следующих правил:

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

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

1.6 Стратегия разработки Интернет-сайта

Определив, какие браузеры использует большинство посетителей  сайта, можно решить, какие Web-технологии целесообразно использовать в разработке. Точно так же можно определить, какую часть пользователей может быть  проигнорирована при использовании таких средств, как Java или JavaScript. Оказавшись перед дилеммой различия функциональных возможностей браузеров, Web-дизайнеры разработали разнообразные подходы к решению проблем, отличающиеся по степени крайности. Разумеется, "правильный" способ поддержки того или иного сайта зависит от его назначения и аудитории.

Разработка простейшей страницы. Незначительная часть разработчиков придерживается идеализированного представления о том, что Web должен быть доступен всем. Также они могут считать, что способ внешнего представления должен находиться в руках конечного пользователя, а не автора. Они стремятся использовать только самый надежный, проверенный стандарт и убедиться, что страницы работают со всеми браузерами, включая Lynx и первые версии самых популярных браузеров.

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

Разделение различий. Большинство  дизайнеров предпочитают идти на компромисс. В дизайнерских кругах распространена фраза о Web-страницах, которые "изящно деградируют" ("degrade gracefully"), что означает использование новейших технологий, подобных DHTML или JavaScript, таким образом, чтобы обеспечивать функционирование страницы и на более ранних версиях браузерах.

Каждому – по потребностям. Другой удачный, но более трудоемкий подход – создать несколько версий сайта, рассчитанных на разные возможности пользователей. Некоторые сайты предоставляют пользователям самостоятельно решать, какую из версий они хотят посмотреть. Часто при входе на сайт пользователя просят сделать выбор между версией с полным набором эффектов и просто текстовой или между версиями - с фреймами и без них. Такой вариант передает управление в руки пользователя. Еще более один подход – автоматический запуск версии, соответствующей типу браузера, который делает запрос. JavaScript может задавать действия в зависимости от используемого браузера. Кроме того, страницы могут быть скомпонованы в процессе работы для конкретного браузера серверными включениями. 

2 ВОЗМОЖНОСТИ ПРОГРАММЫ WEB PAGE MAKER

Web Page Maker – это  очень простой инструмент для  создания WEB – страниц. С его помощью можно создать страничку даже не обладая никакими знаниями HTML. Просто перетаскивать мышкой на рабочее пространство программы изображения, текст, музыку и видео. Во время работы можно с лёгкостью передвигать объекты по всей странице. Web Page Maker содержит несколько высококачественных шаблонов, которые помогут начать работу. Также вместе с программой поставляются различные эскизы, Java - скрипты, таблицы, формы и т.д. В программу встроен FTP-менеджер, с помощью которого можно опубликовать свой сайт в интернете. Программа настолько проста, что можно создать в ней сайт за очень короткое время.

Основные возможности:

• Не требуется знаний HTML и никакого опыта создания веб-страниц.
• Перетаскивание объектов -- WYSIWYG дизайн.
• Возможность создавать сайты со многими страницами и, одновремено, элементарно ими управлять.
• Создание неограниченного количества сайтов.
• Наличие шаблонов веб-сайтов.
• Возможность использования каскадных таблиц стилей (CSS), чтобы контролировать отображение текста на вашем сайте.
• Сотни функций: эскизы, эффекты при наведении мыши, сценарии Java, таблицы, формы, фреймы и так далее.
• Возможность опубликовать все страницы вашего сайта одновременно, благодаря встроенной функции публикации.
• Совместимость со всеми видами браузеров, включая Netscape, Mozilla, Opera, а не только Internet Explorer.

2.1 Окна и панели инструментов

Рисунок 1 – Главное окно

Панель инструментов (Toolbar) содержит кнопки для вставки в документ различных типов объектов: изображений, текста, навигационных панелей и т.п. Например, можно вставить рисунок, нажав на соответствующую кнопку в панели инструментов. По желанию можно также вставлять объекты при помощи меню Вставить → Панели инструментов.

Рабочее окно отображает текущий документ, над которым можно работать. Это пространство, на которое можно перетаскивать (Drag and Drop) различные объекты.

Панель сайта  позволяет управлять страницами на вашем сайте. Для открытия или отображения панели необходимо нажать F8.

На Вкладке  страниц есть кнопки для добавления, клонирования (дублирования) и удаления страниц сайта. Здесь в виде списка показаны все страницы сайта.

Для переименования необходимо выбрать страницу, нажав правую кнопку мыши и щёлкнув Переименовать, затем ввести новое имя. При опубликовании проекта в сети странички будут носить то же имя, что и в панели сайта.

По умолчанию  имя первой страницы проекта – index. При опубликовании будет создан файл index.html. Домашняя страничка должна начинаться с index.

На Вкладке  элементов отображаются все компоненты, входящие в текущую страницу списка.

2.2 Основные операции

2.2.1 Расположение элементов страницы

Web Page Maker позволяет  перетаскивать объекты странички на любое место. После добавления объекта можно переместить его куда нужно и отпустить кнопку мыши. Можно использовать стрелки на клавиатуре для точного определения места объекта.

Для того, чтобы перетащить объект необходимо:

• Щёлкнуть на нём левой кнопкой мыши;
• Переместить, куда необходимо;
• Отпустить кнопку.

Для позиционирования объекта с помощью стрелок клавиатуры нужно:

• Кликнуть по соответствующему элементу;
• Воспользоваться клавишами  Ctrl+стрелки для его перемещения.

 Можно включить отображение линий сетки на веб-странице, это поможет более точно установить объект. Сетка отображается только в рабочем окне; на настоящей веб-странице она не видна.

Для отображения  сетки необходимо выбрать пункт Показывать сетку в меню Правка .

Чтобы включить привязывание к сетке нужно выбрать в меню Правка → Привязать к сетке . При активации этой функции, объекты будут перемещаться строго в рамках размера клеточек указанной сетки. Это поможет более точно установить объект на веб-странице.

Указатель границ показывает контрольный профиль (target outline), он может использоваться для позиционирования объектов в зависимости от разрешения экрана. Указатель границ отображается только в рабочем окне; на настоящей веб-странице он не виден.

Для отображения указателя страниц необходимо отметить соответствующий пункт в меню Справка .

 2.2.2 Управление объектами страницы

Для того, чтобы  вырезать, копировать, удалить, дублировать, или изменить элемент страницы, необходимо сначала его выделить. Границы выделенных объектов подсвечиваются розовым цветом. 

Для выделения  одного объекта нужно просто щёлкнуть на нём. 

Для выделения нескольких элементов нужно удерживать нажатой клавишу Shift и нажать на те объекты, которые нужно выделить.

Для удаления любого объекта необходимо:

• Кликнуть на нём для выделения;
• Выбрать команду Удалить из меню Правка либо воспользоваться кнопкой Delete на клавиатуре.

Для копирования  объектов страницы необходимо:

• Кликнуть на любом из них для выделения;
• Выбрать команду Копировать из меню  Правка либо использовать комбинацию клавиш  Ctrl+C;
• Кликнуть правой кнопкой на нужном месте рабочего окна;
• Выбрать команду Вставить из меню Правка либо использовать комбинацию клавиш  Ctrl+V.

Для копирования  объекта с одной страницы на другую нужно:

• Кликнуть на необходимом объекте на первой странице;
• Выбрать команду Копировать из меню  Правка либо использовать комбинацию клавиш  Ctrl+C;
• Переключится на другую страницу, выбрав её имя в Панели сайтов в правой части экрана;
• Кликнуть правой кнопкой на нужном месте второй страницы;
• Выбрать команду Вставить из меню Правка либо использовать комбинацию клавиш  Ctrl+V.

2.2.3 Изменение размеров объектов

Для изменения  размера объекта на странице необходимо:

• Выбрать необходимый объект;
• Переместить указатель мыши  до границы или угла объекта, пока он не примет форму в виде двунаправленной стрелки;
• Кликнуть по специальному манипулятору, удерживая нажатой левую кнопку мыши изменить размер объекта до необходимых размеров;

Для изменения  размера объекта на странице при помощи клавиатуры:

• Выбрать необходимый объект;
• Использовать комбинации клавиш Shift+стрелки и растянуть до необходимого размера.

Для получения  точного размера объекта на странице необходимо:

• Выбрать необходимый объект;
• Кликнуть правой кнопкой Свойства, появится диалог свойств;
• На вкладке Общие установить точный размер.

2.2.4 Управление слоями объектов

Web Page Maker позволяет  перекрывать изображения и текст,  чтобы получился более изысканный  дизайн веб-страниц. 

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

Чтобы вынести  элемент на передний план необходимо:

• Кликнуть на объекте;
• Выбрать Вынести на передний план из меню Оформление.

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

Чтобы вынести  элемент на задний план необходимо:

• Кликнуть на объекте;
• Выбрать переместить на задний план из меню Оформление.

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

Чтобы вынести  на самый верхний слой нужно:

• Кликнуть на объекте;
• Выбрать вынести наверх в меню Оформление.

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