Web Studio

Обзор



Содержание сайта
Визуальные редакторы л. 7
Web Studio Обзор Web Studio

Содержание

Основные шаги
Интерфейс
Настройки интерфейса
Настройки программы
Проект сайта
Настройки сайта
Шаблоны страниц
Работа со страницами
Главная страница
Галерея
Работа с объектами
Текст
Изображения
Слайды
Фон
Баннер
Кнопки
Rollovers-эффект
Создание эскизов
Ссылки
Якорь
Панели навигации
Геометрические формы
Прямоугольники
Линии
Цвет
Вставка HTML
Формы
Мультипликация
Flash
Видео
Звук
You Tube
Эффекты текста
Интернет-магазин
Карта сайта
Карты Google
Предварительный просмотр
Печать
Сохранение и публикация

Справочные материалы

Работа со страницами

Основная работа по созданию сайта заключается в работе над индивидуальными страницами.
Каждая страница - файл, который содержит изображения, текст и другие объекты.
Вы можете проектировать web-страницы в любом порядке, выбрать порядок соединения страниц и затем загрузить связанные страницы к Интернету. Эти связанные страницы составляют Ваш вебсайт.

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

Каждая страница имеет края и справочные границы.

Для работы со страницами основные инструменты Web Studio - это Список страниц и вкладка Page.

Список страниц


Список Страниц находится правее окна редактирования.
Список может появляться при наведении курсора или может быть закреплен стационарно (при щелчке по кнопке ).
Список можно сделать плавающим и установить в любое место экрана компьютера.

Открыть / закрыть список страниц можно с использованием вкладки View > Show/Hide group > Page List.

В списке содержатся все страницы сайта.






Контекстное меню Списка страниц

При щелчке по Page List (или при  щелчке правой кнопкой по Списку страниц) открывается контекстное меню.
Меню содержит команды:

Home Page -  Это делает эту страницу Первой страницей сайта.
Use as Master Page - Это определяет страницу как Главную Страницу.
Insert New Page - Вставьте Новую Страницу.
Preview This Page - Анонсируйте Эту Страницу. Эта команда открывает страницу в браузере Предварительного просмотра.
Trial Host This Page - Это посылает страницу в Интернет, чтобы ее могли рассмотреть другие.
Save Page as Graphic - Сохраните Страницу как графический символ.
Add This Page to Templates Gallery - Добавьте эту страницу к Галерее Шаблонов.
Rename Page - Переименуйте Страницу.
Duplicate Page - Это добавляет дубликат  страницы к Проекту и к Списку Страниц.
Include in Footer Links - Добавляет или удаляет страницу из Ссылок Нижнего колонтитула.
Include in Google Site Map - Включает страницу в Карту сайта. Web Studio автоматически создает карту Сайта Google для Вашего сайта.
Delete Page - Удалите страницу.
Move Up/Move Down - Перемещение страницы вверх или вниз в Списке Страниц.
Page Properties - Свойства Страницы. Эта команда открывает диалог Свойств Объекта.

Кнопки внизу Списка Страницы содержат три команды:
Add Page - добавить страницу. Вы можете также нажать на Home > Insert > New Page.
Delete Page - удалить страницу
Duplicate Page - дублировать страницу. 

ОТМЕТЬТЕ: Каждый раз, когда Вы добавляете новую страницу (или изменяете название существующей страницы), Вы должны загрузить весь сайт, а не только изменения.

Измените порядок страниц в Списке Страниц
В некоторых случаях порядок страницы в Списке страниц важен. Порядок страниц затрагивает выпадающее меню и порядок ссылок Нижнего колонтитула.
Щелкните правой кнопкой мыши по названию страницы и выберите Move up или Move Down - переместить вверх или переместить вниз.


Вкладка Page

Вкладка Page находится на ленте. При щелчке по вкладке открывается набор доступных команд.

 

Во многом список команд, которые находятся во вкладке Page, дублирует команды Списка страниц.
Имеются команды по созданию новой страницы, по созданию дубликата страницы, по переименованию и удалению страниц и другие.

Web Studio автоматически присваивает новым страницам названия Untitled 1, Untitled 2 и т.д. 

Первая страница

