Меню

Web page maker настройка



Web Page Maker

Справка

Содержание

Создание страниц

Для установки кодировки дважды щелкните по странице, появится окно Свойств страницы ( Page Properties ). Выберите вкладку Appearance , в строке Character Set откройте раскрывающийся список, выберите User Define , напечатайте в строке Windows-1251 (кодировка для русского языка).

Первая страница сайта ( Index ) создается по умолчанию и открывается при открытии программы.

Для создания последующих страниц сайта используйте меню Page или панель Site Contents (справа).
Чтобы показать или скрыть эту панель, нажмите F8.

Используя кнопки панели, можно добавлять страницу, клонировать страницу (создавать копию), удалять страницу, добавлять в состав сайта импортированную html-страницу.
С этой панели также можно перемещать страницы вверх — вниз в списке страниц.

Чтобы создать пустую страницу, щелкните кнопкой New Page на панели Site Contents. Появляется новый пустой файл. По умолчанию, Производитель Web-страницы назовет его «page2».

Вы можете также создать страницу, делая копию существующей.
Для этого щелкните по кнопке Clone Page на панели Site Contents .

Чтобы удалить web-страницу, щелкните по ней на панели Site Contents .
Щелкните кнопкой Delete Page на вкладке Pages .
Нажмите OK , чтобы подтвердить, что Вы хотели бы удалить файл.
Отметьте: Это — постоянное действие и не может быть отменено.

Для импорта html-страницы щелкните по кнопке Import HTML Page .

В Web Page Maker размеры страницы (ширина и высота) не задаются цифровыми значениями, а определяются содержимым страницы.

Таким образом, чтобы расширить страницу, раздвиньте объекты на страницы. И наоборот, чтобы сделать ширину страницы меньше, расположите объекты более компактно.

Если Вы решите применить таблицу как каркас для размещения объектов в ячейках таблицы, то в этом случае можно определить размеры таблицы ( т.е. и размеры страницы) числовыми значениями. См. Таблицы .

Для установки свойств страницы дважды щелкните по странице (но не по объекту на странице), чтобы открыть диалог Page Properties (Свойств Страницы).

В окне Свойств Страницы есть пять вкладок: Meta Tags, Background, Appearance, Page Transition и Header.

На вкладке Meta Tags устанавливается Title -Заголовок, Author -Автор, Keywords -Ключевые слова.
Ключевые слова вводятся через запятую и используются интернет-поисковыми серверами.
Description -Описание. Эта информация может использоваться интернет-поисковыми серверами, чтобы найти соответствующие документы в специфической категории или в соответствии с запросом поиска.

Указание генератора (программы-создателя):
Web Page Maker автоматически вставляет в раздел метаданных такой код:

При необходимости этот код можно удалить.

На вкладке Background выберите фоновое изображение для Вашей страницы. Вы можете также выбрать звуковое сопровождение, которое будет играть, когда посетитель рассматривает Вашу страницу. Фоновое изображение и музыка выбираются на вашем компьютере.

Опция Fixed Background (Неподвижный Фон) установит фон так, чтобы он не прокручивался при прокрутке страницы и оставался неподвижным.

Для звукового файла проверьте флажок Loop , если Вы хотели бы, чтобы файл играл непрерывно.

На вкладке Appearance устанавливается расположение страницы на экране. Большинство всех web-страниц устанавливается слева и вверху.
Некоторые страницы выглядят хорошо, когда установлены по центру (выберите Center), однако web-браузеры Netscape не поддерживают центральное расположение страницы.

В разделе Character set устанавливается набор символов (или «language encoding- «языковое кодирование»). По умолчанию используется Western character — Западный набор символов (ISO-8859-1).
Если документ содержит незападный текст, Вы должны определить соответствующее языковое кодирование для документа. Измените «character set» на «User Define» (набор символов пользователя) и напечатайте Ваше языковое кодирование.

Русские кодировки: Windows-1251 (Cyrillic Alphabet — Windows), KOI-8R, KOI-8U, ISO-8859-5 или UTF-8.

На вкладке Page Transition определяются эффекты перехода, когда посетители сайта открывают или закрывают страницу. Вы можете установить различный эффект для четырех событий.

Вкладка Header используется, чтобы ввести свою информацию заголовка для текущей страницы. Используйте эту функцию, чтобы ввести заказной CSS, JavaScript, и т.д. Пользователь ответственен за введение правильного кода.

