Опис програми Microsoft Office frontpage. Створення Web-сторінок за допомогою програми FrontPage

Програма для створення сайтів ФронтПейдж- Це справжній помічник не тільки для новачків. Усі сторінки сайту виглядають як код html . Цей код складається з безлічі цифр, літер та символів. Щоб створити сайт, необхідно взяти і написати цей код.

Для цього необхідно досконально розумітися, що означає кожен символ. Звичайній людині зробити це практично нереально. Ось як виглядає ця сторінка сайту у вигляді коду html:

Програма для створення сайтів Фронт Пейдж

Існує спеціальна програмаяка дозволяє створювати сайти без знання коду html . Ця програма безкоштовна і називається Microsoft Office FrontPage. По суті, це візуальний редактор, і ви бачите все, що створюєте в онлайн.

Сайтам, які створені у програмі FrontPage не страшні віруси та хакерські атаки. Копія сайту зберігається у вас на комп'ютері. Будь-якої миті, щоб не трапилося, ви зможете викласти його в Інтернет без жодних проблем.

Завантажити програму Microsoft Frontpage - Уроки для новачків

Це дуже проста у використанні програма. З нею впоратися будь-який новачок. Вона російською мовою і дуже схожа Microsoft Word(Ворд).

Завантажити програму Microsoft Frontpage – безкоштовно

Ось, як вона виглядає після встановлення на комп'ютер:

Завантажте програму Microsoft Frontpageта встановіть. Якщо у вас є навички роботи у програмі Ворд, то у вас не складе ніяких труднощів створювати сайти у програмі Фронт Пейдж. Вона автоматично перекладатиме все, що ви пишіть, у код html .

Я запевняю, що працювати у програмі одне задоволення. Всі уроки на цьому сайті орієнтовані на новачків. Тому і сайт ми будемо вчитися робити у програмі, яка дуже легка у розумінні.

Зараз Ви коротко ознайомилися з призначенням програми. У наступних уроках Ви з успіхом оволодієте її основними функціями та можливостями.

Ви переконаєтеся, що у цій програмі зробити сайт – простіше простого.Не забудьте скачати програму Microsoft Frontpage, ми створюватимемо сайт саме в ній.

Перший вступний урок для новачківВи пройшли успішно. Тепер давайте рухатись далі та почнемо створювати сайт. Для цього перейдіть до наступного уроку. У ньому Ви дізнаєтесь, з яких частин складається сторінка сайту.

FrontPage – це редактор, який призначений для створення сторінок із гіпертекстовим кодом. Ця програма забезпечує створення HTML- тегів, списків, тем оформлення та незвичайних стилів для веб-сайтів.

FrontPage вважається софтом старого покоління та його практично не використовують. Наразі є більш просунута програма для створення гіпертексту – Adobe Dreamweaver.

Багато веб-дизайнерів також використовують SharePoint Designer, який змінив «старий» FrontPage. У FrontPage можна створювати веб-сторінки з неактуальними стандартами гіпертексту. Програма оснащена «деревоподібною структурою» та відображає підказки під час введення тегів.

Функціонал

Цей HTML – редактор стане в нагоді веб-дизайнерам-початківцям, які тільки вчаться створювати сайти початкового рівня. У софті є багато інструментів, які забезпечують створення сторінок з гіпертекстом. Використовуючи FrontPage, ви оформите їхнє графічне оформлення та відповідні теги сайту, які вказав замовник.

Плюс цього редактора – контроль помилок, які допускає користувач під час введення тегів і команд. Програма знайде всі теги, які неправильно введені, і покаже варіанти для виправлення.

FrontPage оснащений інтегрованим набором шаблонів. Не важливо, чи новачок ви чи професіонал, скористайтеся шаблоном і створіть сторінки, заощадивши час. Програма працює як менеджер і забезпечує швидку публікацію створеної сторінки. Якщо у вас виникнуть складні питання щодо роботи з софтом – відкрийте довідку, увійшовши до Google.

Режими роботи

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

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

Працюючи у «конструкторі», ви побачите усі помилки. У цьому режимі можна працювати з картинками та додавати їх у різні місця. Ви можете додавати всі посилання, рамки та інші елементи. Режим коду підходить для перегляду гіпертексту, але не для його редагування.

Ключові особливості

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

FrontPage 2007 - SharePoint Designer 2007

Отже, як я встиг помітити, багато користувачів мережі Інтернет намагаються завантажити російську версію FrontPage 2007. Увага, програма FrontPage тепер називається SharePoint Designer.Тобто. якщо ви хотіли завантажити FrontPage 2007, то вам потрібно завантажити SharePoint Designer 2007. Більше того, з квітня 2010 року програма SharePoint Designer 2007 стала абсолютно
безкоштовною!

Програму можна завантажити з сайту Майкрософт, а тим, кому ліньки шукати, то з депозитфайлс пройшовши за посиланням SharePoint Designer 2007. Отже, що нового?

