Программирование HTML NetObjects Fusion 7.5 Tips & Tricks Sat, November 18 2017  

Поделиться

нашли опечатку?

Пожалуйста, сообщите об этом - просто выделите ошибочное слово или фразу и нажмите Shift Enter.


NetObjects Fusion 7.5 Tips & Tricks Печать
Добавил(а) microsin   

Никак не мог понять, как максимально просто копировать таблицы - если сделать copy-paste, то вставляемая таблица уезжает вправо, и размер Layout постоянно меняется. Оказывается, ларчик просто открывался - можно копировать а-ля Corel - при перетаскивании нажать Ctrl. Кроме того, чтобы вставить сразу несколько строк в таблицу, нужно выделить такое же количество строк, сколько нужно вставить, и выбрать Object\Table\Insert Row.

Комментарии в HTML таблиц или текста можно добавлять, например, так - выделяем строку, на палитре свойств жмём кнопку Row HTML... и на закладке Before Tag вставляем:

< !-- ЭТО КОММЕНТАРИЙ -->

Вставленный текст не отображается при показе страницы. В режиме редактирования строка с вставленным комментарием помечается голубовато-серым кружочком с белым кирпичиком, или с буквой “Т”.

В NetObjects Fusion 7.5 отлично поддерживается русский язык. Если мы даём русское название новой страничке, то даже на GIF-картинках баннеров и кнопок появляются замечательные надписи на русском. Но! Небольшой платой за это удобство будут невменяемые английские названия публикуемых html-файлов для тех страничек, у которых выбраны русские имена. На мой взгляд, наилучший выход из положения - давать всем страничкам сайта осмысленные английские названия (при этом такие же названия будут и у выходных html-файлов), а для того, чтобы на плашках и кнопках был русский текст, отредактировать Custom names для странички (это делается через Site view\Page Properties кнопка Custom Names... или Page view\Edit\Custom Names...).

Если Ваша страничка русскоязычная, и вы хотите иметь на баннерах и кнопках русские надписи, но в то же время хотите, чтобы публикуемый на http-сервер контент состоял из файлов с понятными названиями (соответствующими содержимому), то лучше придерживаться следующей методики:

1. У всех страничек имена (Page name) должны быть английскими (эти имена просматриваются и редактируются через Properties\окошко ввода Page name).
2. У всех страничек титры (Page title, при просмотре сайта в Интернете титры высвечиваются на плашке IE) должны быть русскими (эти титры просматриваются и редактируются через Properties\окошко ввода Page title).
3. Для того, чтобы названия на кнопках и баннерах были по-русски, нужно поменять Custom Names на русские (просматриваются и редактируются через Properties\кнопка Custom Names...).
4. Нужно установить русскоязычную кодировку сайта через Tools\Options\Current Site..., выпадающий список Character set, в нём надо выбрать Cyrillic (Windows-1251).
5. Убрать кракозябры на кнопочках (иногда появляются в некоторых экземплярах установок Windows, когда нет определенного русскоязычного шрифта) нужно так - выбираем в меню Go\Style (или кнопка Style на тулбаре), откроется раздел редактирования стилей сайта. Выбираем в левой части окна активный стиль сайта, и в правой части окна будет показан внешний вид баннера и кнопок. В группах Primary Button States и Secondary Button States меняем шрифт на кнопках на кириллический - выбираем кнопку и в меню View\Properties Palette (или нажатием F3) выбираем панель свойств кнопки и там меняем Font. В том же разделе редактора Style можно поменять внешний вид кнопок и поведение текста при наведении на них курсора.
6. Другой способ борьбы с кракозябрами на кнопках - узнать через меню Go\Style, какой шрифт используется с проблемными кнопками, и в системной папке Fonts (доступна через Панель Управления Windows) удалить этот шрифт, а потом туда скопировать такой же, но русифицированный (можно взять из русскоязычной копии Windows). У меня проблема была с фонтом Trebuchet MS на англоязычной w2k Pro - я просто взял тот же шрифт с w2003 Server, тоже англоязычной, но на ней проблем с этим шрифтом не было (может, потому, что стоял MUI).

Перед назначением тэгов META (либо через Page view\Tools\Options\Current Site..., закладка META tags, либо через Site view\Page Properties, закладка Meta Tags) лучше выйти из NetObjects Fusion и сделать копию nod-файла сайта на всякий случай. Дело в том, что вставить META-тэги можно, а удалить их уже нельзя. Например, если вы нечаянно ошиблись и вставили тэг description, а потом вдруг решили поменять содержимое тега и ввели тэг Description, то при просмотре кода HTML в заголовке сайта будут присутствовать оба тэга, и правильный, и ошибочный, причём выборочно удалить любой из них средствами NetObjects Fusion, к сожалению, невозможно. Наверное, наилучший вариант - ручная вставка тэгов META через закладку HTML Source без использования инструментов META-тэгов, встроенных в NetObjects Fusion.

