Здравствуйте, уважаемый читатель!

С Вами Чертоляс Олег и девятый выпуск рассылки "Как Создать Сайт В Интернете Без Знания Web-Технологий?!"

Сегодня мы продолжим работу над созданием Вашего сайта. Всем новым подписчикам рекомендую начать изучение материала с выпуска 6. В предыдущем выпуске рассылки мы рассмотрели следующие вопросы:

• выбор имени для Вашего сайта;
• регистрация демо-версии;
• авторизация сайта;
• административная страница сайта;
• первичное наполнение сайта (выбор дизайна и прототипа сайта, ввод реквизитов)

Переходим к редактированию Вашего сайта. Сегодня мы познакомимся с редактором сайта.

Редактор сайта

Внешний вид редактора сайта

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

Визуальный редактор устроен по принципу WYSIWYG – от аббревиатуры английского словосочетания What You See Is What You Get (что видишь, то и получаешь). Редактор сайта состоит из трёх частей:

• Панель инструментов в верхней части, на которой расположен кнопки для вызова основных функций при работе с сайтом;
• Строка состояния, расположенная сразу под панелью инструментов. В левой её части находится ссылка «Адм.стр.», которая позволяет вернуться на главную страницу системы управления сайтом. В правой – ссылка «Выход» для безопасного завершения редактирования;
• Собственно сайт. Сайт выглядит так, как его будут видеть посетители, с той только разницей, что им не будут видны иконки для вызова меню редактирования, расположенные возле каждого элемента сайта;

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

Значение каждой иконки вы всегда можете посмотреть нажав на кнопку "Легенда" на панели инструментов.

Рассмотрим более подробно составные части редактора сайта:

1) Панель инструментов

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

Рассмотрим элементы панели инструментов:

• В начало - та ссылка предназначена для перехода на стартовую (заглавную) страницу сайта;
• Просмотр - эта ссылка переключает редактор из режима редактирования в режим просмотра;
• Изменение - эта ссылка переключает редактор из режима просмотра в режим редактирования;
• Отменить - эта ссылка отменяет последнее действие, произведённое с помощью редактора;
• Реклама - эта ссылка открывает окна для рекламных частей сайта;
• Настройки - эта ссылка вызывает окно редактирования основных настроек сайта: языки, авторизация, статистика, права доступа, поиск, кнопки;
• Атрибуты - эта ссылка вызывает окно редактирования следующих настроек сайта: описания, логотипа, ключевых слов и flash анимации;
• Карта сайта - эта ссылка открывает список всех страниц сайта с возможностью управления их порядком и отображением в меню;
• Выбрать дизайн - эта ссылка вызывает Мастер выбора оформления сайта;
• Изменить дизайн - эта ссылка вызывает СкинМашину. СкинМашина - это программа, с помощью которой Вы сможете самостоятельно изменить дизайн сайта;
• Легенда - эта ссылка открывает окно с расшифровкой условных обозначений, используемых в Конструкторе сайта.

2) Строка состояния

Рассмотрим элементы строки состояния:

• Адм.стр. - это ссылка выхода из редактора на первую страницу Системы управления сайтом;
• Редактирование сайта - название используемого в настоящий момент инструмента системы управления;
• админ - эта ссылка содержит имя пользователя, который работает с Конструктором сайта. «Админ» - сокращение от сочетания «Администратор сайта». Для того чтобы войти в Систему управления под другим именем, достаточно нажать на этой ссылке левой кнопкой мышки;
• jupiter.e-gloryon.com - адрес Вашего сайта;
• Выход - Эта ссылка завершает работу пользователя в Системе управления сайтом.

3) Сайт

Сайт в режиме WYSIWYG-редактора выглядит обычным образом за исключением того, что рядом с любым его элементом находится специальная иконка, нажав на которую можно вызвать окно редактирования этого элемента. (смотри "Легенда")

Принципы работы редактора сайта

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

Для редактирования элементов сайта служат иконки различных цветов:

• красные иконки - для редактирования страниц;
• желтые иконки - для редактирования разделов;
• зеленые иконки - для редактирования записей;
• синяя иконка - редактирование системных элементов;
• серая иконка - для редактирования текста;
• цветная иконка - для редактирования изображений.

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

Внизу каждого окна редактирования находятся несколько кнопок, одну из которых по окончании редактирования следует нажать:

• Сохранить – внесенные Вами изменения сохраняются;
• Применить – внесенные Вами изменения сохраняются, при этом окно редактора не закроется;
• Сохранить копию – внесенные Вами изменения сохраняются как новый элемент;
• Удалить – редактируемый элемент удаляется (например, если вы нажали на эту кнопку в меню редактирования страницы, вся страница будет удалена);
• Отмена – окно закрывается без сохранения изменений.

И еще одно важное замечание. Если вы ошиблись при редактировании сайта, например ошибочно удалили какую-то информацию, то вы можете отменить последнее действие нажав на кнопку "Отменить" на панели инструментов.

Внешний вид окна редактирования элемента

Итак, редактирование любого элемента сайта происходит в окнах редактирования. Чтобы вызвать окно редактирования выбранного элемента, необходимо нажать левой кнопкой мыши на желтую иконку рядом с этим элементом.

Откроется окно редактирования элемента.

1 - Статусная строка. Содержит название редактируемого элемента.

