Создание своего сайта с помощью программы FrontPage

Автор: Кузьминич Евгений.

Программа FrontPage была мною выбрана не случайно, когда я начинал постигать премудрости сайтостроения, то у меня хватало головной боли о том, чем заполнить свой сайт, где его разместить (какой выбрать хостинг), понять как его раскручивать, научится зарабатывать и еще миллион всяких как, где и почему. Например то, что куча народу зарабатывает в какой то там САПе для меня было пустым звуком, я не представлял как это делается. Поэтому тратить время еще и на освоение сверх навороченных редакторов я не мог. Я не говорю, что FrontPage лучше всех, вовсе нет, я говорю, что мне проще было его освоить, т.к. его интерфейс во многом напоминает обычный Word.

Для начала установите саму программу FrontPage, желательно русскую версию. Если у Вас ее нет, то поищите на сборках с Офисом, обычно она там есть. Только ищите версию Офиса 2003.

Далее, запускаем программу и выбираем в меню [Файл - Создать]  справа откроется меню, в котором необходимо выбрать в разделе [создать вебузел] гиперссылку [другие шаблоны вебузлов], жмем на нее левой кнопкой мыши. В открывшемся окошке выбираем [пустой вебузел].

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

Для начала создадим первую страничку. Для этого в верхней части левого раздела находим маленькое изображение белого листа бумаги, при наведении на него мышкой, должна появится надпись [создать страницу]. Жмем на эту кнопку, в корневом каталоге Вашего сайта появится первая страничка, по умолчанию она будет называться index.htm т.к. это первая страница. FrontPage сначала создает главную страничку, а уже потом остальные с произвольным названием. Аналогично создаем необходимое количество страничек, не обязательно создавать все сразу, их можно добавлять и удалять из проекта в любой момент.

Теперь при двойном клике мышкой на каком либо файле, в правом окне откроется поле редактирования страницы.

В правом окне внизу есть четыре очень нужные вкладки, рассмотрим их все:

  1. [Конструктор] - основное рабочее состояние, отображает наш документ и мы можем редактировать его как простую страницу в "ворде". Вот тут Вы и почувствуете преимущества такого визуального редактирования, Вы просто пишите текст, вставляете фотографии, гиперссылки, размечаете страницы, а программа сама дополняет все это html кодом. Как же нам увидеть реальное содержимое нашей web странички, для этого существует следующие две вкладки.

  2. [С разделением] и [Код] - показывают настоящий код страницы, вместе с тегами, скриптами и т.д., отличаются тем, что на вкладке [С разделением] Вы увидите не только код, а еще и вкладку [Конструктор], экран разделится на две горизонтальные части. Вкладка с разделением, очень пригодится, если Вам нужно вставить определенный код, который не видим глазу. Например код на языке PHP, который Вы получите на бирже ссылок. Для этого в визуальной части тыркаете мышкой в нужном участке Вашей страницы, а в окошке с отображением кода, курсор автоматически переместится в место, которое соответствует тому участку, куда Вы тыркнули мышкой. Тут проще попробовать и Вам сразу станет понятней.

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

Перейти к разделу Сайт на Front Page часть2

 

Главная страница

Зарабатываем деньги:

Где заработать??? обзор рыбных мест.

 

Разное

Наш сайт в каталогах

 

 

Написать письмо вебмастеру folvarok@mail.ru

Использование материалов данного сайта разрешено при условии обязательной гиперссылки на данный ресурс. Авторские права на данный ресурс принадлежат Кузьминичу Евгению.

февраль 2010г.