Существует несколько известных и много малоизвестных программ для создания сайтов, но я предлагаю вам использовать для этих целей программу NetObjects Fusion 7, поскольку она наиболее подходит для начинающих. Она отличается простым и интуитивным интерфейсом, простотой работы, наличием шаблонов. Единственное, чего не хватает NetObjects, это поддержки скриптов.
Итак, теперь посмотрим, как создаётся сайт с помощью NetObjects Fusion. При первом запуске программы вам предложат обновить её. Советую проигнорировать эту возможность. Далее вам предложат создать ваш профайл с персональной информацией. Также рекомендую пропустить эту возможность, поставив галочку в поле dont’t remind me again. Далее будет диалоговое окно, предлагающее два варианата: либор создать новый сайт с помощью Мастера, либо вернуться в NetObjects Fusion. Советую первый сайт создать с помощью Мастера. Но для начала необходимо настроить программу дляработы с кириллицей. Для этого заходим в окно Tools>Settings и на вкладке Internetional выбираем в поле Imported html кодировку Cyrillic (Windows-1251). Другие настройки можно пока оставить по умолчанию, с ними можно легко разобраться потом. Далее нажмаем ОК-и приступаем к созданию сайта.
Первым делом даём команду File>New Site>Using Site Wizard. На первом этапе вам будет предложено выбрать все страницы, которые вы хотите включить в ваш сайт (советую выделить все страницы, потом их можно спокойно переименовать или удалить). На втором этапе вам будет преложено выбрать стиль сайта, который, кстати, можно будет затем создать самостоятельно. Стилей сайта не так много - чуть больше 30, и многие из них потребуют ручной корректировки. Однако не бойтесь этого-такова судьба всех создателей сайтов. Ну а на третьем этапе вам будет преложено ввести контактую информацию для автоматической генерации некоторых страниц. Этот шаг рекомендую пропустить. После нажатии кнопки Finish вы попадёте в гланое окно NetObjects Fusion, где находятся меню и панель режимов работы. В рабочем поле вы увидите карту вашего сайта в вмде закруглённых прямоугольников. Обратите внимание, здесь есть ответвления на второй и третий уровни. Таких уровней может быть сколько угодно. Это поможет вам не заблудится в структуре вашего сайта и связать содержание страниц логически. В маленьком окошке Properties вы сможете давать страницам названия (только на английском!), присваивать им заголовки, указывать надписи на кнопке или баннере (об этом немного позже!), а также указывать расширение создаваемой страницы (htm, html или shtml); в списке выбирать стиль (главной, страницы первого уровня или основной страницы); на второй вкладке можно указать, завершена ли страница, или нет, а также, надо ли публиковать её или нет. Завершённые страницы помечаются белым крестиком, а непубликуемые-красным кружком.
Теперь вы можете смело создавать структуру вашего сайта, “ветвить” его, как только вам удобно. Для того, чтобы перейти к странице, надо кликнуть по ней два раза мышкой, а чтобы удалить -один раз кликнуть мышкой и нажать клавишу delete.
Это всё про режим работы Site. Теперь, вкратце про другие режимы работы. В режиме Services размещена информация про программу и поддержку; режим Page служит для редактирования всех страниц; режим Style позволяет выбирать стиль для сайта или создать свой; режим Assets содержит список всех рисунков и ссылок сайта; режим Publish позволяет задать структуру публикации сайта (задать, в каких папках будут размещаются какие файлы). Справа от режимоа работы размещаются кнопки New Page (создаёт новую страницу); Preview Site (показывает сайт в броузере); Publish Site (размещает в указанной папке все нужные файлы, готовые к публикации). После “локальной публикации” сайта вы можете сразу разместить файлы на любом бесплатном сервере, и сайт станет доступным для посетителей. Как это сделать, рассказано на странице “сервисы для вашего сайта”.
Ну а теперь соталось рассказать лишь про редактирование страниц сайта в режиме Page. Все остальные режимы понятны сразу и пояснений не требуют. Итак, после того, как вы выбрали страницу, на будет доступна для редактирования. В окне есть всего лишь окно Properties, необходимое для редактирования свойств объекта и панель с компонентами для работы. Всё очень наглядно и просто. Обратите внимание, на странице есть облясть, ограниченная серыми линичми с надписью “Layout”. В этой области помещайте те объекты, которые должны быть индивидуальными для каждой страницы, а вне её-те, которые будут одинаковыми для каждой страницы. В режиме Site вы можете выбрать для каждой страницы четыре вида дизайна одинаковых элементов страницы. Например, можно для одних страниц сайта сделать одну панель навигации, для других-другую. Это очень удобно, поскольку панель навигации и логотип сайта обычно одни и те же на всех страницах. Можно изменять положение и размеры области Layout с помощью серого бегунка на разметочной линейке.
Теперь, после того, как вы определились с местом навигационной панели, логотипа и баннеров, осталось заполнить страницы содержанием. Среди оригинальных компонетов следует отметить возможность автоматического создания панели навигации (как вертикальной, так и горизонтальной), для кторой можно применять как страницы данного уровня, так и страницы дочернего уровня. Также можно поместить стандартный большой баннер с названием страницы. На кнопках и баннере помещаються те надписи, которые вы задали в свойствах страницы, в окошке Custom Names.
После заполнения страницы компонентами, одинаковыми для всех страниц, пора приступать к заполнению страниц их собственным содержанием. Предназначение всех компонентов, на мой взгляд, абсолютно понятно. Здесь есть Text, Picture, Table, Form, Navigation Bar, Banner, Draw (рисует прямоугольник, круг или многоугольник), Line (линия, привязанная к стилю, стандартная линия, нарисовать линию).
После заполнения страницы можно просмотреть её в режиме Page Preview (во всроенном броузере) или в Internet Explorer (кнопка “Preview Site”). Вкладка HTML Source служит для ручного редактирования кода страницы (HTML). Для начинающего он практически не нужен.
Теперь несколько слов о создании своего стиля в режиме Style. Если вас не устраивают стили, поставляемые вместе с NetObjects Fusion, то вы можете создать свой. Для этого щёлкните на кнопке “New Style”. Вы можете клонировать один из стилей или зоздать абсолютно новый. Для нового стиля вы можете задать фон, навигационные кнопки, баннер, маркеры списка, а также линию стиля. При создании дизайна сайта очень важно обратить внимание, чтобы была выдержана цветовая гамма. При создании списков удобно чередовать два цвета, чтобы лучше воспринималась информация. Удобно также размещать самую свежую информацию на главной странице вашего сайта. Лучше всего использовать мягкие цвета: синий, голубой, зелёный, чтобы лучше читалась информация. Основной текст лучше всего помещать на белом фоне.