|
|||||||
Содержание
Введение |
Создание проекта сайта - основные шагиУстановка программы и русский язык интерфейсаСкачайте последнюю версию программы WYSIWYG Web Builder, зайдя на страницу http://www.wysiwygwebbuilder.com/download.html. При необходимости установите русский язык интерфейса - подробнее Кодировка Для установки кодировки страниц сайта в меню Page выберите Site Properties (Свойства сайта) - раздел Language - Character Set - установите русскую кодировку: Windows-1251 (Cyrillic Alphabet - Windows), KOI-8R, KOI-8U, ISO-8859-5 (или UTF-8). Установка кодировки для WYSIWYG Web Builder 9 и 10 - Лента - вкладка Page - раздел Site - Site Properties - вкладка General - раздел Language - Character Set. Возможно, что установленная кодировка для всего сайта не подойдет для отдельных страниц. В этом случае смените кодировку для таких страниц, используя Свойства страницы - вкладку General- Language (например, смените Windows-1251 на UTF-8). Установите русский язык - Options - Page Language - Russian. Установка русского языка нужна только для поисковых систем. Создание сайта Сайт в программе WYSIWYG Web Builder можно создать двумя путями: с использованием шаблона и самостоятельно ("с нуля"), не используя шаблоны. Создание сайта с использованием шаблонов - наиболее простой и быстрый способ создать свой сайт. На сайте программы имеется большой выбор шаблонов. Версия испытания идет с 12 шаблонами. Пример страницы, созданной по шаблону Для создания сайта по шаблону в меню File выберите New Web Site From Template. После выбора шаблона в редакторе откроется первая страница сайта, которую можно сразу начать редактировать - вводить свой текст, изображения и пр. Подробнее о шаблонах Примечание:
с версии WYSIWYG Web Builder 10 возможно создание сайта не только для
большого экрана настрольного компьютера, но и для экранов разных
размеров, в т.ч. для мобильных телефонов
См. Сайты для разных экранов Самостоятельное создание сайта Нужно учесть, что при этом выборе Вам придется изучить справку программы в полном объеме. В первую очередь Вам нужно ознакомиться с интерфейсом программы (см. Интерфейс), а также с командами, содержащимися в меню (см. Меню). Примечание:
Интерфейс редактора с версии WYSIWYG Web Builder 9 изменился - наряду
со строкой меню стало возможным использовать ленту (см. Лента).
В меню File выберите New Web Site Откроется пустая первая (иначе - главная, домашняя, index) страница. Свойства сайта Чтобы открыть окно свойств сайта, в меню Page выберите Site Properties. На четырех вкладках окна определяются общие свойства сайта: название сайта, размеры страниц, установка страницы по центру, кодировка и язык страниц, фон, цвета текста и ссылок, мета- данные и прочее. Установленные свойства будут применяться как свойства по умолчанию для всех страниц сайта. См. Свойства сайта Для отдельных страниц сайта могут устанавливаться свои свойства (см. Свойства страницы). Страницы сайта При работе над страницами сайта Вам могут понадобиться все инструменты, имеющиеся в редакторе. Но в первую очередь нужно использовать Менеджера сайта, команды меню Page (или Ленты - вкладки Page) и Свойства страницы. См. также Страницы Домашняя страница Ваша домашняя страница должна включать оглавление (меню, панель навигации), которое перечисляет информацию, содержавшуюся в Вашем вебсайте. Вы должны включить ссылки, которые позволят посетителям сайта быстро обращаться к интересующей их информации. В редакторе WYSIWYG Web Builder имеются возможности создания навигации по сайту несколькими способами, подробнее см. Навигация Свойства страницы Общие свойства страниц сайта Вы определяете в Свойствах сайта (меню Page - Site Properties). Для определения свойств отдельных страниц используйте свойства страницы, для чего в меню View выберите Page Properties (или: используйте Ленту - вкладку Page - Page Properties). Здесь Вы можете определить название страницы, фоновое изображение/цвет, цвета текста, размеры страницы и другое. Позиционирование страницы Большинство вебсайтов спроектировано так, чтобы выглядеть хорошо при различном положении страницы в окне браузера. По умолчанию страница располагается в левом верхнем углу экрана, но иногда лучше выставить ее по центру экрана. Установка страницы производится в Свойствах страницы Подробнее Новые страницы Для добавления или для удаления страниц сайта используется Site Manager - Менеджер Сайта (панель справа вверху), а также меню Page. Каждый раз, когда Вы добавляете новую страницу к своему вебсайту, она будет добавлена к Менеджеру Сайта. Чтобы редактировать ранее созданные страницы, Вы можете дважды щелкнуть названием страницы, чтобы открыть страницу в окне редактирования. Объекты страницы WYSIWYG Web Builder располагает большим количеством различных объектов, которые можно вставить на страницы сайта. Редактор использует абсолютное позиционирование объектов - объекты расположены в строго определенном месте в соответствии с заданными координатами (при этом объекты могут накладываться друг на друга). Для вставки объектов можно использовать:
Для вставки объекта нужно щелкнуть по его названию (в меню Insert или на панели вставок) и растянуть рамку объекта в окне редактирования. При двойном щелчке по объекту его можно отредактировать (например - ввести свой текст). См. также: Список объектов Работа с объектами При работе с объектами используйте также Менеджера объектов Примечание:
WYSIWYG Web Builder - визуальный редактор. Большинство объектов можно
вставить на страницы, не прибегая к написанию кода. Тем не менее у
редактора есть функция вставки собственного html-кода.
Свойства объектов Для определения свойств вставленного объекта его сначала нужно выделить - щелкнуть по объекту. Свойства выделенного объекта определяются в Properties Inspector - Инспекторе свойств (панель внизу справа). С введением в WYSIWYG Web Builder 9 Ленты большинство настроек вставленных объектов расположено на соответствующих вкладках и разделах Ленты. Подробнее о работе с объектами и свойствах объектов Позиционирование объектов Для установки вставленных объектов можно применять простое перетаскивание мышкой. Для установки объектов на странице можно применить: Линейки - меню View - Rulers Сетку - меню View - Grid Направляющие линии - меню View - Guide Для работы с этими инструментами в WYSIWYG Web Builder 9 и 10 применяйте Ленту - вкладку View - Guides. Для более точной установки объектов применяйте команды меню Arrange. См. также Работа с объектами Ссылки При вставке на страницу различного вида панелей навигации одновременно определяются и ссылки на определенные страницы сайта. Подробнее о создании ссылок Сохранение сайта Чтобы сохранить Ваш вебсайт в меню File выберите Save Web Site. Введите название проекта. WYSIWYG Web Builder использует расширение.wbs. При сохранении проекта создается подпапка с тем же самым названием, как и проект. Эта папка будет содержать все активы (изображения, кинофильмы. сценарии и т.д,) используемые в проекте. Если Вы перемещаете или копируете свой проект на другой компьютер, Вы должны также включить эту папку. Предварительный просмотр В меню File выберите Preview (F5), чтобы анонсировать текущую страницу в Вашем браузере. В зависимости от настроек предварительного просмотра (Tools -> Options -> Misc), Вы можете или анонсировать единственную страницу или весь вебсайт. Также возможно изменить браузер, который используется для просмотра по умолчанию. Для этого в меню File выберите Preview in Browser - Edit Browser List. Подробнее о предварительном просмотре Публикация Чтобы сохранить проект сайта как комплект HTML-страниц, Вы должны Издать свои страницы. В меню File выберите Publish, чтобы издать Ваши страницы к местной папке или отдаленному серверу ПРОГРАММЫ ПЕРЕДАЧИ ФАЙЛОВ. Подробнее о публикации Дополнительно: 1. Обучающая программа в Интернете ("Быстрый старт" англ. язык) http://www.wysiwygwebbuilder.com/getting_started.html справка программы (на англ. языке) имеется в меню Help - Help Topics (F1). 2. Авторская справка в Интернете 3. Справка формата PDF может быть загружена со страницы: http://www.wysiwygwebbuilder.com/download.html 4. Список часто задаваемых вопросов доступен на форуме: http://www.wysiwygwebbuilder.com/forum/viewforum.php? f=10 5. Для Часто задаваемых вопросов или другой поддержки пожалуйста посетите: http://www.wysiwygwebbuilder.com/support.html. Последнее обновление -
апрель 2015 г.
|
||||||
|