В принципі, компонент FrontPage Developer's Kit дозволяє створювати власні шаблони і майстри, що дозволяють істотно зекономити час при створенні Web-сайтів. З допомогою засобів обміну буфером (clipboard) і механізму перетягування (drag - and - drop) Microsoft FrontPage чудово взаємодіє з популярним пакетом офісних додатків Microsoft Office (Word, Excel, PowerPoint і Access). FrontPage успадкував багато характерних рис стиля Office. Кнопки панелей інструментів, команди меню, діалогові вікна і комбінації клавіш розроблені в розрахунку на те, що вони будуть зрозумілі і пізнаваємі користувачами Office. В редактор FrontPage включений тезаурус з Office. Механізм перевірки орфографії (як для поточної сторінки, так і по всьому сайті в цілому) також співпадає з Office.

1.5.2 Провідник

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

До додаткових можливостей можна віднести наступні функції Провідника: закриття сайту, вилучення сайту, вилучення файлів, додання до сайту нової сторінки, імпорт файлу в сайт, перетягування файлів в сайт, експорт файлів з сайту, редагування параметрів сайту, конфігурування редакторів, перерахунок гіперпосилань.

1.5.3 Редактор

Редактор FrontPage призначений для створення Web-сторінок, при цьому, не вимагається знання особливостей мови HTML. Сторінки створюються в режимі WYSIWYG (what you see is what you get - що бачите, те й отримуєте), тобто в браузереві він буде виглядати так само, як і в Редакторі. Робота в редакторі дуже схожа на роботу в текстовому редакторі Microsoft Word. Редактор дозволяє редагувати водночас декілька сторінок. В середовищі Редактора передбачені три різноманітні типи точок зору на сторінку, що редагується: звичайний вигляд (звичайний режим сторінки), код HTML, попередній перегляд. Для оперативного і швидкого редагування передбачені наступні панелі інструментів: стандартна, форматування, малювання, форми, додаткова, таблиці. Якщо нема потреби у тій або іншій панелі інструментів, її можна сховати. В редакторі передбачена можливість розгортання і згортання окремих сторінок та інші стандартні операції роботи з екранами. Объектно-орієнтоване спрямування редактора дозволяє засобами візуального редагування створювати наступні компоненти сторінок: текст, гіперпосилки, заголовки, таблиці, фрейми, бігучі рядки, фонові звуки, зображення, відео. Редактор дозволяє вставляти в сторінки форми і компоненти. Він дозволяє працювати також з передовими Web-технологіями, компоненти ActiveX і аплети Java легко вмонтовуються в HTML-сторінки. Прийоми роботи з окремими об'єктами Web-сторінок аналогічні тим, що використовуються в Word. Багато типів меню і панелі інструментів також повторюють аналогічні елементи в Word.

Рис 2 Редактор

При виконанні команди «Відкрити» FrontPage дозволяє працювати з наступними типами файлів:

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

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

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

FrontPage дасть можливість ввести один або декілька символів вище або нижче базової лінії (верхній або нижній індекс). Передбачена можливість вставлення символу, який знаходиться поза основною кодовою таблицею ASCII. Форматування абзаца передбачає наступні типи вирівнювання тексту: вирівнювання по лівому (правому) полю, центрування. Розірвання рядка дозволяє створити новий рядок без створення нового абзацу.

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

Редактор автоматично створює наступні типи Списків: маркований список, покажчик, меню, нумерований список.

Потужним об'єктом HTML є таблиці. Елементи, з яких вони можуть складататися, містить текст, графіку, фонове зображення, форми, компоненти і навіть інші об'єкти. Побудувати таблицю в Редакторі можна двома засобами: або безпосередньо намалювати її на сторінці, користуючись інструментами панелі таблиць, або вставити з допомогою меню «Таблиця». Інструментальна панель «Таблиця» містить наступні кнопки: олівець (створення елементів таблиць), гумка (вилучення елементів таблиць), вставлення рядка, вставлення колонки, вилучення осередка, об'єднання осередка, розбивка осередка, форматування осередка, рівномірний розподіл столбців і рядків, завдання фонового кольору. При необхідності в будь-який момент можна змінити тип вирівнювання таблиці, ширину її рамки, інтервал між осередками, відступ від границі осередка і сумарну ширину таблиці. Для цього існує команда «Властивості таблиці». Подібним чином можна змінити індивідуальні властивості осередка. Окремим різновидом осередків є титульні осередки, текст в середині яких зображається напівжирним шрифтом.

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