В NetObjects Fusion 7.5 можно добавить на сайт автоматически изменяющуюся дату обновления. В том месте, где надо вставить, устанавливаем курсор, далее Text\Insert Field... из выпадающего списка Type выбираем Date & Time, в окне Field выбираем Site Modified, жмём ок. Кроме того, можно вставлять содержимое мета-тэгов (из выпадающего списка Type выбираем Site & General) и пользовательских переменных (Variables). Мета-теги редактируются через Tools\Options\Current Site... закладка Meta Tags. Переменные редактируются через Go\Assets, закладка Variables.

Структура сайта в NetObjects Fusion имеет как минимум один уровень - Home (домашняя страница). Эта страница на серверах обычно размещается в файле index.htm, и называется стартовой страницей или корнем сайта. На реальный сайт целесообразно бывает добавить ещё три уровня. Структура получится примерно такой:

1. Home (домашняя страница), имеющая ссылки на уровень 2.
2. Странички, представляющие основные темы сайта (одна из тем обычно Контакты), со ссылками на разделы темы (уровень 3).
3. Разделы одной из тем - обычно список заголовков статей, со ссылками на сами статьи (на уровне 4).
4. Содержимое статей.
В NetObjects Fusion структура сайта просматривается и редактируется через вид Site (меню Go\Site).

Иногда нельзя установить у блока текста нужный вид и тип шрифта, если этот блок не заканчивается переводом абзаца (тег < p>< /p>).

В зависимости от типа ассета (Image, CGI) его файл попадает в определенную папку при публикации. Некоторые файлы, например, PHP, иногда ошибочно определяются как Image, и при публикации попадают в папку assets\images, хотя это вовсе не картинка, а php-скрипт. Прямой возможности повлиять на это, как и создать новый тип ассета, не существует. Можно только "обмануть" программу, когда создаем новый ассет со скриптом PHP, чтобы он получил тип CGI (при публикации файл будет попадать в папку cgi-bin, что уже лучше, чем папка image). Последовательность действий:

- файл с расширением *.php, предназначенный для ассета, переименовываем в *.cgi.
- при создании нового ассета с этим файлом по кнопке "Browse" указываем переименованный файл. Новый ассет успешно получает тип CGI.
- переименовываем файл ассета назад в *.php.
- двойным щелчком на ассете в пути к файлу исправляем расширение на *.php.

Столкнулся с этой проблемой, когда понадобилось вставлять внутрь выпадающего списка < SELECT ... > < /SELECT> свои строки с помощью PHP. Для этого пришлось "обмануть" программу. В свойствах выпадающего списка Combo Box жмем кнопку "HTML...", переходим на закладку "Inside Tag" и вставляем следующий код:

>
< ?php
echo '< OPTION VALUE="0" SELECTED>_______________________< /OPTION>';
echo '< OPTION VALUE="1">Item 1< /OPTION>';
echo '< OPTION VALUE="2">Item 2< /OPTION>';
echo '< OPTION VALUE="3">Item 3< /OPTION>';
echo '< OPTION VALUE="4">Item 4< /OPTION>';
?>
< !-- -- 

Изюминка тут в том, что скобкой > мы закрываем тег SELECT, далее вставляем строки OPTION и нейтрализуем скобку > от NetFusion HTML-комментарием (выделено красным). Таким образом, работающий код попадает не в параметры SELECT, а в промежуток между открывающим < SELECT ...> и закрывающим < /SELECT>.

Еще веселее с многострочным текстовым окном TEXTAREA (текст, добавленный мною, выделен красным):

< TEXTAREA WRAP=PHYSICAL ID="Forms Multi-Line1" NAME="FormsMultiLine1" ROWS=10 COLS=80 
>
< ?php $acronym = $_GET['acronym']; $row = LoadRecord($tablename, 'Acronym', $acronym); echo $row['Descr']; ?>
< /TEXTAREA>
< !-- >< /TEXTAREA>-->

Здесь пришлось вставить "свой" закрывающий тег < /TEXTAREA>, а тот, который вставляет NetObjects Fusion, убрать с помощью комментария (на закладке After Tag добавил -->).

1. Копируем папку со стилем старого сайта. Эта папка находится в файловой папке Styles старого сайта. У меня, например, это была папка c:\NetObjects Fusion 7.5\User Sites\Site1\Styles\OldStyle\. Новое размещение папки может быть в папке Styles нового сайта. У меня, например, после копирования в новый сайт Site2 папка со стилем OldStyle оказалась по такому адресу - c:\NetObjects Fusion 7.5\User Sites\Site2\Styles\