Особливих труднощів при роботі з програмою SharePoint, у тих, хто працював з FrontPage 2003, виникнути не повинно, т.к. інтерфейс програми мало змінився.

Інтерфейс програми SharePoint Designer 2007

Отже, чи варто переходити на SharePoint Designer 2007 чи краще продовжувати користуватися FrontPage? Впевнений, що вартує. Справа в тому, що після появи програми FrontPage 2003 товариші з Microsoft не спали і внесли багато корисностей в SharePoint Designer 2007.

Наприклад, багаторазово посилено можливість створення каскадних таблиць стилів (CSS). Скажу більше – тепер є можливість створення CSS у візуальному режимі! Тобто. можна бути повним нулем в HTML (мова розмітки гіпертексту) і створювати таблиці стилів для свого сайту.

Завдяки нововведенням код, створюваний SharePoint став набагато чистішим, ніж код FrontPage. Взагалі рекомендую подивитися на один приклад із цього приводу Користувачам FrontPage 2003.

Насамкінець хочу сказати, що вже з'явилася Нова версіяпрограми SharePoint Designer 2010 (можете її називати FrontPage 2010 🙂 Але з нею все не так просто, як із SharePoint 2007, справа в тому, що нова версія програми максимально зав'язана на спільну роботу великої кількостілюдей над одним проектом. Для роботи з SharePoint Designer 2010 необхідно, щоб на сервері було встановлено відповідне програмне забезпечення. Можна попросити хостера його встановити, але ж за це доведеться платити.

Тому, на НаразіДля не дуже вимогливих користувачів підійде саме SharePoint Designer 2007.

Тема 3.3: Прикладні програми для створення веб-сайтів

Тема 3.4: Застосування Інтернету в економіці та захист інформації

Програми для створення сайтів

3.3. Прикладні програми для створення Веб-сайтів

3.3.2. Знайомство із програмою FrontPage

Web-сторінки засновані мовою описи гіпертекстових документів HTML (Hypertext Markup Language). У HTML визначення змісту і формату гіпертекстових документів використовуються команди, які називаються тегами (tags). HTML – сторінки є документами у звичайному текстовому форматі, що містять спеціальні командиформатування (теги HTML).

Щоб створити сайт за допомогою FrontPage, немає необхідності вчити HTML. FrontPage дозволяє досить легко набрати текст, який можна помістити на Web-сторінку, розташувати в необхідних місцях малюнки. Використовуючи FrontPage, можна створювати ефекти, для яких зазвичай потрібні скрипти або DHTML.

Сайт або Web-вузол – це набір пов'язаних між собою близьких за змістом Web-сторінок та файлів. У програмі FrontPage існують майстри, які дозволяють створювати сайт, і шаблони або набір попередньо розроблених текстових та графічних форматів, на основі яких можуть створюватися нові веб-сторінки. Майстри та шаблони FrontPage дозволяють створювати сайти різних типів.

На кожному сайті існує одна Web-сторінка, яка називається головною чи домашньою. Домашня сторінка – перша Web-сторінка, яку потрапляє відвідувач сайту. Використовуючи навігацію або гіперпосилання, користувачі можуть потрапити і на інші сторінки сайту.

Зазвичай, сайт розміщується на Web-сервері – комп'ютері, який надає доступ до Web-сторінок відвідувачам сайту. FrontPage дозволяє створювати сайт безпосередньо в файловій системікомп'ютера користувача, а потім, коли він буде готовий, опублікувати його на веб-сервері.

Після запуску програми FrontPage (Пуск – програми – FrontPage) на екрані з'явиться вікно програми, де відображається нова сторінка (нов_стр_1.htm). В області завдань відображається панель Початок роботи.

Рис. 1.

Вікно прикладної програми FrontPage складається з рядка заголовка, рядка меню, панелей інструментів редагування та форматування, кнопок швидкого вибору тега (для редагування та введення тегів), ярликів вкладок вибору сторінок (для переходу між сторінками), робочого вікна, в якому відображається нова сторінка , панелі малювання, кнопок режимів перегляду, індикатора очікуваного часу завантаження сторінок при швидкості 56 кбіт/с, індикатора розміру сторінок, області завдань.

У програмі FrontPage можна користуватися одним із чотирьох режимів перегляду: "Конструктор", "Код", "З поділом" та "Перегляд". У режимі "Конструктора" як у будь-якому текстовому редакторіможна у візуальному режимі створювати, редагувати та форматувати сторінку, тобто. вводити текст, додавати малюнки, таблиці. При цьому теги мови HTML автоматично додаються до фоновому режимі, але кодування HTML на екрані не відображається.

У режимі "Код" на екрані відображатиметься все кодування і можна безпосередньо редагувати код HTML, а також вводити нові коди. На малюнку представлений HTML – код нової порожньої сторінки у редакторі FrontPage.

