Начинаем работу с программой WebPageMaker

Для того, чтобы приступить к работе над сайтом, нам нужен непосредственно сам конструктор WebPageMaker, а также некоторые заготовки: название проекта, разделы меню, ориентировочное количество страниц и возможно уже готовые тексты, хотя бы для главной страницы.

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

   

























Шаг 1.
Открываем конструктор и в верхней строке панели нажимаем на "Файл", в выпадающем списке выбираем "Новый сайт из шаблона" (рис.1)

Шаг 2.
Перед вами откроется папка с шаблонами, просмотрите их все и нажмите на картинку понравившегося и затем на "OК" (рис.2). После этого выбранный шаблон переместится на рабочее поле главной страницы и можно приступить непосредственно к его редактированию.
рис.1
рис.2
Шаг 3.
Рекомендую сразу включить отображение сетки на странице, это поможет нам ровненько расположить все объекты относительно друг друга.

Для этого идем в "Правку" и в выпадающем списке выбираем строку "Показать сетку " (рис.3). Теперь наша страница похожа на тетрадный листок в клетку.

Шаг 4.
А теперь начинается самое интересное... Мы приступаем к превращению шаблона в симпатичный сайтик. Начнем конечно же с шапки сайта.

Первым делом уберем шаблонный логотип (название) и вставим свой. Для этого нажимаем правой кнопкой мыши на названии логотипа. И что же мы видим? Шаблонный логотип взят в рамочку и одновременно открылось контекстное меню, где нам надо выбрать строку "Вырезать". Нажав на нее, мы видим, что логотип бесследно исчез.

Теперь вместо него вставляем свой. Каким образом? Элементарным. Выбираем в панели иструментов вот такой значок        . Нажав на него, курсор превратился в крестик.

Щелкаем крестиком на любом месте шапки сайта, перед нами появится вот такой прямоугольничек (рис.4). Двойным щелчком левой кнопкой мыши внутри этого прямоугольника мы вызываем текстовый редактор. Имеет он вот такой вид (рис.5).
рис.4
рис. 5
Шаг 5.
Как видите данный текстовый редактор почти ничем не отличается от распространенного Блокнота, те же инструменты для форматирования и та же легкость в использовании. Поэтому смело набираем свой логотип (название). Если ваше название не длинное (несколько слов), то набираете его одной строкой. Если же хотите его разбить на несколько строк, как у меня, например, то разделяете нужные слова клавишей ENTER.

Теперь давайте отформатируем ваше название. Выберем размер шрифта покрупнее, для начала поставьте 28 и посмотрите, что получилось, возможно придется еще увеличить или наоборот, уменьшить. Можно изменить цвет шрифта, для этого нажмите значок            . Из открывшейся палитры выберите нужный цвет (рис.6).
рис.6
рис.7
рис.3
А с помощью данных значков                       текст вашего названия можно сделать полужирным, курсивом или подчеркнутым. Вот как это будет выглядеть на практике (рис. 7). Для этого сначала выделяете нужное слово (текст), а затем нажимаете на подходящий значок. Для того, чтобы отключить действие данного значка, нажмите на него еще раз.

По завершении своих экспериментов нажимаете  "OK". После этого ваш логотип появится в рамочке на том месте, где вы щелкали крестиком, только не целиком, а в урезанном виде. Не переживайте, сейчас мы это легко исправим. Для этого подводим курсор к боковой границе и когда он примет вид двухсторонней стрелочки, начинаем растягивать. Также поступаем и с остальными границами.

Теперь готовую надпись можно переместить в любой район шапки, кликаем на ней левой кнопкой мыши и не отпуская ее, перемещайте свой логотип куда-угодно. Ну вот, шапка сайта готова и мы переходим в следующий раздел "Создание меню сайта".
Пошаговое руководство для новичков по созданию,
раскрутке и монетизации собственного сайта.
WebPageMaker, Wordpress, Joomla - инструкции для
новичков по установке CMS и шаблонов к ним.
                                               Добро пожаловать в проект "Сайт с нуля" !
Прежде всего данный проект предназначен для тех, кто пытается создать сайт самостоятельно, то есть для новичков. Соответственно, вся информация изложена доступно, все этапы построения сайта сопровождаются скриншотами, что позволит начинающим вебмастерам быстро и просто освоиться в этом нелегком вопросе.
Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, Adobe Muse, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.

                               Всем желаю удачи и смелых воплощений идей на вашем сайте !
2010 - 2020 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla -  русские версии.
Автор и администратор  данного проекта - SvetLana_TSV.  Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.
Проект для новичков
Хочешь быть на шаг впереди и первее
остальных получать новые материалы
сайта? Тогда не забудь оставить свои
координаты: имя и электронный адрес!
Полезные материалы:
Главная       Скачать       Уроки        Новости        Статьи        Контакты        Карта сайта
??????.???????
ПОДРОБНЕЕ

Не забудь заглянуть в свою почту и подтвердить подписку!