Каталог статей
| Головна » Статті » Вчитель вчителю » Уроки | [ Додати статтю ] |
Створення портфоліо
| Практична робота Тема: Створення портфоліо. Мета: Навчитись створювати портфоліо з посиланнями на інтернет ресурси. Завдання Створити портфоліо у вигляді сайту, де будуть завантажені всі ваші лабораторні роботи. Теоретичні відомості Портфо́ліо або збірка (широке портфоліо) виконаних робіт та напрацювань певної особи (компанії). Портфоліо може бути як на папері, так і в електронному вигляді. Електронне портфоліо, в свою чергу, може зберігатись локально (бути доступним лише визначеному колу людей) та глобально (бути доступним для всього світу — для користувачів інтернету). Глобально доступне портфоліо інакше називається веб-портфоліо. Найпростіший спосіб створити сторінку для розміщення в Інтернеті - скористатися інструментами пакета Microsoft Office. Останні версії цього пакета надають можливість перетворити звичайний документ у HTML-формат з непоганим якістю коду. Можливості Word Підготовлений у текстовому редакторі Word документ можна легко перетворити на web-сторінку. Однак вона буде виглядати не так привабливо, як хотілося б, якщо не вжити додаткові кроки. Розглянемо кілька прикладів. Перетворимо документ у web-сторінку за допомогою операції Зберегти як web-сторінку ... (викликається з головного меню - позиція Файл). Перше, що кидається в очі - текст займає все екранне простір. Довжина рядка занадто велика. Для комфортного читання на екрані число символів у рядку повинно бути в діапазоні 50-65. Використання таблиці Можна в цьому випадку вчинити зовсім просто: завести у вихідному документі таблицю і помістити в неї потрібний текст. У таблиці можна задати рамку. Тоді вид web-сторінки набагато покращиться, і в браузері сторінка буде виглядати привабливіше. Фон і стиль Можна піти далі - наприклад, змінити колір і фактуру фону, вигляд гіперпосилань, оформлення списків. Для зміни загального дизайну сторінки можна скористатися командою Тема з розділу головного меню Формат. Бажано вибрати не надто яскравий фон, щоб на ньому добре читався текст. Таким фоном в запропонованому списку є, наприклад, Рисова папір. Вставка картинки У документ можна додати картинку, взявши її, приміром, з колекції кліпів. Потрібно правою кнопкою миші клацнути на картинку, виконати операцію копіювання, і далі в документі вказати місце для картинки і виконати операцію вставки скопійованого об'єкта. Якщо ви вставляєте картинку всередину абзацу, то краще змінити властивості картинки, задавши обтікання тексту навколо картинки (потрібно вибрати позицію головного меню Формат і далі Малюнок). У документі при цьому не буде створюватися зайвого пустого простору. Якщо панелі Малювання немає на сторінці, то потрібно встановити її, вибравши позицію головного меню Вид і далі Конфіденційність та Малювання. Та, що біжить рядок Word дозволяє внести на web-сторінку і інші оформлювальні елементи, наприклад "біжучий рядок". Щоб скористатися цією можливістю потрібно відкрити на екрані панель web-компонентів (з головного меню - позиція Вид, далі Конфіденційність та Веб-компоненти). Клацання по кнопці операції Біжучий рядок відкриває додаткове вікно для завдання тексту параметрів біжучого рядка. Використання шаблонів оформлення Якщо ви починаєте створювати сторінку з нуля, то можна скористатися майстром веб-сторінок, який в діалозі буде допомагати формувати документ. Або ж можна використовувати готовий шаблон оформлення сторінки, вибравши його з досить представницького набору. Для цього потрібно в операції Створити вибрати режим Створення за допомогою шаблону і надалі Загальні шаблони. На екрані з'явиться форма, в якій потрібно вибрати закладку Веб-сторінки Кольорове і стильове рішення користувач може вибирати самостійно, наприклад, за допомогою настройок Формат - Тема. Створення гіперпосилань і закладок Останнє питання, яке ми плануємо розглянути в даному розділі - створення гіперпосилань у документі. Якщо ми хочемо послатися в документі на інший документ чи інший сайт в Інтернеті, то таку гіперпосилання можна зробити так: виділити в документі фрагмент тексту (слово) і виконати операцію Вставка - Гіперпосилання ... На екрані з'явиться форма, в якій задається адреса гіперпосилання. Адреса можна ввести явно чи можна вибрати файл у вікні. Тут слід пам'ятати, що адреса обраного файлу на вашому комп'ютері може змінитися, коли ви будете формувати свій сайт. Тому неявний спосіб завдання адреси підходить тільки в тому випадку, якщо структура вашої папки на комп'ютері та на сайті Інтернету збігаються. Якщо гіперпосилання має посилатися на іншу частину цього ж документа, то попередньо потрібно вставити закладку на початку потрібного фрагмента. Потрібно виконати операцію Вставити - Закладка, і в що з'явилася на екрані формі ввести ім'я закладки. Створення гіперпосилань У презентації можна створити гіперпосилання, які пов'язують об'єкти на слайді, наприклад, з іншими слайдами. Тим самим можна створити структуру гіпермедіа, яка природним чином буде відповідати ідеології Інтернету. Пояснимо цей прийом на прикладі. Якщо новий слайд вийшов не перший в послідовності, то потрібно вийти в режим сортувальника слайдів (з головного меню за допомогою операцій Вид - Сортувальник слайдів) і перетягнути новий слайд в початок колекції. На новий слайд помістимо зменшені копії всіх фотографій. Найпростіше це зробити самим прямолінійним способом: на порожній слайд послідовно скопіювати всі фотографії колекції, зменшити їх розмір і розмістити, наприклад, у дві лінії. Картинки можна буде в подальшому оформити рамками з тінню. На слайд-зміст можна додати назву презентації. Перейдемо в звичайний режим перегляду слайдів (команди Вид і далі Звичайний). На слайді-змісті виділимо фотографію і виконаємо команду Вставка - Гіперпосилання. У вікні, задамо перехід за гіперпосиланням - номер слайда з великою фотографією, з якою був скопійований менший зразок для змісту. Аналогічно зв'яжемо інші картинки на слайді-змісті з відповідними слайдами за оригіналами фотографій. Якщо ми тепер запустимо нашу презентацію на виконання, то вона буде працювати як структура гіпермедіа: при клацанні по маленькій фотографії буде виконуватися перехід на слайд з фотографією в збільшеному розмірі. Залишилося зовсім трохи вдосконалити нашу структуру. Додамо на кожен слайд з фотографією в його верхню ліву частину стрілку (Автофігура на панелі інструментів Малювання), і зробимо з цієї стрілки гіперпосилання, виконує перехід на слайд-зміст. Тепер рух по створеній нами структурі гіпермедіа стане "двостороннім": зі змісту можна перейти на слайди з фотографіями, і з будь-якого слайду повернутися на зміст. Контрольні питання 1. Які види списків у Word ви знаєте й у яких випадках вони використовуються? 2. Які види списків використовуються у Web - документах? 3. Яке призначення тегів у HTML - документах? 4. За допомогою яких тегів створюються ненумеровані списки? 5. Які теги використовуються у нумерованому списку? 6. Які теги потрібні для створення словника визначень? 7. Якими засобами Word створюються таблиці? 8. Навіщо потрібні таблиці в документах? 9. Якими засобами створюються таблиці у Web- документах? 10. Який тег використовується для обмеження рядка в таблиці? 11. Яким тегом задається назва стовпчика таблиці у «шапці»? 12. Яким тегом задається значення у комірці ділянки даних таблиці? | |
| Переглядів: 2087 | Рейтинг: 0.0/0 |
| Всього коментарів: 0 | |