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

ГЛАВА 2.
Создание страниц в Namo WebEditor

Итак, в главе 1 мы познакомились в общих чертах с интерфейсом этой программы. Теперь рассмотрим последовательность действий при создании простейшей страницы в Web Editor.

В редакторе существует возможность создания сайта целиком с разработкой его дерева, указанием папки где будут находится страницы и графика и соответственно ссылок между страницами. Есть готовые шаблоны страниц с уже определенными элементами дизайна. Возможно разработать страницу с нуля - т.е с белого листа.
С последнего мы и начнем, ибо цель нашего обзора - познакомить с программой и указать основные моменты в работе, в остальном Namo WebEditor интуитивно понятен и может быть изучен вами в дальнейшем самостоятельно при наличии самых простых познаний. Итак, приступим.

1. Создадим чистую страницу - нажав кнопку расположенную скраю слева стандартной панели инструментов. По умолчанию страница создается в режиме редактирования "правка" - он нам и нужен.
2. Щелкаем правой кнопкой мыши в любой области рабочего окна, выбираем "Свойства документа" а в открывшемся окне - вкладку "Оформление", там - выбираем путь к фоновому рисунку. Советую сделать это именно сразу (или соответственно выбрать цвет фона в панели инспектора) т.к оформление страницы удобнее всего задавать от типа и цвета фона страницы.
3. Набираем фрагменты текста. Для начала пускай это будет любой текст с любым смысловым содержанием. В него же вставляем выбранные рисунки, щелкнув правой кнопкой мыши и выбрав "Вставить изображение".
4. Внизу - после текста - отступаем строчку и пишем "На страницу 2" без кавычек, само собой. Это будет ссылка на вторую страницу.
5. Создаем вторую страницу аналогичным образом, только на месте ссылки пишем "На основную страницу".
6. Сохраняем обе страницы в одной папке - в нажимаем кнопку . Первую - как index.html а вторую - как second.html.
7. Выделяем строчку "На страницу 2" первой страницы и щелкнув правой кнопкой мыши по ней, выбираем "Создать гиперссылку". В появившемся окне справа от поля "Закладка" нажимаем кнопку "обзор" и выбираем страницу "second.html". Нажимаем ОК. Если все верно, строчка подчеркнется - это и есть ссылка на вторую страницу.
8. Аналогично проделайте со второй страницей second.html - сделайте строчку "На основную страницу" ссылкой на страницу "index.html". Получилась? Теперь на нашем "сайте" (назовем его уже так) огранизовано простейшее меню для навигации между страницами.

Казалось бы - осталось разместить страницы на бесплатном хостинге - и наш простой проект готов. Однако подождем это делать - вначале подберем размер, цвет и тип шрифта, оформим каждую страницу с использованием таблицы (текст в одной ячейке, ссылки - в другой), проверим текст на ошибки, оптимизируем страницы для просмотра различными браузерами и добавим до кучи еще пару страниц со ссылками от страницы second.html и на нее от каждой страницы.
Последнее вам сделать не составит труда уже сейчас, но не стоит торопиться - гораздо проще редактировать другие страницы как шаблон, чем создавать их заново. Поэтому давайте доведем до ума наши первые две страницы.

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

Далее ->>
Глава 3: Таблицы и текст