фреймами і засіб відображення рамок. Ви можете відрегулювати наступні опції фреймів: чи слід браузеру користувача автоматично по своєму розсуду змінювати розміри фрейма, режим відображення смуг прокрутки, відрегульовувати розміри фрейма в пікселях. Не можна забувати про те, що завжди можна відредагувати кількість фреймів на даному фреймсеті. В фреймах також можна виводити результати заповнення форм. Ця можливість звичайно використовується в поєднанні зі скриптами CGI або з обробниками форм Майстра підключення до баз даних.

Використання декорацій дозволяє створити фон, на якому буде відображатися HTML-документ.

Редактор дозволяє легко створювати Закладки (bookmark або anchor), тобто ділянки тексту (або просто один або декілька символів), що є пунктом переходу по гіперпосиланню.

Редактор створює посилання (гіперпосилання, тобто сполучення між двома пунктами), вказуючи при цьому на

Деякі посилання створюються автоматично, виходячи з контексту запису. Редактор дозволяє задавати фоновий звук. Він включається в той момент, коли відвідувач входить на сайт. FrontPage підтримує декілька типів звукових файлів: оцифровані звуки (файли з розширенням WAV), MIDI послідовності (файли MID), а також файли в форматі AIFF (розширення AIF, AIFC, AIFF) і AU (розширення AU, SND).

Редактор створює всілякі Активні Елементи.

Створення рухомих кнопок дасть можливість встроєній кнопці реагувати на рух мишки і переходити по гіперпосланню при її натиску.

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

Рухомі рядки (marquees) - це елементи HTML, які дозволяють вставити в сторінку рухомий текст. Вони перетворюють статичні сторінки в динамічні і живі. Однак при роботі з рухомими рядками необхідно виявляти почуття міри. Рахівник візитів (hit counter) дозволяє оцінити кількість відвідувачів вашої сторінки. У цього засобу є один великий недолік: він може наочно демонструвати відсутність інтересу до Вашого сайту.

Рис. 3 Вставка компонента «рухомі рядки»

FrontPage дозволяє вмонтовувати презентації, виконані за допомогою програми PowerPoint. При цьому на комп'ютері необхідно встановити програвач анімацій (PowerPoint Animation Player). При інсталяції програвач анімацій визначає, яким браузером ви користуєтеся, і встановлює або версію ActiveX, або версію plug - in, або ту і іншу. Він відтворює стандартні анімації PowerPoint з розширенням PPT. Версія для ActiveX також здатна відтворювати стислі анімації PowerPoint, що мають розширення PPZ.

FrontPage дозволяє включати відеофрагменти (в форматі AVI, стандартному форматі Windows для відеофайлів) на WEB-сторінки.

Редактор дозволяє легко редагувати властивості сторінки. Окрім загальної інформації, типу назви сторінок, встановлюються такі параметри, як фоновий малюнок і фоновий звук, колір фону, стандартні кольори тексту і гіперпосилок, поля сторінки, а також деякі змінні.

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

Команда Undo дозволяє скасувати до 30 останніх операцій редагування.

Завдяки команді «Слідувати по гіперпосилці»: Редактор можна використати як міні-браузер.

Функціями пошуку і заміни оснащені як Редактор FrontPage (для пошуку і/або заміни слів на поточній сторінці), так і Провідник (для пошуку і/або заміни по групі сторінок або по всьому сайту).

Тезаурус Редактора дозволяє легко знайти синонім для введеного користувачем слова. Це дозволяє уникнути повторень одних і тих же слів при наборі тексту.

В Редакторі легко переходити від однієї відкритої сторінки до іншої, використовуючи кнопки панелі інструментів.

Щоб перервати операцію в Редакторі, достатньо натиснути на панелі інструментів кнопку «Стоп».

Робота з графікою.

FrontPage може імпортувати багато графічних форматів, а саме:

При збереженні сторінки, що містить вставлені і не збережені зображення, FrontPage запросить зберегти кожне зображення для поточного сайту. За замовчанням FrontPage зберігає файли форматів, відмінних від GIF і JPEG, в форматі GIF.

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

