• Глава 1. Интерфейс программы
  
• Глава 2. Создание страниц в Namo Web Editor
  
• Глава 3. Таблицы и текст
  
• Глава 4. Отладка
  
  Раздел "Литература"

ГЛАВА 1.
Интерфейс Namo WebEditor

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

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

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

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

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

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

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

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

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

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

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