Рис. 2.

У режимі "З розділенням" - на екрані відображається Web-сторінка одночасно в режимі Код та в режимі Конструктор. У режимі перегляду Web-сторінка має вигляд аналогічний її відображення у Web-браузері.

Команди, які призначені для роботи з Web-сторінками та Web-вузлами, розташовані в меню Вигляд програми FrontPage:

Сторінка – це режим перегляду та розробки сторінки.
Папки – відображається структура тек поточного сайту.
Віддалений вузол – вузол, який знаходиться на сервері Інтернету.
Звіти – надається зведення про Web – сайт.
Переходи – відображається структура переходів між сторінками сайту.
Гіперпосилання – відкриває список посилань поточної сторінки.
Завдання – відкриває список завдань для поточного сайту

Рис. 3.

Створення Web-сторінок у прикладній програмі FrontPage

Створення нової порожньої Web-сторінки

Якщо при відкритті вікна програми FrontPage у ньому відображається порожня сторінка, Розробку веб-сторінки можна здійснювати на базі цієї сторінки. Якщо при відкритті редактора FrontPage відображається порожнє головне вікно, то для створення нової порожньої сторінки необхідно виконати команду Файл/Створити та вибрати в області завдань Пуста сторінка. У вікні програми з'явиться пуста сторінка. Далі потрібно здійснити розробку сторінки, тобто. виконати розмітку (структуру) сторінки, запровадити текст, малюнки тощо.

Рис. 4.

Створення веб-сторінки на основі шаблонів FrontPage

Створити нову сторінку можна також на базі одного із шаблонів. Для цього необхідно вибрати команду "Інші шаблони сторінок" в області завдань. На екрані з'явиться вікно діалогу Шаблони сторінок, де представлені різні шаблони сторінок за категоріями.

Рис. 5.

Створення веб-сторінки на основі наявних Web-сторінок у ПК

Створити веб-сторінку можна і на основі наявних, на комп'ютері веб-сторінок. Для цього необхідно в області завдань вибрати команду «З наявної сторінки» і у вікні діалогу вибрати потрібну сторінку. Далі можна зробити необхідні зміни на сторінці та зберегти її під іншим ім'ям.

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

Створення нового порожнього сайту або створення веб-сайту без вмісту

Для створення нового порожнього сайту треба виконати команду Файл/Створити та вибрати в області завдань команду «Інші шаблони веб-вузлів». Відкриється вікно діалогу Шаблони веб-вузлів, в якому потрібно виділити Пустий веб-сайт і клацнути ОК. У вікні програми FrontPage буде відображатися веб-сайт, який представлений на малюнку.

Рис. 6.

Для створення порожньої домашньої сторінки в новому веб-сайті необхідно перейти в режим Переходи та клацнути на кнопці Нова сторінкана панелі Переходи, у робочому полі з'явиться домашня сторінка (для створення домашньої сторінки можна також використовувати контекстне меню).

Рис. 7.

Двічі клацніть на домашній сторінці лівою кнопкою миші і відкриється в режимі конструктора для редагування (сторінка - index.htm).

Рис. 8.

Далі можна розробити домашню сторінку (створити розмітку або структуру сторінки, ввести текст, малюнки тощо), а потім до домашньої сторінки можна додати сторінки в режимі Переходи. Для цього в режимі Переходи виділіть домашню сторінкуі натисніть кнопку Нова сторінка на панелі Переходи або застосуйте контекстне меню.

Буде додано Нову сторінку 1, яка представлена на малюнку. Далі додайте стільки сторінок, скільки необхідно для сайту, потім сторінки можна перейменувати та змінити порядок їх проходження. Далі на кожну сторінку потрібно ввести зміст або контент (текст, таблиці, малюнки тощо), в результаті отримаємо сайт.

Рис. 9.

Створення сайту на основі шаблону редактора FrontPage

Для створення сайту на основі шаблону виконайте Файл/Створити та в області завдань клацніть команду Веб-пакети, відкриється вікно діалогу Шаблони веб-вузлів.

Рис. 10.

Виберіть потрібний шаблон або майстра для створення нового сайту.

Створений сайт має розмітку та дизайн, але в ньому відсутній контент. Далі на сторінці цього сайту необхідно ввести відповідний текст, малюнки, скрипти, лічильники та інші елементи сайту.

З розвитком Інтернетуз'явився протокол обміну інформацією, протокол називається HTTP (HyperText Transfer Protocol- Протокол передачі гіпертексту). Разом з цим протоколом з'явилася і служба World Wide Web(часто звана WWWабо просто Web), яка є великою мережею серверів HTTP, що передають файли через Інтернет.