Источник

ВОЗМОЖНОСТИ ПРОГРАММЫ WEB PAGE MAKER

Web Page Maker — это очень простой инструмент для создания WEB — страниц. С его помощью можно создать страничку даже не обладая никакими знаниями HTML. Просто перетаскивать мышкой на рабочее пространство программы изображения, текст, музыку и видео. Во время работы можно с лёгкостью передвигать объекты по всей странице. Web Page Maker содержит несколько высококачественных шаблонов, которые помогут начать работу. Также вместе с программой поставляются различные эскизы, Java — скрипты, таблицы, формы и т.д. В программу встроен FTP-менеджер, с помощью которого можно опубликовать свой сайт в интернете. Программа настолько проста, что можно создать в ней сайт за очень короткое время.

· Не требуется знаний HTML и никакого опыта создания веб-страниц.

· Перетаскивание объектов — WYSIWYG дизайн.

· Возможность создавать сайты со многими страницами и, одновременно, элементарно ими управлять.

· Создание неограниченного количества сайтов.

· Наличие шаблонов веб-сайтов.

· Возможность использования каскадных таблиц стилей (CSS), чтобы контролировать отображение текста на вашем сайте.

· Сотни функций: эскизы, эффекты при наведении мыши, сценарии Java, таблицы, формы, фреймы и так далее.

· Возможность опубликовать все страницы вашего сайта одновременно, благодаря встроенной функции публикации.

· Совместимость со всеми видами браузеров, включая Netscape, Mozilla, Opera, а не только Internet Explorer.

Окна и панели инструментов

Рисунок 1 — Главное окно

Читайте также:  Цифровое аудио s pdif настройка

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

Рабочее окно отображает текущий документ, над которым можно работать. Это пространство, на которое можно перетаскивать (Drag and Drop) различные объекты.

Панель сайта позволяет управлять страницами на вашем сайте. Для открытия или отображения панели необходимо нажать F8.

На Вкладке страниц есть кнопки для добавления, клонирования (дублирования) и удаления страниц сайта. Здесь в виде списка показаны все страницы сайта.

Для переименования необходимо выбрать страницу, нажав правую кнопку мыши и щёлкнув Переименовать, затем ввести новое имя. При опубликовании проекта в сети странички будут носить то же имя, что и в панели сайта. По умолчанию имя первой страницы проекта — index. При опубликовании будет создан файл index.html. Домашняя страничка должна начинаться с index.

На Вкладке элементов отображаются все компоненты, входящие в текущую страницу списка.

Источник

Web Page Maker — лучший конструктор для начинающих

Приветствую Вас, друзья!

Давно обещал рассказать про данную программу. Вы новичок, Вы только начинаете, у Вас проблема с созданием страниц захвата, продающих сайтов. Начните с Web Page Maker . Это удивительный конструктор для новичков и не только. Лично я давно пользуюсь данной программой и чем больше углубляюсь в ее изучение, тем больше интересного нахожу. Некоторые думают, что проще купить плагин и делать свои странички, но:

  1. -у любого плагина есть ограничения и Вы не всегда можете сделать так, как хочет Ваша фантазия
  2. — интернет сегодня набит «братьями» и «сестрами» — близнецами, с одинаковой графикой и одинаковым исполнением. А Ваша индивидуальность, Ваш бренд и узнаваемость.
  3. — время, потраченное на изготовления той же страницы захвата – не факт. Думаю, что используя Web Page Maker, Вы потратите время столько же.

Посмотрите ролик, Вы увидите еще раз некоторые тонкости использования данной программы.

Да, забыл про еще один большой плюс:

-странички или сайты, созданные с помощью Web Page Maker, легко редактируются и не нужно лезть в коды Html, не нужны дополнительные программы и ни какого риска испортить шаблон.

Ссылку на скачивание программы

Установка Web Page Maker

Берите на вооружение. Пользуйтесь, создавайте свой бренд.

«Если тебе кажется, что родной стране нет до тебя никакого дела, то попробуй хоть раз не заплатить налоги.»

Если Вам понравилась статья, поделитесь с друзьями — Буду Вам благодарен!

Заходи, пообщаемся!

25 комментариев: Web Page Maker — лучший конструктор для начинающих