Первая страница - страница, которую посетители видят первой, когда они заходят на Ваш вебсайт.
Web Studio автоматически назначает первую созданную страницу как Главную страницу.  У этой страницы есть небольшой значок дома  рядом с названием.
Вы можете назначить Главной страницей любую страницу, но Главной может быть только одна страница на сайте.
Вы можете дать Первой странице любое название, которое отражает содержание Вашего сайта. Это название будет отражаться в окне браузера.

Не называйте свою Первую страницу “Home” или “index.” 
Большинство хост-компаний использует index.html как имя файла Вашей Первой страницы. Другие компании используют default - значение по умолчанию для имени файла. Эти названия отличаются от названия, которое Вы должны дать своей Первой странице.
Web Studio автоматически называет файл Первой страницы index.html.

Название страницы

Вы можете переименовать любую страницу, используя  команду Rename в группе Page вкладки Page. При этом  Web Studio изменит имя страницы в Списке Страниц, области заголовка окна, Галерее Ссылок и в любых ссылках сайта.
Для переименования страницы нажмите на вкладку Page > Page > Rename.


Размер страницы и справочные границы страницы

Размер страницы измерен в пикселях. Размер web-страницы зависит от позиции объектов на странице. Страница автоматически расширяется, чтобы включать все объекты на странице.
Нужно стремится к тому, чтобы ширина страницы позволяла посетителю рассматривать страницу, не прибегая к горизонтальной прокрутке.

Справочные границы помогают Вам сохранять свои страницы заданной ширины. Большинство проектировщиков использует 1024 пикселя как максимальную ширину страницы. Справочные границы не мешают Вам поместить объекты куда-нибудь в страницу, они только показывают Вам, где края размера страницы расположены. Справочники страницы не отражаются в Интернете.

Фон всегда заполняет браузер независимо от того, какого размера Ваши страницы.



Для создания справочных границ перейдите к вкладке Page Layout > Site Setup group.
Нажмите на стрелку "вниз" рядом с командой Page Size.
Установите размер страницы одним из двух способов:
1. Нажмите на желательный размер (1024 x 768 больше всего распространен). Это
автоматически устанавливает размер, который Вы выбираете.
2. Нажмите на Custom Height and Width. Введите свою  Высоту и Ширину и затем нажмите OK.

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

Для отражения / скрытия справочных границ используйте Page Layout >группу Site Setup>Show Guides.

Установка страницы в браузере

Чтобы установить страницы по центру при просмотре в браузере, откройте  Website Properties (Свойства сайта)>General section> General > Center pages of this site in browser (см. Настройки).

Края Страницы

Края страницы - отступ от края страницы до справочных границ. Эти края помогают Вам держать объекты на некотором расстоянии от границ страницы.
Края страницы установлены по умолчанию в 15 пикселей, но Вы можете изменить этот  размер.
Используйте вкладку  Page Layout > Site Setup
Нажмите на Margins (Края). Установите края по горизонтали и вертикали (диапазон от 0 до 144 пикселей).  Нажмите ОК.

Для отражения / скрытия краев используйте Page Layout >группу Site Setup>Margins.


Свойства страницы

Щелкните правой кнопкой мыши по названию  страницы в Списке Страницы и выберите Page Properties из Page Background Menu, чтобы активизировать диалог Object Properties (Свойств Объекта страницы). Этот диалог предоставляет Вам информацию о странице, включая время загрузки и размер.
Если Вы используете iHostStudio как свою хост-компанию, Вы можете создать Защищённую паролем страницу в этом диалоге.
Укажите тип Файла страницы. Нормальный тип файла - .html.
Size and Download Times  - Размер и раздел времени загрузки
Это полезно, когда Ваша страница содержит много графических символов, таких как фотографии, которые могут замедлить время загрузки.
 

Прикрепленные файлы

Прикрепите файлы к Вашему вебсайту
Нажмите на Свойства Вебсайта (вверху справа). Это открывает диалог Свойств Вебсайта.
Нажмите на кнопку Attached Files.
Выберите файлы, которые Вы хотите добавить к Вашему вебсайту. Вы можете выбрать больше чем один файл за один раз, удерживая клавишу CTRL.
Нажмите Open после того, как Вы выделяете все файлы.


О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru
Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.


Рейтинг@Mail.ru