Тема: Створення Web сторінок в програмі Microsoft FrontPage


Скачати 27.38 Kb.
Назва Тема: Створення Web сторінок в програмі Microsoft FrontPage
Дата 14.05.2013
Розмір 27.38 Kb.
Тип Документи
bibl.com.ua > Інформатика > Документи
Лабораторна робота № 13-14

Тема: Створення Web сторінок

в програмі Microsoft FrontPage

Мета: Вдосконалити існуючий Веб-вузол. Доповнити його найпростішими гіперпосиланнями. Доповнити веб-сторінки

біжучим рядком та інтерактивними кнопками.

Застосувати ефекти з використанням Dynamic HTML и JavaScript.

Теоретична частина.

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

Заголовки та іншу коротку інформацію можна створити та оформити у вигляді «біжучого рядка» - Вставка – веб-компонет – Біжучий рядок. Посилання можна також оформити у вигляді керуючих кнопок - Вставка – веб-компонет – Інтерактивна кнопка.

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

  1. Команда «Формат→Смена страниц» дозволяє задати динамічний ефект для веб-сторінки при її завантаженні або переході з неї на іншу сторінку. В діалоговому вікні Смена страниц треба вказати потрібні параметри.

Діалогове вікно « Смена страниц»



2. Динамічні ефекти для виокремлених об’єктів на веб-сторінці ( абзац тексту, шар, абзац з картинкою) задаються за допомогою панелі інструментів Эффекты DHTML.

Вид→Панели инструментов→Эффекты DHTML на якій послідовно задаються параметри анімації.

Панель інструментів «Эффекты DHTML»


- випадаючи меню Вкл (1) служить для вибору події, при якій буде виконуватися ефект.

- випадаючи меню 2 з секції «Применить» служить для вибору ефекта, який може бути виконаний при визначеному заздалегідь події

- випадаючи меню 3 з секції «Применить» служить для вибору параметрів ефекту.

- кнопка «Удалить эффект (4)» видаляє динамічний ефект, що заданий до виділеного об’єкту.

- кнопка Выделить эффекты DHTML (5) виділяє всі об’єкти на веб-сторінці, до яких був застосований ефект. (об’єкт виділяється в рамку з однотонним фоном).

3) Команда Формат→Поведение… дозволяє задати динамічний ефект для виділеного об’єкта або всієї веб-сторінки.

Хід роботи.


  1. Запустити програму Microsoft FrontPage.

  2. Перейдіть до головного файлу вашого веб-вузла index.html

  3. Виділіть назву першої веб-сторінки другого рівня. Виокремте її та за допомогою команди Вставка – Гиперссылка створіть гіперпосилання на відповідну сторінку другого рівня. Збережіть зміни.

  4. Повторіть такі самі дії по відношенню до другої сторінки другого рівня. Збережіть зміни.

  5. Зв’яжіть створені веб-сторінки в єдиний веб-вузол.

  6. Додайте у існуючий веб-вузол нову веб-сторінку під назвою «Новини».

  7. Зробити розбивку сторінки за допомогою Таблиці- Макетні таблиці та комірки.

  8. Створити біжучий рядок за допомогою команди: Вставка - Веб-компонент – Біжучий рядок. В біжучому рядку внести інформацію про новини підприємства: нові товари та послуги. (загалом два – три речення.).

  9. На веб-сторінці ввести текст та необхідні зображення з описом нових товарів та послуг. Зберегти зміни.

  10. Перейти на сторінку index.html та створити на ній інтерактивну кнопку переходу на веб-сторінку «Новини». Вставити інтерактивну кнопку командою: Вставка - Веб-компонент - Інтерактивна кнопка. Вказати адресу-посилання на веб-сторінку «Новини» та назву кнопки. (одне-два коротких слова). Зберегти зміни.

  11. На двох веб-сторінках другого рівня створити інтерактивні кнопки переходу до головної сторінки веб-вузла index.html .Назва кнопок «На головну»

  12. Командою «Формат→Смена страниц» створити динамічні ефекти для відкриття сторінки або переходу на інші сторінки веб-вузла. Створити по мінімально два ефекти.

  13. Виокремте окремі об’єкти сторінки: текст або фото і застосуйте на ваш вибір ефекти панелі DHTML. Вид→Панели инструментов→Эффекты DHTML. Застосуйте 2-3 виду ефектів.

  14. Зберегти зміни на диск.

  15. Переглянути результат роботи у браузері.

  16. Оформити звіт про роботу.

Схожі:

Основи роботи в Microsoft Office FrontPage 2003
В даний час створення власного або корпоративного віртуального представництва в Internet не є складною задачею навіть для початківців...
Тема: Проектування Web-сторінок в програмі Microsoft FrontPage
Приступаючи до створення веб-сайту, необхідно визначитися з його тематикою, кількістю підрозділів сайту та сторінок в кожному з них...
Тема: Форматування Web сторінок в програмі Microsoft FrontPage
Фрейми – це засіб для поділу вікна браузера на декілька областей, в кожній з яких відображається склад окремої веб-сторінки
Тема: Створення Web сторінок в програмі Microsoft FrontPage
Найпростіша Веб- сторінка має включати в себе графіку та текст. Умовне поділення за зонами та раціональне використання поля сторінки...
Програма MS FrontPage 2003 має в своєму арсеналі спеціальні засоби...
Програма MS FrontPage 2003 має в своєму арсеналі спеціальні засоби для розмітки і оформлення Web-сторінок – макетні таблиці, шари,...
Тема: Основні прийоми роботи в програмі Microsoft FrontPage
Мета: Ознайомитися з інтерфейсом програми та засвоїти основні прийоми роботи в програмі
Модуль Основи WEB-дизайну
Приватні особи використовують персональні Web-сторінки для організації кола спілкування за якою-небудь тематикою або для презентації...
ФОРМАТУВАННЯ WEB – СТОРІНОК ЗА ДОПОМОГОЮ ПРОГРАМИ FRONTPAGE
Щоб ввести текст потрібно натиснути: шрифт за замовчуванням Times New Roman, 12 (14) пунктів, точніше – розмір 3 (4), «обычный»....
Завадський І. О. та ін. Інформатика: 9 кл.: Підруч для загальноосвіт...
Тема. Використання та настроювання браузера. Вибір системи кодування під час перегляду web-сторінок. Збереження web-сторінок та їх...
Тема. Публікація статичної та динамічної інформації з БД в локальних...
Рінок різних типів засобами СУБД MS Access. Закріплення вмінь і навичок використання запитів для аналізу інформації БД. Усвідомлення...
Додайте кнопку на своєму сайті:
Портал навчання


При копіюванні матеріалу обов'язкове зазначення активного посилання © 2013
Meteo.ua Wordfactory.ua
звернутися до адміністрації
bibl.com.ua
Головна сторінка
Статті