Основну частину цих файлів є Web-сторінки– спеціальні файли, написані мовою HTML (HyperText Markup Language- Мова розмітки гіпертексту). Web-сторінкипублікуються в Інтернетішляхом розміщення таких файлів на серверах HTTP (Web-вузли). Зміст Web-сторінокможе бути різним і присвяченим абсолютно довільним темам, але всі вони використовують одну й ту ж основу – мову HTML.
Більшість людей, які бажають створити свій власний сайт або сторінку, знайомі з мовою HTMLтільки з чуток. Тому їм на допомогу може прийти програма Microsoft FrontPageодин з найвідоміших конструкторів сайтів.

FrontPage, входить до пакету додатків Microsoft Office, став першим продуктом широкого використання для Internet, що поєднує в собі клієнтську та серверну частини та забезпечує можливість розробки сайту в цілому та встановлення його на більшість популярних серверів. FrontPageздатний взяти він всю необхідну роботу з програмування. Проте FrontPageстане досить серйозним помічником і для професійних розробників, які віддають перевагу повному контролю над творчим процесом.

Вікно програми FrontPage 2003.

Програма FrontPageвипущена компанією Microsoftі виконана в єдиному стилі продуктів, що входять до пакету Microsoft Officeтому зовнішній виглядпрограми практично не відрізняється від текстового процесора Word .

У верхній частині вікна розміщується рядок меню та дві панелі інструментів: Стандартна та Форматування. Вмикати або вимикати відображення панелей інструментів дозволяє меню Вид.
У лівій частині знаходиться Панель уявлень, за допомогою якої можна перемикати режими документа.
Основну частину вікна займає робоча область, де можуть бути відкриті одне або кілька вікон, що містять окремі документи.
У нижній частині вікна розташовується рядок стану, що містить довідкову інформацію . Також у нижній частині вікна знаходяться три кнопки перегляду документа.
Відображення панелей інструментів.
Для управління панелями інструментів FrontPageможна скористатися тими ж способами, як у Microsoft Word. А саме:
у меню Видтреба вибрати пункт Панелі інструментів, а в новому підменю - встановити прапорцінапроти тих панелей інструментів, які вам потрібні; або натиснути правою кнопкоюмишіза будь-якою панелі керування(або по області поряд з нею) і так само скористатися контекстним меню.

FrontPage, як і інші додатки Microsoft Office, дозволяє додавати, видаляти, міняти місцями пункти меню та кнопки на панелях інструментів. Також є можливість створювати повністю свої панелі.
Для цього треба:

В меню Сервісвибрати пункт Налаштування…
або
в меню Видвибрати пункт Панелі інструментів, а в каскадному меню - пункт Налаштування…
Внаслідок ваших дій відкриється діалогове вікно Налаштування, де можна встановити потрібні панелі.

Створення нової Web-сторінки.

Якщо ви запустили FrontPageотже, нова Web-сторінкау вас вже створено (при запуску FrontPageодразу відкривається нова порожня Web-сторінка, готова для розміщення тексту та будь-яких інших елементів).
Створити нову Web-сторінкуможна й іншими способами:

За допомогою кнопки Нова сторінкана Стандартної панеліінструментів.
меню Файлвибрати підменю Створити, а потім - Сторінкаабо Web-вузол;
за допомогою комбінацій Ctrl+N;
за допомогою контекстного меню(працює у всіх режимах, крім режимів Завдання та Звіти) - для цього всередині Списку папокданого Web) треба клацнути правою кнопкою миші і в тому, що з'явилося контекстному менювибрати пункт Створити  Сторінка.

Створення сторінок за допомогою майстра та шаблонів.

Як уже говорилося вище, якщо для створення нової сторінки ви скористалися меню Файл  Створити  Сторінка або веб-сайт, то FrontPageзапропонує скористатися шаблоном для створення нової сторінки.
Для цього він відкриє діалогове вікно, зовнішній вигляд якого наведено нижче:

На вкладці Загальніданого діалогового вікна виводиться перелік шаблонів FrontPage, доступних зараз. Вибравши будь-який із шаблонів, можна переглянути його опис у поле Зразок.
створіння FrontPage Web.
Microsoft FrontPage Web- це набір Web-сторінок, файли із зображеннями та інші компоненти, які можна розглядати як єдине ціле.
Якщо робити сайт у FrontPage, то для його зберігання найзручніше використовувати FrontPage Web.
найголовніший плюс - це можливість перейменовувати файли, що входять до складу FrontPage Web.
Уявіть собі, що перед публікацією вашого сайту Інтернетраптом ви помітили, що пара файлів у вас названа російськими іменами. - «Тепер по всіх файлах доведеться лазити та посилання ручками міняти!» дуамете Ви. Ось тут і допоможе FrontPage Web- Ви можете спокійно перейменувати файли, а FrontPageсамостійно пройдеться по всіх інших файлах, що входять до FrontPage Webі перейменує всі посилання виправлений вами файл.
всі інші переваги описувати не буду, але хочеться сказати, що для використання всіх можливостей FrontPage, краще використовувати FrontPage Web.
Отже, щоби створити новий FrontPage Webнатисніть на стрілочку, розташовану ліворуч від кнопки Нова сторінка на панелі інструментів і в меню, що з'явиться, виберіть пункт Веб-вузол.