Формат GIF - це упакований формат для зображень, що містять 256 або менше кольорів.

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

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

Після того, як ви розмістили зображення на ваших сторінках, FrontPage надає масу можливостей керування ними шляхом діалогового вікна.

Панель інструментів «Зображення» дасть можливість створювати зображення - карти, прозорі GIF - файли, вводити в GIF-файли текст, вирізувати з зображення фрагменти, регулювати якість, зробити «марево» вашого зображення (перетворивши його в ідеальний фон), перетворити будь-яке кольорове зображення в напівтонове чорно-біле.

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

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

Щоб надати користувачам вашого сайту можливість пошуку слів або їх послідовностей в тексті сторінок сайту або в повідомленнях дискусійних груп, можна скористуватися Пошуковим компонентом.

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

Компонент Зміст використовується для створення змісту Web-сайту, що містить посилання на кожну сторінку.

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

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

Компонент Тимчасове включення презначено для того, щоб зробити певні сторінки доступними користувачам для перегляду в певний час.

Компонент Поле підтвердження служить для підтвердження введеної користувачем інформації.

Форма є сукупністю тексту і полів форми, що надає користувачам можливість введення інформації. FrontPage підтримує наступні поля форми: текстові поля, текстові вікна, прапорці, перемикачі і списки, що розкриваються. Крім того, в формах широко використовуються звичайні кнопки, що запускають виконання певних операцій. Розміщуючи поле форми на сторінку сайту, ви завдяки цьому створюєте свою форму. Для функціонування форм необхідні Обробники - спеціальні додатки на Web-сервері, приймаючі і аналізуючі дані з полів форм. Отримавши введену користувачем інформацію, обробник може також повернути відповідь у вигляді сторінки підтвердження. Обробником може бути Дискусійний компонент, Реєстраційний компонент, користувачева динамічно підключаєма бібліотека ISAPI, модуль NSAPI або скрипт CGI. FrontPage надає вам можливість перевірки інформації, введеної користувачем в формі, на коректність і відповідність певним умовам. На сторінці підтвердження користувачу виводиться інформація про підтвердження деякої чинності. Наприклад, вона може служити для підтвердження того, що наведена користувачем інформація прийнята сервером. Коли користувач відправляє форму на Web-сайт, інформація, що міститься в ній, зберігається на сайті і вже не може бути змінена. Сторінки підтвердження надають користувачам можливість перевірити і підтвердити введену інформацію.

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

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

Для того, щоб використати на своєму сайті саморобні обробники ISAPI, NSAPI або CGI необхідно заздалегідь конфігурувати настройки в FrontPage.

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

Елементи керування ActiveX являють собою програмні компоненти, що придають Web-сторінкам функціональність, яку неможливо реалізувати на основі стандартного HTML. До них можна віднести, наприклад, ActiveX Label, що дозволить масштабувати текст; Timer, що генерує періодичні події; Animation, призначений для відображення анімацій. Елементи керування ActiveX можуть бути створені за допомогою різноманітних мов програмування, в тому числі Visual С++ і Visual Basic 6.0. Слід мати на увазі, що не всі браузери підтримують ActiveX. Корисно передбачити вивід тексту або фрагменту коду HTML, що буде заміщатися, елемент керування в браузерах, які не підтримують ActiveX.

Рис. 4 Вставка компонента Веб-вузли

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

Рис. 5 java-аплети

Вбудовані модулі першочергово були розроблені для користувачів браузерів компанії NetScape, однак тепер вони підтримуються і браузером Microsoft Internet Explorer.

Використання в Web-сторінках мов сценаріїв, таких, як VBScript або JavaScript, дозволяє реалізувати читання і редагування елементів форм, виконувати обробку подій, взаємодіяти з браузером і маніпулювати об'єктами. VBScript - це мова сценаріїв, розроблена в корпорації Microsoft, що базується на мові Visual Basic for Applications. Мова JavaScript розроблена компанією Netscape на основі мови програмування C. Для полегшення роботи з мовами сценаріїв, можна використати Майстер сценаріїв, використання якого полягає в тому, що вибирається об'єкт і зв'язана з ним подія, а після цього визначається чинність, що відбувається при настанні цієї події.

Таблиця стилів дозволяє визначити атрибути стиля - шрифт, колір, інтервал, відступи і т.д., і звести безліч різноманітних стилів в єдину таблицю. Таблиці стилів існують в трьох різновидах:

