- •Лекція 1
- •Універсальна адреса ресурсу
- •Коди спеціальних символів
- •Базові елементи
- •Гіперпосилання
- •Форматування документа
- •Графіка
- •Приклади програм.
- •Лекція №2
- •Програма Microsoft FrontPage. Режими роботи
- •Основи web-дизайну у програмі FrontPage
- •Лабораторна робота №1
- •Теоретична частина
- •Хід роботи
- •3. Відкрийте файл file1.Htm у броузері.
- •4. Поекспериментуйте з різними значеннями кольорів (green, white, yellow, blue, #ffaa55 тощо) параметрів bgcolor і text.
- •Основна література
- •Алексеев а.П. Информатика 2001. – м., «солон-р», 2001. – 353 с.
- •Безручко в.Т. Практикум по курсу «Информатика». Работа в Windows, Word, Excel: Учебное пособие. – м.: Финансы и статистика, 2002. – 272 с.
- •Питання та завдання для самоконтролю та самоперевірки
- •Завдання для самостійної роботи з теми:
- •«Створення Web-документів»
- •Контрольні питання
- •Лабораторна робота №2
- •Методичні вказівки для студентів
- •Уміст контейнера (текст)
- •Хід роботи:
- •Основна література
- •Питання та завдання для самоконтроля та самоперевірки
- •Лабораторна работа№3
- •Методичні вказівки для обговорення
- •А тепер можна перейти на початок сторінки.
- •Хід роботи:
- •Основна література
- •Питання та завдання для самоконтролю та самоперевірки
Приклади програм.
<HTML>
<HEAD>
<TITLE>
Приклад використання дескрипторів розриву рядка та абзацу
</TITLE>
</HEAD>
<BODY>
Дескриптор розриву абзацу дає команду броузеру вставити порожній рядок перед початком наступного абзацу.
</P>
</BODY>
</HTML>
Код сторінки з синім фоном:
<HTML>
<HEAD>
<TITLE> Сторінка з фоном </TITLE>
</HEAD>
<BODY BGCOLOR=”blue”>
Білий текст на синьому фоні
</BODY>
</HTML>
Приклад програми зі створення вкладених списків
<HTML>
<HEAD>
<TITLE> Приклад вкладених списків </TITLE>
</HEAD>
<BODY>
<H2> Вкладені списки </H2>
<HR>
<H3> типи зображень у Web </H3>
<OL>
<LI> Вбудовані
<LI> Плаваючі
<UL>
<LI> вздовж лівого поля;
<LI> вздовж правого поля;
</UL>
<LI> Зображення гіперпосилання
<LI> Зображення мініатюри
<LI> Фонові зображення
</OL>
</BODY>
<HTML>
Лекція №2
Тема: Використання програми Microsoft FrontPage для створення сайтів.
План.
1. Призначення програми Microsoft FrontPage.
2. Режими роботи з програмою.
3. Створення сторінки.
4. Створення сайту.
5. Публікація сайту.
6. Основи web-дизайну у програмі FrontPage.
6.1. Шрифти й абзаци.
6.2. Заголовки й списки.
6.3. Лінії й фон.
6.4. Таблиці.
6.5. Графічні об’єкти і мініатюри.
7. Інші можливості програми MS FrontPage/
7.1. Динамічні ефекти.
7.2. Компоненти.
7.3. Карти й гарячі області.
7.4. Фрейми.
7.5. Форми.
7.6. Каскадні таблиці стилів.
7.7. Теми.
Основна література
Денисов А. Microsoft Internet Explorer 5: справочник. –Спб.: Питер, 1999. –448с.
Денисов В. WORD 7.0 с самого начала. – СПб.: ПИТЕР, 1996. –256с.
Дибкова Л.М. Інформатика та комп'ютерна техніка/ Посібник. - Київ: Видавничий центр "Академія", 2002. - 318 с.
ДСТУ 2394-94. Інформація та документація. Базові поняття. Терміни та визначення. — К.: Держстандарт України. 1994. — 53 с.
ДСТУ 2429-94. Система «людина—машина». Ергономічні та техніко-естетичні вимоги. Терміни та визначення. — К.: Держстандарт України. 1994. —35 с.
ДСТУ 2481-94. Системи оброблення інформації. Інтелектуальні інформаційні технології. Терміни та визначення. — К.: Держстандарт України, 1994. —72 с.
Стислий зміст лекції
Програма Microsoft FrontPage. Режими роботи
1. Призначення програми Microsoft FrontPage. Програма Microsoft FrontPage призначена для створення web-сторінок і сайтів без застосування користувачем мови HTML. Окрім цього, програму використовують для розташування сайтів на web-сервері та їхньої наступної експлуатації.
Користувач має змогу створити окрему сторінку чи сайт , двома способами: з нуля чи скориставшись шаблоном з колекції програми FrontPage. Шаблонів окремих сторінок тут є і більше, ніж шаблонів у колекції програми Word, а шаблони сайтів заслуговують на детальне ознайомлення та практичне застосування.
Програма дає змогу вставляти набагато більше об'єктів і готових web-компонент, ніж програма Word. Користувач можеш вставити, наприклад, кнопки (Hover Button), тексти, що рухаються (Marquee), лічильники відвідувань (Hit Counter), аркуші електронних таблиць (Office Spredsheet), діаграми (Qffica Chart), елементи ActiveX, аплети (Java Applet), створити графічні мініатюри (Thumbnail), таблиці, карти, фрейми, інтерактивні форми, надати об'єктам анімаційні ефекти (Dуnamic HTML Effects), задати способи зміни сторінок (Page Transmition) подібні до способів зміни кадрів у програмі PowerPoint тощо.
Як і у програмі Word 2000/XP, тут є декілька десятків тем, які можна застосувати для естетичного оформлення сторінки чи всього сайту командою Format - Theme.
Особливість програми Microsoft FrontPage у тому, що вона є зручною для створення та адміністрування великого професійного сайту. Це досягається за допомогою таких режимів роботи з сайтом: звіт (Reports), навігаційна карта сайту(Navigation), схема гіперпосилань (Hiperlinks), завдання для колективу дизайнерів і виконавців (Tasks).
Для успішної роботи з програмою потрібно знати головні принципи її функціонування, зберігати файли сторінок сайту в конкретній папці і вручну не переміщати їх, щоб не переривати зв'язків між сторінками тощо. Після створеній сайту користувач може його опублікувати на web-сервері командою Publish. Переглянути створений сайт можна і в домашніх умовах. Однак, якщо застосовувались деякі компоненти чи елементи управління формою, що потребують програмної підтримки, то повноцінне функціонування такого сайту буде можливе лише на web-сервері, який має відповідні засоби для їх опрацювання, що називаються Microsoft FrontPage Extensions. Сервери, які працюють з операційною системою Unix, такими засобами зазвичай не володіють.
2. Режими роботи програми. Програму запускають за допомогою головного меню: Start - Programs - Microsoft FrontPage. Отримують вікно з традиційними для офісних програм пунктами меню: File, Edit, View, Insert, Format, Tools, Table, Frames, Window, Help.
Програма дає змогу працювати у декількох режимах відображення інформації про сайт, які користувач може задати чи змінити такими командами з пункту View:
Сторінка (Page);
Папки (Folders);
Звіти (Reports);
Навігаційна карта (Navigation);
Гіперзв'язки (Hyperlinks);
Завдання (Tasks).
Вікно програми містить дві або три вертикальні панелі: ліворуч - панель керування режимами (Views) з кнопками для перемикання режимів, праворуч - панель, де відображається поточна сторінка, папка, звіт, навігаційна карта, гіперзв'язки чи відповідно список завдань (рис. 1). Корисною є панель Folder List, яка відображається між цими панелями. Вона не лише містить список папок і файлів поточного вузла, але й функціонує як програма Провідник у Windows.
Перед початком роботи над сайтом варто увімкнути панелі Стандартну і Форматування, а інші зайві панелі - вимкнути за допомогою команд View - Toolbars.
Для створення сторінки чи її редагування використовують команду Page. Після запуску програма знаходиться в режимі Normal. Це режим створення нової сторінки з назвою new_page_l.htm. Інші режими (HTML, Preview) можна задати за допомогою закладок, що розташовані внизу сторінки.
У режимі Normal сторінку створюють так, як це прийнято у програмі Word, тобто вводять тексти, вставляють картинки, створюють гіперпосилання тощо, як у звичайному текстовому редакторі.
Режимом HTML користуються для перегляду HTML-коду сторінки з метою його модифікації чи вивчення. Режим Preview дає змогу побачити, як виглядатиме сторінка у броузері Internet Explorer.
Кожна сторінка характеризується заголовком, який придумує користувач відповідно до сюжету сайту, і назвою html-файлу сторінки. Створену сторінку слід зберегти командою Save as .. на диску. За замовчуванням програма пропонує для цього папку My Webs, що є у папці Му Document однак користувач може вибрати будь-яку іншу папку. Важливо, щоб усі наступні сторінки свого сайту він зберігав власне у цій папці. Вікно зі сторінкою можна закрити, клацнувши на кнопці закривання, що стосується даної сторінки. Якщо сторінка не була збережена у файлі, то після підтвердження запиту на зберігання відкриється вікно Save as..., де у полі File name користувач може ввести назву відповідного html-файлу, а також змінити за допомогою кнопки Change заголовок сторінки (page title). За замовчуванням заголовком є перше слово на сторінці. Заголовок сторінки буде відображатися броузером у рядку заголовків, тому користувач повинен подбати, щоб він був інформативним і цікавим.
Зауваження. Якщо після запуску програми у вікно Normal чи у панель Folder Lists завантажується деяка сторінка чи сайт, то це означає, що програма функціонує у режимі автозавантаження сторінки, з якою працювали востаннє. Такий режим можна задати або скасувати командами Tools => Options => закладка General => Open last Web automatically.
3. Створення сторінки. Щоб створити нову сторінку, виконують команди File => New => Page. На закладці General вибирають Normal Page і натискають на кнопку Ok. На цій же закладці можна ознайомитися і вибрати готовий шаблон для власної сторінки, якщо він влаштує користувача. Є такі Шаблони: бібліографія; вузький текст, розташований ліворуч від картинки (Narrow, Left-AIligned Body); текст-праворуч (Narrow, Right-Alligned Body); текст у центрі сторінки (One-Column Body) та ін. Зразки оформлення шаблонів можна тут же переглянути у полі Preview, клацнувши один раз мишею на його назві (рис. 2).
На закладці Frames Pages можна вибрати шаблон створення сторінки з фреймами: Banners and Contents, Contents, Header, Nested Hierarchy тощо. Тут також можна заздалегідь переглянути результат застосування шаблону і вибрати потрібний.
Під час створення сторінки з фреймами користувачеві надаються дві кнопки: 1) Set Initial Page, якщо він хоче розташувати у фреймі вже існуючу сторінку, що є на диску; 2) New Page, якщо вміст фрейму створюватиметься з нуля.
Закладку Style Sheets (Таблиця стилів) розглянемо пізніше.
Щоб унести зміни у сайт, його потрібно відкрити командами File => Open, вибрати потрібну папку і файл index.htm чи інший і натиснути на кнопку Open. Щоб швидко відкрити сайт, який є у web-папці, потрібно виконати команди File - Open Web - вибрати потрібну папку - Open.
4. Створення сайту. Сайт як сукупність взаємозв'язаних сторінок можна будувати відразу після запуску програми, використовуючи для створення нових сторінок команди Window => New Window. Однак ліпше виконати такі команди: File => New => Web.
На закладці Web Sites вибирають шаблон One Page Web чи Empty Web (порожній сайт), зазначають шлях до папки сайту, наприклад, D:\My Webs\MyNewWeb1 і натискають на кнопку Ok. Програма створить web-папку, яка відрізняється від звичайної тим, що містить у собі папку _private зі службовими файлами і папку images, куди автоматично заноситимуться графічні файли. Нові сторінки для сайту, що розбудовується, можна створювати командами Window - New Window.
Серед корисних шаблонів сайтів зазначимо Customer Support Web (сайт споживача), Corporate Presence Wizard (майстер створення сайту фірми), Personal Web (персональний сайт), Project Web (сайт проекту), Discussion Web Wizard (майстер створення форуму).
Коли шаблон вибрано і клавіша Ok натиснута, потрібно дати відповіді на деякі запитання, що стосуються конкретного сайту, і натиснути на кнопку Finish. Через декілька секунд сайт буде створено. Його можна удосконалити методом редагування сторінок у режимі Normal чи HTML, перекласти рідною мовою, оскільки шаблони зазвичай англомовні тощо.
Загальноприйнято, що перша сторінка сайту - сторінка із заголовком Home Page, що знаходиться у файлі index.htm.
Щоб відкрити для редагування будь-яку сторінку сайту, потрібно двічі клацнути мишею на назві файлу у панелі Folder List. Щоб переглянути сайт, слід перейти в режим Preview. У режимі Normal також можна гортати сторінки сайту, клацаючи на гіперпосиланнях із натиснутою клавішею Ctrl.
5. Публікація сайту. Готовий сайт слід розташувати на web-сервері або на диску користувача, щоб його можна було переглядати броузером незалежно від програми Microsoft FrontPage. Для цього виконують команди File => Publish Web... => у полі Specify the location to publish your Web... зазначають URL-адресу серверу чи шлях до папки на диску => натискають на кнопку Publish.
6. Інші режими роботи із сайтом. Режим Reports дає доступ до статистичної інформації про сайт: кількість файлів, картинок, гіперпосилань зовнішніх та внутрішніх, повільних сторінок, давніх та свіжих файлів, незв'язаних файлів, незавершених завдань, невикористаних тем тощо. На закладці Report Views команди Tools => Options (рис. 3) користувач особисто пояснює програмі, що таке повільні, давні і свіжі сторінки.
Режим Navigation дає змогу додавати чи вилучати сторінки, змінювати структуру методом перетягування піктограм сторінок у потрібне місце схеми. У цьому режимі можна також почати створювати сайт, додаючи до базової сторінки (Home page) чи поточної сторінки нову сторінку за допомогою команди New page з контекстових меню сторінок вищого рівня.
Режим Hyperlinks застосовують до сайтів, що мають значну кількість сторінок і гіперпосилань з метою візуальної перевірки зв'язків між сторінками.
Режим Tasks застосовують, якщо над сайтом працює колектив дизайнерів. Керівник проекту має змогу сформулювати завдання (задачу), призначити виконавців і визначити пріоритет робіт над окремими фрагментами сайту. Після завершення роботи над завданням властивості Status надають значення Completed.