Web Studio

Обзор



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

Содержание

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

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

Изображения

Фотографии - один тип графического объекта, который Вы можете добавить к своей странице.
Для работы с изображениями используйте Галерею фотографий.
Когда у Вас есть много фотографий на странице, Вы можете превратить их в Эскизы. Эскиз - маленькое изображение, которое увеличивается, когда Вы нажимаете на него.
 
Другая опция должна создать слайды (см. Слайды).

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

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



Имеется Photo Correction Wizard (Мастер исправления фотографии).

Используйте фотографию от Фотогалереи

Нажмите на вкладку Photos, чтобы открыть Photos Gallery - Галерею Фотографий.
Выберите фотографию и затем перетащить и опустите фотографию на страницу.
Измените размеры фотографии, перетаскивая маркеры выделения.
Установите фотографию по месту на странице.

Вставьте собственную фотографию от файла
 

Нажмите на вкладку Insert > Illustrations > Picture.
Выберите файл фото и щелкните Open.
Для больших фотографий желательно уменьшить размер, чтобы уменьшить время загрузки.
Когда фотографии больше чем 800x600 пикселей, Web Studio автоматически изменяет размеры таким образом, чтобы они соответствовали экрану 800x600 пикселей. Это гарантирует, что все посетители Вашего сайта будут видеть Ваши фотографии.
Разумный размер для фотографии на web-странице составляет 300 пикселей.


Добавьте свои  фотографии к Галерее Фотографий

Некоторые способы добавить фотографию к галерее:

1. Щелкните правой кнопкой мыши по фотографии в галерее. Выберите Add Files в меню. Выберите файл и щелкните Open.

2. Поместите фотографию на страницу. Удерживая клавиши ctrl+shift, перетащите и опустите фотографию в галерею.

3. Поместите фотографию на страницу. Щелкните правой кнопкой мыши по фотографии, в меню выберите Copy. Щелкните правой кнопкой мыши в галерее, в меню выберите Paste.

4. Перетащите файл фотографии от  папки Windows непосредственно в галерею.


Добавьте фотографии от цифровых камер

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

Нажмите на  Insert > Illustrations > Insert Picture.


Работа с изображениями

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

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

Изменение размеров
Способ 1.
Щелкните по фото. Перетаскивайте границы фото за маркеры.
Удержите клавишу SHIFT и используйте угловой маркер, чтобы изменить размеры пропорционально.

Способ 2.
Дважды щелкните по фото, в меню выберите Properties (Свойств Объекта). Укажите высоту и ширину фото.
Proportional Resizing  - пропорциональное изменение размеров.

Применение эффектов
Группа Photos во вкладке Insert содержит несколько эффектов (Special Effect). Чтобы использовать эти эффекты, сначала выделите фотографию или группу фотографий и затем нажмите на эффект. Вы можете нажать на команду несколько раз, чтобы повторить эффект, или можете применить несколько эффектов.
Для отмены изменений щелкните командой Undo или ctrl+z.
Эти эффекты воздействуют на графические и текстовые объекты также.


Используйте Мастера Исправления Фотографии
Photo Correction Wizard  - Мастер Исправления Фотографии - самый универсальный способ редактирования фотографий.
Выделите фотографию или группу фотографий (с клавишей SHIFT), которые Вы хотите изменить.
Нажмите вкладку Create > Photos > Special Effects>Photo Correction. Мастер Исправления Фотографии открывается. Путем эксперимента можно определить действие эффектов.
Для отмены изменений щелкните командой Undo или ctrl+z.


Применение прозрачности
Щелкните по фотографии, чтобы ее выделить
Нажмите на вкладку Create - Opacity - Graphic Opacity slider.


Примените текстуры и края к фотографиям и графическим символам
У группы Photos есть много краев и текстур, которые можно применить к фотографиям.
Выделите фотографию или графический символ.
Нажмите вкладку Create > Photos > Photo Edges (или Photo Textures). Выберите нужное.
 

Создание rollover - эффекта

Вы можете использовать фотографии, чтобы сделать интересные кнопки  rollover.
Поместите три изображения на страницу.
Выделите их (удерживая клавишу SHIFT) в том порядке, в каком они должны появляться: normal, mouse over, mouse down.
Нажмите вкладку Create > Rollovers > Graphic Rollovers. Это открывает Графическую Студию Кнопки Одновременного нажатия клавиш (подробнее о Студии кнопки).
Введите текст кнопок. Щелкните кнопками Font и Color, чтобы изменить стиль шрифта и цвет шрифта текста. Нажмите OK.
Чтобы видеть кнопку в действии, щелкните Preview-Upload-Host > Preview in Web Studio> Preview Page.
 

Создание Эскизов

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

Выберите фотографию (или несколько фотографий). Установите полный размер.
Нажмите вкладку Create > Photos > Thumbnails. Откроется Thumbnail Studio - Студия эскиза.

Укажите:
Thumbnail Size and Display - размер эскиза на странице.
Caption - текст, который появится при наведении курсора на эскиз. Используйте кнопки, чтобы выбрать вид шрифта, цвет текста и фона.
Copy Protect - защита от копирования. Нажмите OK.

Измените размеры эскиза
Щелкните по эскизу, чтобы его выделить
Перетащите один из маркеров, и Object is Locked dialog  (Блокировка объекта) открывается.
Щелкните Да, если Вы хотите удалить блокировку так.
Если Вы хотите изменить размер, двойной щелчок по эскизу, чтобы вновь открыть Студию Эскиза. Измените размер эскиза и затем нажмите OK.


Защита фотографий от копирования

Web Studio автоматически помещает защиту от копирования в Ваши фотографии. Технически, посетитель может попытаться щелкнуть правой кнопкой мыши по Вашему изображению и скопировать его. Однако, когда он вставляет это изображение - вставляется крошечный белый графический символ.
Если Вы хотите позволить посетителям копировать Ваши фотографии, выключите опцию в  Object Properties (Свойства объекта). У диалога Эскиза также есть Копия, Защищают область.

Щелкните правой кнопкой мыши по фотографии.
Выберите  Properties  из контекстного меню Объекта. Это открывает диалог Object Properties.
Нажмите на вкладку Graphics - Protection on Web.


Предварительный просмотр фотографий
 
Нажмите на команду Preview Page, чтобы видеть, как фотография или графический символ будут выглядеть в Интернете. Иногда повторное изменение размеров может уменьшить качество фотографии. Если Вы видите, что графический символ выглядит гранулированным в Предварительном просмотре, то Вы можете улучшать качество графического символа, изменяя Графическое сжатие JPG в диалоге Свойств.
В контекстном меню фото выберите Properties.
В разделе графики при сжатии JPG измените опцию на Q1: ПPerfect Quality - прекрасное Качество. Если эта опция не доступна, она означает, что графический символ не может быть изменен.
Нажмите OK. Рассмотрите изменение в Предварительном просмотре.



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


Рейтинг@Mail.ru