2 - Область управления окном редактора. Содержит элементы, управляющие состоянием окна редактора: вызвать справку и закрыть окно редактора.

3 - Область закладок. Содержит закладки, где атрибуты редактируемого элемента сгруппированы по определенным признакам.

4 - Область редактирования свойств. Содержит поля, где можно изменить свойства редактируемого элемента.

5 - Вызов HTML-редактора. Загружает окно специализированного HTML-редактора.

6 - Управляющие элементы. Задают тип управляющего действия над элементом.

Работа в окне редактирования элемента

Управление окном редактора

Управление окном редактирования осуществляется с помощью управляющих элементов, расположенных в правом верхнем углу окна редактирования.

Чтобы закрыть окно редактирования, нужно нажать левой кнопкой мышки на знак x в области управления окном редактора. Внимание: при закрытии окна редактирования все внесенные изменения не сохраняются, если не была нажата кнопка "Применить"!

Чтобы вызвать справку по редактированию выбранного элемента, необходимо нажать левой кнопки мышки на знак ? в области управления окном редактора.

Переключение закладок

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

Редактирование параметров элемента

Редактирование элемента происходит в полях редактирования, которые находятся в области редактирования параметров элемента. Любой текст, находящийся в полях редактирования, может быть изменен.

HTML-редактор

Для создания нестандартно оформленных элементов можно воспользоваться встроенным HTML-редактором. Он имеет традиционный для всех офисных программ интерфейс пользователя. Для вызова HTML-редактора нужно нажать левой кнопкой мышки иконку рядом с полем для редактирования текста.

Оформление текста элементов производится с помощью инструментов на верхней панели HTML-редактора:

Итак, мы познакомились с основными возможностями Конструктора сайтов и в следующем выпуске рассылки перейдем к рассмотрению конкретных примеров его использования, а именно перейдем к созданию типового сайта компании.

Новости интернета

WinTools.net Professional 7.9.1 Набор инструментов, предназначенный для повышения производительности операционной системы MS Windows и поддержания производительности на высоком уровне на протяжении всего эксплуатационного периода.  Подробнее >>

Полезные программы

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

В прошлом выпуске рассылки для скачивания была предложена следующая программа: Pantera 2.07 - Программа «Pantera» позволяет решить проблему размещения вашей информации на досках объявлений.

Сегодня я предлагаю скачать программу Shortcut PhotoZoom Professional - Является лучшей из имеющихся технологий для увеличения цифровых фотографий!. Сохраните качество Ваших снимков. Теперь Вы сможете увеличивать Ваши фотографии без беспокойства о потере качества. Shortcut PhotoZoom Professional - это крайне необходимая программа для увеличения цифровых изображений, используемых для DTP, Internet и цифрового фото. Фирменная технология масштабирования S-Spline, используемая в PhotoZoom Professional, основана на запатентованной адаптивной методике, которую можно отнести к категории революционных

Скачать программу Shortcut PhotoZoom Professional (rar, 4.35 мб)

Полезные ресурсы сети

ЕСЛИ ТЫ ХОЧЕШЬ СОЗДАТЬ СВОЙ БИЗНЕС...
http://metel.in-business.ru/ Этот сайт создан для тех, кто находится в поисках свободы и финансовой защищенности, кто ищет возможность создания собственного бизнеса и не боится прилагать большие усилия для его построения.

Анекдоты

Новый русский пришел в компьютерную фирму - надо к Инету подключится. Ему продали компьютер, модем, и. т. д... и говорят, мол, как все установите - звоните провайдеру - и все...
На следующий день в фирму вваливается НР и куча головорезов:
- Где тут провайдер???
- А в чем дело? (испуганно)
- Да мы с братвой все сделали, звоним этой падле, провайдеру, а он:
- Шшшшш-ссс-сщ-щщщщ....
----------------------------------------------------------------
Учительница вносит в класс компьютер. Ставит на стол. Спрашивает у учеников: - Дети, сколько на столе компьютеров?
- Оди-ин. С трудом учительница вносит в класс второй компьютер.
- Дети, сколько на столе компьютеров?
- Два-а. Выбиваясь из сил учительница втаскивает в класс третий компьютер.
- Дети, ну а теперь сколько на столе компьютеров?
- Три-и.
Вытирая пот со лба, учительница шепчет:
- А все ж, с яблоками было как-то легче!
--------------------------------------------------------------
Поймал как-то мужик золотую рыбку, а она ему и говорит:
- Отпусти меня, я одно любое твое желание исполню.
- Я хочу, чтобы был мир во всем мире!
- Нет, давай что-нибудь попроще.
- Ну тогда пусть Windows не глючит.
- Слушай, давай может первое желание.
--------------------------------------------------------------
После первой брачной ночи супруга Билла Гейтса:
- Теперь я понимаю, почему ты именно так назвал свою фирму.

Итак, на сегодня это все. Оставайтесь с нами и Вы узнаете много интересного.

Желаю Вам всего доброго!

С уважением, Чертоляс Олег.
Консультант по вопросам создания собственного сайта и бизнеса в интернет.

Мир Вашего Здоровья!
Заработай на квартиру за 9 месяцев!
Сервис для создания сайтов под ключ
Восточная медицина. Тибетские настои Даосан
Лечебно-профилактические фиточаи Ареда
Бесплатная электронная книга "Бизнес для человека"

e-mail: chertolyas@bizpromo.ru
телефон: 89138133288