2. В меню Style выбираем Add SiteStyles Source..., выбираем тип источника Local SiteStyles, жмем кнопку "Далее".

3. Меняем название источника стилей "My Local SiteStyles" на что-то более подходящее или оставляем таким, как есть. Нажимаем кнопку "..." и выбираем путь до папки, где лежит папка с нужным стилем (в нашем примере выбираем c:\NetObjects Fusion 7.5\User Sites\Site2\Styles\). Кнопка "Test" позволяет проверить корректность источника стилей. Жмем готово.

4. Теперь в NetObjects Fusion появляется папка My Local SiteStyles, где будет стиль OldStyle. Теперь его можно применить к сайту Site2.

Есть еще один способ, который проще - копируем папку c:\NetObjects Fusion 7.5\User Sites\Site1\Styles\OldStyle\ в папку c:\NetObjects Fusion 7.5\Styles\. После новой загрузки NetObjects стиль OldStyle будет доступен в папке "NetObjects Fusion Local SiteStyles" (этому объекту соответствует файловая папка c:\NetObjects Fusion 7.5\Styles\). Этот способ мне нравится меньше, так как не отвечает принципу "все свое ношу с собой" - при бэкапе сайта стиль не бэкапится автоматически, поскольку не находится в папке сайта.

Очень помогает в работе. Например, чтобы сделать выделенный шрифт толстым, достаточно нажать Ctrl+B, а чтобы сделать наклонным - Ctrl+I.

1. Сначала сохраняем профиль имеющейся галереи, чтобы потом его можно было использовать при создании новой.

2. В схеме сайта щелкаем правой кнопкой на страничку, у которой новая фотогалерея должна быть дочерней, выбираем New Page.

3. Редактируем свойства новой страницы. Page Name назначаем английское слово без пробелов, например phBaikal2006. Page Title пишем что-нибудь по-русски (осмысленный заголовок странички, например Байкал 2006). Выбираем нужный тип MasterBorder.

4. Жмем кнопку Custom Names, в параметрах Navigation Button и Banner пишем то же самое, что и писали в Page Title на шаге 3.

5. Двойным щелчком открываем только что созданную страничку. На баннере должно красоваться корректное содержимое Page Title (в нашем примере Байкал 2006), но сама страничка относительно пустая (есть только кнопки и бордюр, основанные на выбранном типе MasterBorder). Выбираем на тулбаре Advanced Tools компонент Photo Gallery, щелкаем в любое место Layout (где будет новая галерея).

6. Появляется окошечко Add Photo Gallery. В нем выбираем радиокнопку Create a new Photo Gallery, в Name пишем английское слово без пробелов типа phBaikal2006. В выпадающем списке Profile выбираем сохраненный на шаге 1 профиль. Жмем кнопку Ok.

7. После непродолжительного раздумья появится окно, которое предложит выбрать файлы фотографий. Перебираемся в папку с фотографиями, жмем Ctrl-A (чтобы выбрать все фотографии), жмем кнопку Add.

8. Теперь NetFusion задумается надолго. После этого появится окно, где будут показаны свойства новой галереи. На закладке Images, в списке Images in display order проверяем порядок следования фотографий. Жмем кнопку Done.

9. Опять NetFusion задумывается - генерится галерея. На схеме сайта редактируем свойства дочерней странички (самая последняя в ветке сайта у новой галереи). В Page Name пишем что-то типа phBaikalContent, Page Title пишем русскую фразу - ту же самую, что и на шаге 5. Выбираем тип MasterBorder.

10. Жмем кнопку Custom Names, вводим то же самое, что и в параметрах Navigation Button и Banner на шаге 4.

11. Двойным щелчком открываем страничку, свойства которой меняли. При необходимости правим её внешний вид, например перемещаем кнопки навигации и проч.

12. Выбираем страничку с фоткой типичных пропорций (кнопками Previous и Next на верхней панели NetFusion). Меняем размер фотографии - щелкаем на ней и на окошке свойств перемещаем ползунок или выставляем параметр Width. Жмем Apply to all. Опять NetFusion задумывается - на время, пропорциональное размеру галереи.

13. Даем ссылку на нашу новую галерею (тип ссылки - Internal).

14. На дереве сайта выбираем страничку, куда помещена галерея (предпоследняя в её ветке), делаем Publish Site, из выпадающего списка Pages to publish выбираем Site Section (selected page is parent), жмем Publish.

 

Добавить комментарий


Защитный код
Обновить

Top of Page