Динамічний HTML дозволяє реалізувати сучасне керування графікою. Ці можливості доступні тільки в браузерах, що підтримують динамічний HTML, наприклад, в Internet Explorer 4.0.

FrontPage дозволяє організувати візуальні ефекти при переході між сторінками. При роботі зі списками передбачена можливість згортання і розгортання пунктів останніх.

За допомогою майстра підключення до баз даних ви можете посилати SQL - запити до доступних на Web-сервері ODBC-сумісним базам даних. Коли з сторінки надійде питання, на його основі буде сформульовано відповідний SQL-запит. Результати запиту будуть використані спеціальним обробником форми - в даному випадку активною сторінкою сервера - для генерації і відображення її в браузері.

2. Техніка безпеки

Вся розводка електроживлення в кабінеті ПЕОМ повинна бути поміщена в трубах (металевих рукавах). Розетки для схованої проводки допускається встановлювати тільки на цегляних і бетонних стінах. На стінах іншого типу, в тому числі цегляних, які покриті сухою штукатуркою, допускається встановлення розеток класу захисту не нижче за ІІ.

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

Не допускається захаращувати проходи до загального вимикача на розподільному щитку.

Підключення і відключення приладів від мережі, з'єднання ПЕОМ з іншими приладами проводиться відповідальним за ПЕОМ.

Перед першим включенням ПК потрібно перевірити: чи відповідає напруга в мережі напрузі, на яку розрахований ПК (багато з них можуть працювати при декількох значеннях вхідної напруги, наприклад, 200 В і 110 В). При необхідності встановити перемикач напруги на ПК в правильне положення.

При можливості підключити до ПК прилад безперервного живлення (UPS), що дає можливість роботи комп'ютерів при повному відключенні електроживлення від 5 хвилин до декількох годин (в залежності від сили приладу). За цей час можна закінчити роботи на комп'ютері, щоб при його включенні не була втрачена інформація.

- включити UPS, якщо комп'ютер підключений через UPS;

- включити периферійні пристрої (монітор, принтер та ін.);

- включити комп'ютер перемикачем на корпусі.

Початкове завантаження операційної системи (ОС) буде закінчене, з'явиться запрошення DOS, наприклад: С:/>.

Поява запрошення означає, що ОС готова до прийому команд.

При виключенні ПК необхідно:

- закінчити працювати з програмами;

- вийти з Windows;

- виключити периферійні пристрої (монітор, принтер та ін.);

- виключити комп'ютер перемикачем на корпусі;

- виключити UPS, якщо комп'ютер підключений через UPS.

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

В приміщенні, де стоїть ПК не можна палити. Раз у декілька місяців потрібно відкривати системний блок і прибирати пилососом порох і бруд.

Встановити надійно монітор (так, щоб він не стояв на краю).

Встановити монітор так, щоб було зручно дивитись (дивитись на екран потрібно під прямим кутом, трохи зверху вниз), екран повинен бути злегка нахилений, нижній край його повинен бути ближче до Вас.

Встановити екран так, щоб не було блисків.

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

Висновки

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

Знання в деякі мірі Нtml, або використовувати програми, які самі пишуть цей код (наприклад, FrontPage, Macromedia Dreamwear).

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

Щоб мати потенційних відвідувачів сайту, треба чітко визначити, яке буде наповнення і як їм зацікавити відвідувача.

Зробити дизайн сайту, який буде приваблювати людей і їм буде зручно почуватись на сайті.

Чітко продумати основну структуру сайту.

Виконати всі роботи по тестуванню сайту перед публікацією його в мережі Інтернет.

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

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

Список використаної літератури

Д.А. Богданова, «Телекоммуникации в школе». «Информатика и образование», №№1-3, 1999

Кірсанов Д., Web-дизайн: книга Дмитра Кірсанова, «Символ», 2002.

Эд Крол. Все об Интернет. Руководство и каталог. 2001

http://www.promo.ru/

http://www.system.ru/

http://www.bannermaker.ru/

http://www.clickz.com/

http://www.microscope.com/

http://www.wilsonweb.com/

http://www.citforum.ru/

http://www.design.ru/kovodstvo/

http://www.iab.com/

Размещено на Allbest.ru