Відкриття веб-сторінок.

Дуже часто під час створення сайту доводиться редагувати вже створені Web-сторінки. До однієї і тієї ж сторінки можна повертатися скільки завгодно раз, щоб її відредагувати або використовувати її частини для створення нових Web-сторінок.

Відкрити вже існуючу Web-сторінкуможна у будь-якому з існуючих режимів.

З режиму Page Viewsє чотири способи відкрити існуючу сторінку:

1 спосіб

Якщо ви працюєте з FrontPage Web, то просто виберіть потрібний файлв Списку папокі двічі клацніть мишею.

2 спосіб

У меню Файл виберіть Останні файли . Виберіть потрібний файл із каскадного меню.

3 спосіб

За допомогою діалогового вікна Відкриття файлу: Файл  Відкрити.

Попередній перегляд.

Для того, щоб подивитися, як ваша сторінка виглядає безпосередньо в браузері, можна скористатися вкладкою Перегляд в режимі редагування Web-сторінки. Але в цьому випадку може виявитися, що браузер FrontPageне цілком коректно відобразить деякі елементи вашої сторінки, тому найкраще:
скористатися кнопочкою на панелі інструментів
або в меню Файлвибрати пункт Попередній просмотр в браузері.

Якщо ви скористалися першим способом, вміст вашої сторінки відобразиться у вбудованому браузері FrontPage.
Якщо ж ви скористалися другим способом, то FrontPageвиведе діалогове вікно Перегляд в браузері…

Тут можна:
Вибрати оглядач, у якому ви хочете переглянути свою Web-сторінку. Як правило, спочатку тут відображається браузер, який за замовчуванням встановлено на машині.
Додати будь-який інший браузер, для чого необхідно скористатися кнопкою Додати.
Редагувати або видалити встановлені браузери.
Встановити розмір екрану, на якому переглядатиметься Web-сторінка

Збереження Web-сторінок.

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

Видалення Web-сторінок.

При роботі з Web-сайтомрано чи пізно трапиться так, що якісь сторінки вам будуть більше не потрібні і захочеться їх видалити.

Існує три способи видалення Web-сторінки.

1 спосіб

У панелі Список папоквиділіть файл, який потрібно видалити і натисніть кнопку Deleteна клавіатурі.

2 спосіб

У панелі Список папокклацніть правою кнопкою миші по файлу(або значок файлу), який необхідно видалити і в контекстному меню виберіть пункт вилучити.

3 спосіб

В панелі Списокпапок виділіть файл, який потрібно видалити, а потім виберіть пункт Видалити в меню Правка.

Робота із текстом.

На перший погляд, введення тексту в FrontPageнічим не відрізняється від введення тексту в будь-якому текстовому редакторі (наприклад, в Microsoft Word).
Для того, щоб набрати текст, достатньо клацнути мишею в будь-якому місці сторінки, і курсор буде поміщений у найближчу точку, до якої можна ввести текст.
Набір великих літер, редагування тексту (видалення символів, вставка тексту і т.д.) проводиться так само, як у Microsoft Word.
Є тільки одне невелике АЛЕ: при натисканні клавіші Enterось FrontPageздійснюється примусовий перехід курсору на новий рядок, при цьому до та після абзацу ставляться фіксовані абзацні відступи.
Якщо вам не треба створювати абзаци, то для переходу на новий рядок найкраще використовувати комбінацію клавіш Shift+Enter.

Робота із зображеннями.

Графічно формати Web.

Всі комп'ютерні зображення, всі формати для їх зберігання (а, отже, і всі програми для їх обробки) поділяються на два великі класи - векторні та растрові. Векторне зображенняскладається з об'єктів - геометричних форм, складених з прямих, дуг, кіл і кривих Безье. Переваг у векторної графікичимало. З погляду дизайнера, найголовніша її перевага полягає в тому, що векторну графіку можна "крутити" як завгодно, не боячись "протерти дірку" у зображенні або втратити частину інформації. Інша перевага - невеликий обсяг файлів (порівняно з растровими зображеннями) та незалежність від дозволу пристроїв виведення (чи то принтер або екран монітора). Ці фактори зробили векторну графікуймовірним кандидатом для використання в Internet. Правда варто обмовитися, що на сьогоднішній момент векторна графіка зустрічається не так часто, як хотілося б.
Тим не менш, серед реально застосовуваних векторних форматів хотілося б відзначити формат Shockwave Flashфірми Macromedia. Для перегляду цього формату браузеріпотрібен модуль, що підключається ( plug-in), що безкоштовно розповсюджується фірмою Macromedia. На сьогоднішній день існують як сайти повністю і повністю створені за цією технологією, так і сайти, які використовуються Flash-форматлише частково.
Растрове уявлення графіки виходить з понятті растру. Растр– це сукупність об'єктів (у разі пікселів), розміщених у однакові рядки і стовпці. Тобто. растровий комп'ютерний файлможна розглядати як набір маленьких кольорових або сірих квадратиків, що утворюють зображення мозаїки. Т.к. розмір цих квадратиків свідомо малий, то під час перегляду растрової графіки ці квадратики зливаються один з одним, утворюючи безперервну зміну кольорів.

Растровий формат зберігання зображення має свої переваги, так і недоліки. Однією з високих плюсів растрової графіки є можливість роботи з півтонами, тобто. можливість передавати зображення так само, як воно виглядає в житті. А ось серед недоліків основною проблемою є розмір файлу. Звичайно, чим більше пікселів відведено для формування зображення, тим вище якість переданого зображення, проте, тим більше буде і розмір файлу.
Якщо ми тепер повернемося до браузерів, то можна сказати, що більшість браузерів без проблем можуть відображати графічні файличотирьох форматів (* .gif, *.jpg, *.png, *.bmp), використовувати з яких на сьогоднішній момент найкраще два - * .gif та *.jpg. Та й то після попередньої оптимізації.
Вставка зображень на Web-сторінку.
Вставляти зображення на вашу Web-сторінкуможна декількома способами:
1. Перетягнути зображення з Windows Explorer (Тобто прямо з провідника).
2. Перетягнути зображення з Internet Explorer .
3. Перетягнути файл із зображенням із панелі Список папокпрямо на сторінку.
4. За допомогою буфер обміну- скопіювати зображення до буфера обміну з будь-якої іншої програми, а потім на сторінці вставити його з буфера обміну.
5. За допомогою кнопки Додатималюнок із файлу на панелі інструментів Стандартна.
6. За допомогою меню Вставка  Малюнок.
Розглянемо ці методи докладніше:
Спосіб 1
Windows Explorer(тобто прямо з провідника) треба:
ось FrontPage
відкрити вікно провідника;
у вікні провідника виділити файл із картинкою, яку ви хочете вставити на свою сторінку;
лівою клавішою миші перетягнути файл-картинку на свою Web-сторінкукартинка вставлятись у те місце, де на сторінці знаходився курсор вставки.
Спосіб 2
Для того щоб перетягнути зображення з Internet Explorerтреба:
ось FrontPageвідкрити сторінку, на яку потрібно додати зображення;
в браузерівідкрийте те зображення, яке ви хочете помістити на своїй Web-сторінці браузераназва файлу має закінчуватися на jpg, jpeg, gif);
лівою клавішою миші перетягніть виділену картинку на свою Web-сторінку;
Спосіб 3
Для того щоб перетягнути файліз зображенням з панелі списокпапок, прямо на сторінку треба:
ось FrontPageвідкрити сторінку, на яку ви бажаєте додати зображення;
вибрати необхідний файл із картинкою на панелі Список папок;
лівою клавішею мишіперетягніть виділену картинку на свою Web-сторінку;
вибране зображення вставляється в те місце, де на сторінці знаходився курсор вставки.
Спосіб 4
Для того, щоб вставити зображення на свою Web-сторінкуза допомогою буфера обміну, треба:
в тій програмі, з якої ви хочете скопіювати картинку, виділити зображення і за допомогою клавіш Ctrl+Cскопіювати малюнок у буфер обміну;
на своїй Web-сторінцівставити це зображення з буфера обміну за допомогою клавіш Ctrl+V
Спосіб 5
Web-сторінкуви вирішили скористатися кнопкою Додати зображенняз файлу на панелі інструментів Стандартна, то FrontPageвідкриє діалогове вікно Малюнок.
У цьому діалоговому вікні вкажіть той файл з картинкою, який ви хотіли б додати на свій Web-сторінкута натисніть кнопку Вставити.

Спосіб 6
Якщо для вставки зображення на свою Web-сторінкуви вирішили скористатися меню Вставка  Малюнок, то FrontPageзапропонує зробити вам подальший вибір:

Картинки… – вибір того пункту меню надає можливість скористатися готовою бібліотекою картинок.
З файлу… – вибір даного пункту меню надає вам можливість самостійно вказати місцезнаходження файлу з картинкою, який ви хочете додати Web-сторінку(використання цього пункту призведе до відкриття діалогового вікна Малюнок, робота з якою була описана вище).
Створити фото колекцію… - за допомогою цього пункту меню можна створити колекцію зображень у певному стилі. Для цього у вікні, що відкрилося Властивостіколекції фотографій за допомогою кнопки Додатина вкладці Малюнкивибрати зображення, а на вкладці МакетВибрати формат оформлення.
Додавання мультимедійних файлів.

Крім простої графіки, як – зображення у форматах * .gif, *.jpg, *.pngі т.д. FrontPageдозволяє розміщувати на ваших Web-сторінкахМультимедійні файли. До них відносяться: відеокліпи, звуки...

Для вставки відеокліпу потрібно в меню Вставкавибрати пункт Малюнок, а потім Відеозапис..

Відкриється діалогове вікно Відео, у ньому відображатимуться відеокліпи у форматі * .avi, *.asf, *.ram, *.ra.

Додати звук на Web-сторінкуможна на вкладці Загальні діалогового вікна Властивості сторінки.

Робота із таблицями.

Таблиця- один з найпотужніших інструментів, що використовуються при створенні сайтів.
Від самого початку таблицізастосовувалися лише для представлення структурованих даних. Однак поступово вони перетворилися на потужний універсальний засіб для компонування. Web-сторінок.

Створення таблиць

Найпростіший спосіб створення таблиці– використовувати кнопку Додати таблицю, розташовану на панелі інструментів Стандартна.
Ще один спосіб – за допомогою пункту меню Таблиця  Вставити  Таблиця.
А також таблицюможна намалювати та вставити за допомогою буфера обміну.

Введення даних та навігація за таблицею.

Однією з чудових особливостей таблиць є те, що введений текст форматується всередині комірки так само, як ми звикли форматувати його в межах документа. Поміщений в осередок текст автоматично переноситься на новий рядок, якщо його довжина перевищує ширину стовпця. При натисканні клавіші Enter, як завжди, вставляється новий абзац. Текст або номери вводяться в таблицю з клавіатури.

Перед тим, як заносити дані в таблицю, необхідно помістити текстовий курсор у потрібний осередок таблиці. Це можна зробити, натиснувши на ній мишею.

Однак зручніше для переміщення між осередками використовувати комбінації клавіш:
Поєднання клавіш: Дія:

Tabу будь-якому місці таблиці, крім кінця останнього рядка перейти до сусіднього осередку і виділити її вміст
Tabв кінці останнього рядка додати новий рядок донизу таблиці
Shift+Tabперейти в попередній осередок і виділити його вміст
Enterпочати новий абзац
Enterна початку першого осередку додати текст перед таблицею на початку документа

Створення та застосування форм.

Формиявляють собою текстові поля, перемикачі, прапорці, кнопки та багато інших елементів управління. Відвідувачу сайту достатньо ввести якусь інформацію в те чи інше текстове поле, вибрати якісь дані із запропонованого списку, натиснути на кнопку Відправити, щоб дані відправилися на Web-сервердля обробки (або обробилися відразу на сторінці).

Давай познайомимося з тобою – будь ласка, заповни наступні поля:
Твоє ім'я:

Твоє прізвище:

Дата твого народження: рік місяць число

Спасибі! А тепер – у дорогу!
1. Мала, а спритна.
Де буває, там наказує.
У намет зайде
Багатиря переверне.
Хто це?
Муха Блоха Капризна дитина
2. Випука очі сидить,
По-французьки каже,
По-блоші стрибає,
По-людськи плаває.
Про кого йдеться?
Кіт Жаба Папуга

3. Чим дихає тюлень, пірнувши під кригу?

4. Чому плачуть великі черепахи?

5. Який одяг може і оселедець носити?
Шубу Пальто Тільняшку
6. Кого називають «річковим конем»?
Видру Бегемота Крокодила

7. Які птахи не висиджують пташенят?

8. Які птахи не вміють літати?

Якщо вам необхідно вибрати кілька відповідей, натисніть і не відпускайте клавішу Ctrlі клацніть лівою клавішею миші по відповіді

Але створення формна самій сторінціце лише половина роботи. Оскільки обов'язково має існувати програма, яка зможе обробити дані, запроваджені користувачем з допомогою форм.
Така програма може бути розташована на сервері; вона може бути у вашому Web-сайтіу вигляді окремого файлу, а може бути просто прописана у коді htmlна вашій Web-сторінці.
Саме вона визначає - що ж станеться з тією інформацією, яку запровадив користувач:

інформаціяможе бути додана до бази даних і її основі можуть бути побудовані різні графіки, рейтинги…;
інформаціяможе бути переправлена по електронній пошті(це часто використовують для отримання інформації про користувача в анкетах різноманітних);
інформаціяможе бути оброблена прямо на місці і відвідувач вашого сайту відразу отримає відповідну інформацію (наприклад - отримає бали за тест, побачить введену ним інформацію в гостьову книгу ...).

У відносинах форміснує кілька основних правил:

1. Кожна формазаймає певну ділянку Web-сторінки. На одній Web-сторінціможе бути розташована одна або кілька форм.
2. Всередині кожної форми повинен розміщуватися принаймні один з елементів форм (хоча, як правило, їх кілька).
3.Кожен елемент формимає ім'я та значення. Ім'я ідентифікує поле введення інформації, а значення прирівнюється до значення, вибраного користувачем.
4. Один із елементів форми (їм може бути звичайна кнопка або будь-який малюнок) повинен виконувати функцію кнопки Відправити.