Блог — это одно, а целевая страница совершенно другое, как по структуре, так и по содержанию.

Кто то может сказать , а можно сделать блог с множеством картинок и музыки в этой программе ?)и конечно страничек.

Отличная статья! Много полезного для себя подчерпнула!

Да и вообще, nevcomer.ru — очень хороший сайт!

Спасибо Вам и хорошего всем настроения!

Смотрите внимательно ролик. Распакуйте архив правильно, в отдельной папке — там есть всё!

Здравствуйте Михаил. Извините меня за упрямство. Но у меня только русификатор, справка и программа запуска WPM 3.21. Специально сделала скрин папки, но не вижу как его здесь добавить. :- (

Не знаю, как Вы распаковали, но там все в комплекте и keygen есть

Здравствуйте, Михаил. Я распаковала данный вами архив, но он немного не такой, как в видео. И там нет программы для подбора ключа. Скажите пожалуйста, где её взять? Спасибо.

доброго времени суток!подскажите что с кадировкой?ставишь utf8 получвтся абра казябра,

в самом коде пробовал ничего не меняеся. заранее спасибо

доброго времени! подскажите что может быть с кадировкой?? меняешь ее на utf8 а получается абра казябра ?в коде меняешь ничего не меняется. заранее спасибо

Источник

Как создать сайт-визитку в программе Web Page Maker

Одной из самых понятных и удобных программ для создания простых сайтов является Web Page Maker, о нем, в основном, и пойдет речь в этой статье. Мы разберем создание с нуля реального действующего сайта с помощью этой замечательной программы.

Предыстория

Моим хорошим знакомым понадобился сайт. Недавно открыли кафе, работа налаживается, постоянные посетители есть, но хотелось бы по максимуму использовать площади и заполнить «окна». Рекламу в печатных изданиях давали, теперь решили рассказать о себе в интернет. Дело хорошее.

По результатам беседы с хозяевами заведения выясняю, что сайт требуется небольшой, но информативный. Останавливаемся на пятистраничной визитке с соответствующими разделами: о кафе, меню, банкеты, доставка, контакты. Задаю уточняющие вопросы о режиме работы, особенностях кухни, вместительности залов и предоставляемых услугах — то есть, обо всем, что будет отражено в контенте. Общая картина постепенно вырисовывается. Попутно выясняю, что есть полтора десятка фотографий помещения и сервировки, которые можно использовать в проекте, увы, не на цифровом носителе. Пожелание клиентов — не брать темный фон в качестве основы. Визитки с темным фоном у них уже есть, выглядит стильно, но мрачновато.

Согласование макета и выбор имени сайта

К следующей встрече с заказчиком продумываю структуру сайта, рисую макет и подбираю цвета.

Читайте также:  Микромакс е 313 настройки

В целом, с незначительными изменениями, макет принят.

Затем рассматриваем варианты подходящих имен в доменной зоне RU, проверяем их через whois сервис. Однословные имена давно заняты, поэтому работаем, в основном, с двухсловными — их достаточно. С учетом дальнейшего естественного продвижения будущего сайта останавливаемся на варианте kafe-voronezh.ru Тут же регистрирую выбранное доменное имя.

Можно приступать непосредственно к созданию сайта.

Подготовка графических элементов

Взятые у заказчика фотографии сканирую и сохраняю на диск. Все дальнейшие манипуляции с ними будем производить в программе Photoshop.

Шаблонные варианты вставки изображений в контент известны: прямоугольник с рамкой или без, прямоугольник со скругленными краями, прямоугольник с тенью. Хотелось бы этого избежать. Попробуем придать изображениям оригинальный вид.

Последовательность действий с каждым отдельно взятым изображением будет такова:

1. Открываем фотографию в Фотошопе.
2. Уменьшаем размер изображения до необходимых значений ( Изображение — Размер изображения).
3. Выбираем инструмент Прямоугольная область ( клавиша М) и с одинаковым отступом от всех сторон изображения вручную выделяем область.

4. Выбираем режим Быстрой маски ( клавиша Q).

5. К выделенному участку рамки применяем команду Фильтр — Штрихи — Аэрограф, выбирая подходящую к случаю длину штрихов и радиус разбрызгивания.

6. Выходим из режима Быстрой маски ( клавиша Q).
7. Инвертируем выделение ( Выделение — Инверсия).

8. Удаляем выделенную область (клавиша Delete).

9. Сохраняем полученный результат в виде файла формата PNG.

Cделаем несложный логотип для сайта.

1. Создаем новый документ ( Файл — Новый) размером 235х30, в нем и будем работать дальше.
2. Заливаем слой Заднего плана фоновым цветом из шаблона.

3. Последовательно создаем три текстовых слоя и размещаем их друг относительно друга.

4. К каждому из текстовых слоев последовательно подбираем начертание и размеры шрифта, а также межсимвольный интервал, чтобы наш логотип занимал всю отведенную ему область.

5. К каждому текстовому слою добавляем эффект падающей тени ( Слой — Стиль слоя — Тень).

6. Подбираем цвет шрифта в каждом текстовом слое.

7. Удаляем Задний план или делаем его невидимым, отжав «глаз» на соответствующем слое.
8. Окончательный вариант сохраняем как проект в формате PSD на тот случай, если понадобится в будущем внести в него правки, и как файл в формате PNG — для дальнейшей работы.

Как видите, создание простых логотипов под силу каждому. Поэтому я не стал выносить этот небольшой подпункт в тему отдельной статьи и «растекаться мыслью по древу». При желании и творческом подходе вы сможете самостоятельно найти немало оригинальных решений в каждом отдельно взятом случае. Фотошоп вам в руки.

Создание слогана в шапку происходит аналогичным способом. Создаем новый документ нужного размера, добавляем текстовый слой, тень к нему, играемся со шрифтами и цветами, стараясь попасть в общий стиль оформления сайта. Результат тоже сохраняем в формате PNG.

Настройка проекта

Настал черед создания самой страницы. Воспользуемся визуальным редактором для создания сайтов Web Page Maker. Выбираем пункт меню Формат — Свойства страницы.

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

Переходим на вкладку Фон, ставим галочку напротив надписи «Фоновый рисунок» и с помощью кнопки «Обзор» показываем путь к файлу с картинкой-фоном. Этот пункт приведен в качестве примера вставки фона-изображения, которое также можно зафиксировать относительно окна браузера. Если в качестве фона выступает картинка с однотонной заливкой, как в нашем случае, то цвет фона можно задать вручную (следующая вкладка окна Свойств страницы).

На вкладке Вид выбираем выравнивание страницы по центру окна браузера, устанавливаем значение фона и цвета текста и ссылок по умолчанию. На этой же вкладке необходимо выбрать пункт «По умолчанию» и в поле справа ввести ручками windows-1251. Нужно будет выбрать эту кодировку и в настройках сайта на хостинге (у меня по умолчанию стояла UTF-8).

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

Последняя вкладка Заголовок нам сегодня не пригодится, но при желании можете поэкспериментировать и с ней.

Верстка страницы в визуальном редакторе

1. Добавляем блок контента. Меню Вставка — Фигура — Скругленный прямоугольник.

На получившейся фигуре щелкаем правой кнопкой мыши и переназначаем свойства фигуры — отступы, размеры, цвет заливки, радиусы скругления. Для этого в окне Свойств фигуры имеется две вкладки — Общее и Цвет и границы. Ширину страницы я выбрал равной 980 точек, чтобы сайт впоследствии удобно было просматривать и на нетбуке с разрешением экрана 1024х600 и на больших разрешениях мониторов. В частности, именно на нетбуке сейчас, шаг за шагом создается сайт и пишется этот текст. В итоге манипуляций со свойствами, методом проб и ошибок получаем следующее:

2. Добавляем к блоку контента меню путем выбора из имеющихся в программе вариантов: Вставка — Панель навигации. Я выбираю подходящее по цветовой гамме решение.

Читайте также:  Legend of zelda skyward sword настройки

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

3. Оформляем шапку сайта, размещая над блоками контента и навигации ранее подготовленные файлы логотипа и слогана в формате PNG. Аккуратно все выравниваем на странице. Сделать это можно двумя способами — с помощью мышки, удерживая объект левой кнопкой, или же перемещая выделенный предварительно объект с помощью клавиш управления курсором, удерживая при этом нажатой клавишу Ctrl.

Редактирование блока контента

Добавляем на страницу ранее подготовленные изображения: Вставка — Изображение — Из файлов… Если вы когда-нибудь добавляли картинки на страницу Word-документа, с этой операцией вы справитесь без малейших затруднений.

Таким же образом добавляем текст: Вставка — Текст. Двойной щелчок левой кнопки мыши по контейнеру с текстом открывает простой текстовый редактор, в котором мы имеем возможность выбрать шрифт текста, его размер и цвет, стиль и выравнивание на странице. Вбиваем подготовленный для главной страницы текст, изменяем размер готового текстового блока на странице при помощи мышки, растягивая и сжимая его так, как требуется.

Выравниваем вставленные объекты в соответствии с имеющимся макетом, не забывая периодически сохранять наш проект. Страница практически готова. Осталась самая малость.

Оформление подвала страницы

В подвал сайта вносим информацию о том, кому принадлежит сайт. Делается это также через меню Вставка — Текст. При необходимости вставляем в подвал коды счетчиков: Вставка — Html-код или скрипт-код. Я добавляю скрипт от Rambler и счетчик от Mail.Ru, получить их легко на соответствующих сайтах.

Можно также добавить в подвале ссылку и на собственный сайт. Содержание ссылки — на свое усмотрение, например, такое: Создание и поддержка сайта — Vervekin.Ru

Этого пока достаточно.

Просмотр страницы в браузере

Страница готова. Чтобы понять, как она будет выглядеть в сети интернет, достаточно выбрать пункт меню Файл — Просмотр в браузере или нажать F5. Если все нравится, оставляем страницу как есть, в случае обнаружения недостатков или ошибок — устраняем их.

По образу и подобию

Имея готовую индексную страницу сайта с шаблоном оформления, создать остальные страницы не составит труда. Для этого делаем активным меню программы Страница — Содержание сайта или просто нажимаем F8. Клонируем индексную страницу, полученные клоны переименовываем в соответствии с кнопками нашей панели навигации и правим их содержимое — добавляем блоки с изображениями и текстом. Высоту контекстного блока меняем визуально, подгоняя его под размер содержимого.

Настройка навигации

Теперь нам необходимо связать все будущие страницы сайта в единое целое, обеспечив пользователям понятную навигацию. Для этого снова дважды щелкаем на созданной панели навигации и в ее свойствах (Вкладка Параметры) выбираем тип Страница на моем сайте и заполняем поле URL, выбирая для каждой кнопки название соответствующей страницы. Чтобы связать все страницы, эти действия нужно будет произвести с панелью навигации на остальных четырех страницах.

Экспорт проекта в HTML

Меню Файл — Экспорт в Html позволяет выгрузить нам в выбранную на нашем ПК папку готовый сайт в виде отдельных файлов с расширением .html и папки images со всеми используемыми изображениями. Проверяем работу сайта локально, запустив из папки с выгруженным проектом файл index.html.

Размещение сайта

Дело за малым. Осталось залить сайт каким-либо FTP-клиентом на сервер нашего хостера. Мне удобнее делать это с помощью Total Commander’a. В директорию, выделенную нам хостером под сайт, копируем все созданные программой файлы и папку images. Другой способ публикации сайта, который кому-то, возможно, покажется проще. У Page Maker’a есть встроенный инструмент публикации, все что требуется — настроить его, заполнив все поля. И тогда публиковать проект на сайте можно будет нажатием одной единственной кнопки — F4

Осталось открыть любимый браузер и набрать адрес сайта: kafe-voronezh.ru Все замечательно, все работает! Если в процессе просмотра обнаруживаем какие-то ошибки, в проекте сайта, созданном с помощью программы Web Page Maker, делаем правки, затем снова сохраняем его и выгружаем в HTML. Отредактированный вариант опять же заливаем на хостинг с подтверждением замены всех файлов, там ему и место. Собственно, на этом наша работа над проектом завершена.

Очень надеюсь, что изложенная информация окажется полезной при создании вашего первого сайта-визитки и, возможно, последующих. При всей простоте и кажущемся минимализме Web Page Maker’а, с помощью этой программы можно создавать весьма оригинальные сайты с использованием дополнительных java-скриптов, воплощая собственные нестандартные решения. Дополнительным плюсом в пользу программы будет кроссбраузерность создаваемых ею проектов. Уверен, что при более плотном знакомстве с этой программой у вас появится еще один полезный инструмент для проектирования и разработки сайтов.

Источник

Adblock
detector