4site.net.ru
  В помощь вебмастеру  

смотрите также:

   - Разработка сайта:  выбор
 оптимального варианта


   - Ваш Интернет-магазин

   
- Размещение сайта в сети интернет

 

 

 

 

 


Глава 1. Интерфейс Namo WebEditor


ГЛАВА 1.

Интерфейс Namo WebEditor


 

Namo WebEditor - сравнительно молодой html-редактор, разработчик - корейская компания SJ Namo Interactive. Среди ее продуктов, помимо редактора html - редактор графики WebCanvas, программа для создания Flash FreeMotion, поисковая машина DeepSearch и другие.

Сама программа выбрана и мной для создания нескольких проектов, взамен Macromedia Dreamweaver, как более простая, лаконичная и удобная. Помните - в самом началае пути мы решили, что для самостоятельной разработки сайта нам потребуются удобные и простые средства. Поэтому смело рекомендую Namo WebEditor Вам.
Здесь и далее - рассматривается
русифицированная версия программы.

Итак, вот оно - рабочее окно этой программы (нажмите на изображении для увеличения).руководство по Namo WebEditor рабочее окно программы

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

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

Ниже располагается вкладка с названием рабочего окна и сама рабочая область Namo WebEditor.
Как и в большинстве аналогичных WYSIWYG редакторов, существуют варианты отображения этой области, в WebEditor они выбираются соответствующими вкладками внизу рабочего окна:
   - Правка  Иначе говоря - "только дизайн". Вы работаете с Вашей страницей словно с документом Word. Редактор в фоновом режиме пишет код, соответствующий тексту, таблице, графике и их совместному расположению на странице. Этот режим удобен для обычной работы с содержимым страницы - набора текста, вставки таблиц и т.д.
   - Правка & Html  Рабочая область разделяется надвое - код и дизайн. Т.е в нижней части - аналог предыдущего "Правка", в верхней - код html. Работать возможно в обоих областях - править код, тогда будет меняться дизайн и соответственно править дизайн - тогда будет изменяться код. Изменения видны сразу же после перемещения курсора в соседнюю область.
Этот режим удобен при отладке страницы - т.е коррекции кода и моментального просмотра изменений.
   - Html  Соответственно, в рабочей области представляется только html код страницы. Режим удобен для профессионалов, в этом режиме вы сами, заместо редактора, пишите код страницы. Плюс такого подхода в том, что конечный результат получается без "мусора", который добавляет от себя редактор при создании кода. Кроме того, написание кода самостоятельно - более гибкий процесс, из которого практически выключены средства WYSIWYG редактора.
Режим удобен для серьезных веб-дизайнеров, в совершенстве владеющих языком html и не желающих "помощи" в лице сторонней программы при создании кода как такового.
   - Просмотр  Просмотр результата во встроенном браузере без возможности редактирования.
Этот режим удобен, в первую очередь, для проверки удобства навигации и оценки общего вида страницы. При разработке сайта и каждой его страницы рекомендую все-таки открывать создаваемую страницу в обычном браузере и нажимать кнопку "обновить" на нем при принятии изменений в редакторе. Это более наглядно.

Под рабочей областью расположено еще несколько панелей. В первую очередь стоит обратить внимание на панель инспектора - в процессе разработки страницы она понадобится вам в первую очередь.
На этой панели изображаются основные свойства объекта, где располагается курсор. К примеру при щелчке на изображении панель инспектора принимает следующий вид:
учебник Web Editor - панель инспектора 

Путь - указан путь к рисунку или просто имя файла, если последний располагается в той же директории;
Ширина & Высота - размеры изображения в пикселях;
Рамка - толщина рамки вокруг изображения (0 - нет рамки);
Выравнивание - выравнивание изображения относительно страницы/области;

Alt текст - Пояснение к рисунку, отображаемое при наведении на него указателя мыши;
Горизонтальный & Вертикальный интервал - отступ по вертикали и горизонтали в пикселях от границы страницы/области;
Далее расположены несколько кнопок для простого редактирования изображения непосредственно в html-редакторе.
Аналогично инспектор отображает свойства таблицы, текста, ссылки и т.д.

Теперь рассмотрим сам процесс создания html-страницы в Namo WebEditor.



 

<<- Содержание
Содержание обзора

Далее ->>
Глава 2: Создание страниц в Namo WebEditor


Новое на сайте: