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


Скачати 28.35 Kb.
Назва Тема: Проектування Web-сторінок в програмі Microsoft FrontPage
Дата 13.04.2013
Розмір 28.35 Kb.
Тип Документи
bibl.com.ua > Бухгалтерія > Документи
Лабораторна робота № 9-10
Тема: Проектування Web-сторінок

в програмі Microsoft FrontPage
Мета: Навчитися створювати проект та макет WEB-вузлів.
Теоретична частина.

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

  1. Накреслити структурну схему веб-вузла вашого підприємства на папері.

  2. Схема має складатися з трьох елементі: головної веб-сторінки на першому рівні, та двох веб-сторінок другого рівня.

  3. Головна сторінка першого рівня має містити опис та логотип фірми.

  4. Перша веб-сторінка другого рівня буде містити фото колекцію фотографій підприємства.

  5. Друга веб-сторінка другого рівня буде містити таблицю з даними про підприємство.

  6. Створити новий веб-вузол на ПК. в програмі FrontPage 2003.

  7. Відредагувати структуру веб-вузла.

  8. Відредагувати сторінки веб-вузла.

3.1 перейти в режим редагування конкретної сторінки

3.2 встановити властивості веб-сторінки

3.3 ввести з клавіатури або вставити через буфер обміну текст та від

форматувати його

3.4 вставити фон, таблиці, графічні зображення, гіперпосилання, загальні

області та форми, тощо…

3.5 додати динамічні ефекти та компоненти

3.6 зберегти веб-сторінку та переглянути її у браузері Internet Explorer

3.7 продовжити редагування або перейти до редагування наступної веб-

сторінки

4. При необхідності повернутися до пункту 2 та додати нові веб-сторінки

5. Закрити FrontPage 2003, відкрити створений веб-сайт в браузері і

протестувати його – переглянути веб-сайт при різних розшиненнях

моніторів в різних браузерах

Рекомендація: об’єм веб-сторінки не повинен перевищувати 100 Кбт. Всі

гіперпосилання повинні бути в робочому стані ( заборона error 404).

Графічні малюнки і фотографії повинні бути об’ємом = 30-40 Кбт.

Використовуються графічні файли з розширенням .GIF або .Jpg.

Хід роботи

  1. Спроектувати WEB- вузол в звіті.

  2. Зобразити у звіті структуру WEB- сторінки- намалювати блок-схему з трьох веб-сторінок та дати текстове пояснення вашому проекту, детально розписати цілі та мету вашої сторінки.

  3. В запропонованому варіанті слід спроектувати першу головну веб-сторінку для уявної підприємства.

  4. Розташувати на схемі відповідну кількість текстових та графічних елементів.

  5. Спроектувати першу веб-сторінку другого рівня з розташуванням фотографій.

  6. Спроектувати другу веб-сторінку другого рівня з таблицею.

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

  8. Виконайте команду Файл – Создать.

  9. На панелі Создание в області задач перейти по гіперпосиланню Одностраничный веб-узел.

  10. В вікні Шаблони Веб-узлов на вкладці Общие вибираємо Одностраничный Веб-узел.

  11. За допомогою кнопки Обзор вкажіть розташування нового веб-вузла.

  12. D:|\ОКН\..... натиснути Ок.

  13. Вибрати пункт меню Вид – Переходы. (В цьому режимі веб-сторінки відображаються у вигляді графічної схеми)



  14. Користуючись контекстним меню створіть попередньо спроектовану схему вашого веб-вузла в кількості трьох сторінок: одна першого рівня – головна, дві другого рівня.

  15. За допомогою контекстного меню кожної сторінки перейменуйте їх відповідно до вашого проекту. Збережіть головний файл під назвою - index.html , перша сторінка другого рівня під назвою - foto.html , друга сторінка другого рівня – tabl.html

  16. Відкрийте по-черзі створені веб-сторінки та збережіть їх на диск. При цьому змініть назву Windows-вікна кожної веб-сторінки відповідно до тематики. Наприклад index.html – Головна, foto.html – фото фірми, tabl.html – дані про фірму. (Файл – Сохранить как – Изменить)

  17. Перегляньте структуру веб-вузла команда Вид – Список папок.

  18. При необхідності в цьому режимі можна за допомогою контекстного меню перейменувати, перемістити або видалити непотрібні веб-сторінки. Увага – при видаленні веб-сторінки верхнього рівня всі сторінки нижнього рівня теж видаляються!

  19. Оформити звіт

Схожі:

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


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