FrontPage как из шаблона сделать сайт

Сделать сайт из шаблона это достаточно лёгкая задача, но одно дело редактировать шаблон вручную используя текстовый редактор типа Блокнот, и совсем другое дело взять в руки такую программу как Microsoft FrontPage. Объясню детали для тех, кто до этого ни когда не сталкивался с подобного рода задачами Microsoft FrontPage просто необходимость, а не каприз, поскольку только с ним вы сможете решить подобную задачу без углублённых знаний html, css и подобных вещей…

Почему именно он, да потому что эта программа проще некуда, с ней сможет справиться даже ребёнок и при этом получить необходимый результат. Хотелось бы объяснить, что конечно эта программа и легка в использовании и всё такое, но для создания профессиональных сайтов она всё же не годится. Но поскольку нашей целью является ни это, мы не будем останавливаться на этом…

Скачать Microsoft FrontPage 2003 вы можете по этой ссылке: http://depositfiles.com/files/81cgnrowa

Итак общий вид программы следующий:

Очень похож на обычный текстовый редактор Word…

Для начала работы распакуем архив с шаблоном в ту папку в которой будет ваш будущий сайт. Теперь откроем главную страницу шаблона как правило она называется index.htm или index.html это не важно, для этого в программе заходите в закладку Файл->Открыть или сочетанием клавиш Ctrl+O и находим папку с распакованным шаблоном.

В данной программе можно использовать 3 режима работы с сайтом:

Конструктор – это режим когда ты просто чертишь таблицы, забиваешь текст и вставляешь графику, ни какого кода ты не видишь и не влезаешь в подробности…

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

Код – это соответственно тот режим при котором ты видишь перед собой только html код и не чего больше… Этот режим естественно больше подойдёт опытным пользователям.

Просмотр – а здесь ты будешь видеть как твой сайт, твоя страница будет смотреться в интернете…

Теперь пора перейти к правке вашего шаблона и превращению его в полноценный сайт.

Итак начнём с редактирования текста, здесь всё просто в окне Конструктор находим текст шаблона, который вы хотели бы заменить и просто выделяем его и пишем свой текст, он сам добавит ваш новый текст в html код. Для редактирования текста нам понадобится стандартная панель. Здесь есть маленькая панель в которой все основные функции, просто как в Word:

Идем дальше, теперь нам необходимо научится вставлять изображения, здесь опять таки всё просто, нажимаете правой кнопкой мыши на то изображение которое вы хотите заменить, в появившемся меню нажимаем Вырезать, а теперь на место того изображения которое вы удалили, вставим новое, для этого жмем на закладку Вставка->Рисунок->Из файла и в появившемся окне находите то изображение которое вам необходимо вставить…

Теперь нам необходимо научиться делать ссылки, это один из наиболее важных моментов, поскольку на гипертекстовых ссылка построен весь интернет.

Чтобы создать ссылку нам необходимо выделить фрагмент текста будущей ссылки или изображение и нажать на кнопку в панели инструментов:

И перед вами появится следующее окно:

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

Следующий важный момент который вам необходимо усвоить это как делать другие страницы для вашего сайта… Здесь как говорится всё гениальное просто, вам просто необходимо убрать лишний текст который не будет присутствовать на других станицах, и зайти в закладку Файл-> Сохранить как.. и использовать как шаблон для новых страниц и каждый раз как вам будет нужна новая страница на сайте вы открываете её и сохраняете под другим названием которое вам необходимо, например news.html и т.д.

И последнее, что нам необходимо освоить это таблицы, для них в программе отведена целая закладка которая так и называется Таблица, заходим туда и выбираем второй пункт:

И перед вами появится маленькая панель создания и редактирования таблиц:

Здесь хотелось бы отметить несколько основных и интересных моментов, очень удобная и интересная кнопка «Показать параметры макета», с помощью ее вы можете узнать показатели длины и высоты таблицы в пикселях, очень удобно если вы используете шаблон сайта и не знаете какие параметры таблицы были заложены изначально… Далее основные инструменты создания и редактирования таблиц это «Нарисовать таблицу» и «Ластик» здесь все просто как в обычном текстовом редакторе Word, я думаю нет смысла разжёвывать это… Ну и последний основной элемент который вам может потребоваться это «Объединить и Разбить ячейки»… Остальные функции я думаю будут ясны без объяснений, ну а если что вам всегда поможет великий метод «Тыка» :)

Дата публикации:2009-05-08

Буду очень признателен, если вы поделитесь ссылкой на страницу со своими друзьями в социальных сетях.
Если у вас возникнут вопросы по теме пишите, надеюсь у вас все получиться, удачи вам и всего наилучшего!