Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

Створення односторінкового сайту в програмі Microsoft Office FrontPage

Ну що, приступимо.

1. Підготовка тексту.
Текст для односторінкового сайту повинен бути лаконічний, зрозумілий і грамотний. Пишіть текст у Microsoft Office Word, який відразу показує (підкреслює) допущені стилістичні, пунктуаційні та орфографічні помилки. Якщо ж ви не впевнені в тому, чи грамотно написаний ваш текст, скористайтеся послугами коректора - людини, який за певну плату перевірить і виправить всі помилки (до речі, можу порекомендувати таку людину, якщо потрібно). Пам'ятайте - помилки можуть вплинути на продажу, ваш сайт не сприймуть серйозно.

2. Створення сайту.
Тепер приступимо безпосередньо до створення сайту. Для цього знадобиться програма Microsoft Office FrontPage. Завантажити програму ви можете за цим посиланням. Скачайте файл і розкрийте архів програмою WinRar. Натисніть файл «SETUP.EXE».

Створіть папку для вашого сайту в будь-якому зручному для вас місці на комп'ютері. Назвіть папку, наприклад, «Мій сайт».

Запустіть програму FrontPage.

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

зображення можна збільшити

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

зображення можна збільшити

З правого боку знайдіть «Макет сторінки» і виберіть відповідний макет. Я вибрав десятий макет.

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

У першій осередку напишіть заголовок для вашого сайту. Він повинен бути красивим, наприклад «крутих шаблони сайтів для ВАС».

Тепер відцентруйте заголовок. Для цього натисніть на кнопочку «по центру» - (1).
Виділіть заголовок і виберіть шрифт «Times New Roman» з розміром 7 (36пт) - (2).
Виберіть колір - (3).
Виділіть заголовок і натисніть «Центрировать по вертикалі» - (4).

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

зображення можна збільшити

Якщо у вас немає цієї кнопки «Центрировать по вертикалі». тоді перейдіть в меню «Сервіс» => «Налаштування» => «Таблиці». Таким способом ви дозволите додаткову панель.

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

зображення можна збільшити

Тепер потрібно вставити привабливу картинку і форму для замовника «замовити дзвінок».
Отже, перекиньте в папку «images» картинку з невеликими розмірами від «300 х 300px» до «400 х 300px». Ім'я картинки повинно бути на англ. мовою.
Далі, потрібно намалювати додаткову осередок і розбити її на дві частини, для картинки і для кнопки.
Для цього перейдіть в меню «Таблиця» => «Намалювати таблицю». Намалюйте таблицю, як олівцем по папері.

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

Тепер клацніть правою кнопкою мишки по першій клітинці і натисніть на кнопку «Додати малюнок з файлу» - (5) і виберіть малюнок з папки «images».

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

Тепер клацніть правою кнопкою мишки на другий осередок і напишіть текст «Замовити дзвінок». Встановіть шрифт «Times New Roman» з розміром 6 (24пт). Виберіть колір червоний і виділіть його жирним. Встановіть текст по правому краю і натисніть «Центрировать по вертикалі».

У цій же комірці встановимо форму замовлення (красиву форму можна подивитися тут). Для цього перейдіть в меню «Вставка» => «Форма» => «Поле». Натисніть на клавіатурі «Enter». Повторіть цей процес три рази.

Клікніть перед першим полем і напишіть слово «Ім'я». дайте розмір 4 (14пт).
Клікніть перед другим полем і напишіть слово «Ваш email». дайте розмір 4 (14пт).

Ось щось схоже повинно вийти у вас на даному етапі:

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

зображення можна збільшити

В останню комірку вставте підготовлений текст. Бажано, щоб в тексті присутні картинки. Як вставити картинку ви вже знаєте. Щоб текст обтікав картинку з лівого або правого краю, вам потрібно натиснути на зображення подвійним клацанням миші і у вікні, вибрати «зліва» або «справа».

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

Тепер, щоб листи доходили вам на пошту, потрібно зробити обробник. Для цього відкрийте блокнот «Пуск» => «Усі програми» => «Стандартні» => «Блокнот» і вставте ось такий код:

Збережіть файл як «mail.php».

Тепер повернемося до самого сайту. Натисніть внизу зліва на кнопку «з поділом» - (6). У нижньому полі виділіть слово «Замовити дзвінок». так буде легше знайти ось цей рядок:

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

зображення можна збільшити

Замість -WEBBOT-SELF- напишіть «mail.php». Це буде виглядати ось так:

Збережіть документ у папку «Мій сайт». Для цього натисніть в меню «Файл» => «Зберегти як ...» => «Зберегти». Дайте назву файлу «index.html».

Увага: якщо при збереженні в формі відправки action = "- WEBBOT-SELF-" не змінюється на action = "mail.php". тоді збережіть і закрийте файл. Тепер відкрийте його через блокнот і замініть вручну.

У підсумку, в папці «Мій сайт» у вас має бути два файли і одна папка з картинками:

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

Ось такий вийшов кінцевий результат простого односторінкового сайту.

Створення односторінкового сайту в програмі microsoft office frontpage, блог костаневіча степана

Якщо добре постаратися, то можна зробити набагато краще. Ну, моєю метою було навчити вас найпростішого, і, думаю, я з цим завданням впорався. Якщо у вас немає бажання самостійно створювати лише однієї сторінки сайт для бізнесу або для яких-небудь інших цілей, можу запропонувати свої послуги по створенню найпростіших і складних односторінкових сайтів. За роботу візьму не дорого. Для замовлення ви можете скористатися зворотнім зв'язком або формою замовлення.