Створення форм у FrontPage.
Щоб додати форму на Web-сторінку, Треба:

Встановити курсор на те місце, де ви хочете вставити форму.
В меню Вставкавибрати пункт Форма, у меню знову вибрати пункт Форма. Формабуде поміщена на вашу Web-сторінку- з'явитись область, позначена пунктирною рамочкою, з двома кнопками: Надіслати та Скинути.
Користуючись тим самим пунктом меню Вставка  Формапослідовно вставити необхідні вам елементи форм, вибираючи їх з каскадного меню, що розкривається (при цьому необхідно пам'ятати, що всі елементи форми вставляються всередині області форми, позначеної пунктирною рамочкою).
Після того як формастворена, залишається тільки наповнити її змістом – елементами форм, текстом, зображеннями, таблицями… (при цьому розміри формизмінюватимуться автоматично).
Додавати зміст формможна звичайним чином. Наприклад, текст можна набирати, а можна вставляти з буфера обміну… Усі дії з доданими об'єктами аналогічні.
Проте створення форми- це лише початок роботи. Після її створення необхідно налаштувати властивості як самої форми, так і її елементів.

Налаштування властивостей форми.

Для обробки або збереження даних, які вводять відвідувачі Web-сторінки, необхідно або скористатись можливостями, що надаються FrontPage Server Extensions, або якоюсь іншою програмою, що працює на Web-сервері.
Але яку б програму ви не вибрали, вам все одно доведеться налаштувати властивості форми та елементів у ній.
Щоб відкрити вікно властивостей форми, треба:
в меню Вставкавибрати пункт Форма, а потім -
або
викликати контекстне меню до форми і у контекстному меню, що відкрилося, вибрати пункт Властивості форми.
В результаті відкриється діалогове вікно Властивості форми.

1. У поле Збереженнярезультатів необхідно вказати, що треба буде зробити з даними, введеними в форму. Ви можете вибрати такі варіанти:
o Надсилання Ім'я файлу- дані будуть поміщені в вказаний файлна Web-сервері. Цей файл може бути Web-сторінкою, яка з часом буде ставати все довшим і довшим, або файлом даних, який потім можна буде обробити в Excel, Accessабо будь-якою іншою програмою;
o Надсилання Адреса пошти- у цьому випадку щоразу при натисканні відвідувачем Web-сторінкикнопки Надіслати на формігенеруватиметься електронне повідомлення, яке надсилатиметься за вказаною вами адресою. У цьому повідомленні будуть утримуватися всі дані, які були введені користувачем Web-сторінці.
o У базі даних- у цьому випадку дані формибудуть надіслані до бази даних. База повинна знаходитись на Web-сервері(або бути доступною йому).
2. У поле Властивостіформи необхідно вказати ім'я форми
Режими перегляду в FrontPage.
FrontPageпропонує шість різних режимів для перегляду вмісту Web-сайту:

Сторінка,
Папки,
Звіти,
Переходи,
Гіперпосилання,
Завдання.
Для вибору потрібного режимуможна скористатися панеллю Подання, розташованої в лівій частині екрана, або в меню Видна панелі інструментів Стандартнавибрати пункт меню.

Сторінка
У цьому режимі здійснюється створення та редагування Web-сторінок.Тут можна створювати порожні Web-сторінкита сторінки, що базуються на шаблонах, призначати сторінкам теми (набір стилів представлення сторінки на екрані). У цьому режимі можна додавати та форматувати текст, оформляти сторінкиз використанням графічних та відеозображень (підтримується перетворення ряду графічних форматів у формати * .gif, *.jpg та *.png), додавати до сторінки звуковий супровід, представляти інформацію в таблицях, кадрах та формах і, нарешті, створювати гіперпосилання. Такий далеко не повний перелік можливостей FrontPageз редагування вмісту Web-сторінок.
Папки
У цьому режимі можна переглядати структуру Web-вузла(файли та папки) і керувати нею аналогічно тому, як ви це робите в Windows, даний режимдає можливість отримати докладніші відомості про файли та папки, ніж це передбачено в режимі перегляду Сторінка.
Звіти
Надає вашій увазі більше десятка звітів, що містять різноманітну інформацію про Web-вузлі, відкритому в FrontPage.
Переходи
Призначений для перегляду ієрархії сайту. У цьому режимі можна керувати ієрархією, перетягуючи прямокутники (кожен з яких представляє певну Web-сторінку).
Гіперпосилання
Демонструє систему гіперпосилань, якими пов'язані між собою сторінки Web-вузла(а також систему гіперпосилань на інші вузли), забезпечує перевірку їхньої цілісності та можливість зміни.
Завдання
Цей режим призначений для керування завданнями Web-вузла(додавання, видалення, виконання, встановлення пріоритету виконання, а також відстеження стану задач).