Додавання зображення на сторінку
Лабораторна робота №7
Тема:Створення сайту тур-фірми сервісами web 2.0.
Мета: Навчитися створювати веб-сайти сервісами web 2.0 та надавати колективний доступ до них.
Теоретичні відомості
Веб-сайт можна створити різними способами, але найпростішим серед них є створення його за допомогою різноманітних засобів автоматизованої розробки. У цьому параграфі ми розглянемо, як відбувається цей процес, за допомогою службиGoogleSites.
Сервіс від корпорації Google-GoogleSites надає користувачам послугу безоплатного автоматизованого створення сайтів і розміщення їх у Всесвітній мережі. У процесі створення сайту можуть брати участь кілька користувачів, які мають різні права доступу до різних матеріалів створюваного проекту.
Служба GoogleSites дозволяє використати на сайті будь-який текст, графічні зображення, попередньо створені презентації та електронні таблиці, відеоролики з YouTube і GoogleVideo, інформацію з інших сервісів Google(GoogleDocs,GoogleCalendar,Picasaтощо) і досить велику кількість готових гаджетів з iGoogle.
Проте розмір створюваного за допомогою цієї служби сайту має обмеження - 100 Мбайт.
Доменне ім’я створюваного сайту матиме виглядsites.google.com/<ім’я сайту>.
Хід роботи
1.Зайти на власний акаунтGoogle.Для цього увійдіть до електронної пошти сервісу Google:http://gmail.com/http://gmail.com.
2.Перейти на вкладку служби Google Drive (Google Диск)
3.Обрати вкладкуБільше:
4.Обрати вкладку Інші продукти Google.
5.Перейти до сервісу “Сайти” Sites.
6. Натиснути кнопку Створити новий сайт:
7. Ввести всі необхідні параметри перед створенням сайту:
· Обрати шаблон сайту.Рекомендується обрати Пустий шаблон, який пропонує служба за замовчуванням, оскільки цей шаблон швидше за інші завантажується при роботі з веб-сторінкою.
· Дати назву сайту.
· Ввести бажану адресу (унікальну). Для цього у спеціальне поле Адреса сайту потрібно ввести назву майбутнього сайту (наприклад Моя туристична фірма), паралельно переглядаючи, як у нижньому полі автоматично формується адреса створюваного проекту відповідно до введеної назви.
Останню частину адреси, за якою буде розміщено сайт, розробник може змінити за власним бажанням, пам’ятаючи про те, що ця частина адреси може містити лише англійські літери та цифри.
· На зразку адреса сайта виглядає наступним чином:https://sites/google.com/site/назва сайту:
· Натиснути на значку “+” біля пункту Вибрати тему. У списку, який з’явився, вибрати тему.
· Відкрити вкладку Додаткові опції. Налаштувати додаткові параметри.
Створити короткий опис даного сайту.
· Ввести опис сайту в пункті Додаткові параметри.
· Ввести код перевірки, зображений на рисунку.
· Створити сайт, натиснувши кнопку Enter або кнопку Створити сайт .
Примітка. Якщо після введення коду та натискання кнопки Створити сайт пропонується ввести код повторно та зазначають, що вибране вами розміщення сайту недоступне, це означає, що сайт з такою назвою було створено раніше. Тому потрібно змінити назву сайту та виконати поточний етап роботи ще раз.
Якщо обрана назва сайту є унікальною, то процес автоматизованого створення сайту потребує 3-5 секунд, а далі ви можете продовжувати розробку власного нового проекту.
За замовчуванням створюється головна сторінка сайту (Домашня сторінка).
· В результаті пророблених вище дій отримаємо наступну веб-сторінку:
· Виконуючи розглянуті вище дії, змінюватимемо Домашню сторінку. Спочатку змінимо її назву — «Моя туристична фірма». Для цього прорбимо наступні дії:
*Обравши веб-сторінку, натиснути кнопку редагувати сторінку Редагувати сторінку . За потреби змінити назву сторінки на (наприклад на Туристична фірма «Мрія»).
*Використовуючи можливості вбудованого текстового редактора, набрати, відредагувати або відформатувати текстову інформацію, що розміщуватиметься на сторінці (для форматування тексту використати команди меню Форматі панелі інструментів вбудованого текстового редактора).
*Виділити назву фірми й призначити для неї інший колір символів.
Для цього:
- виділіть фрагмент тексту, колір символів якого потрібно змінити;
- на панелі інструментів натисніть кнопку - Колір тексту та зі спадного меню виберіть потрібний колір.
*Натиснути кнопку Зберегти , щоб зберегти виконані під час редагування сторінки зміни, або Скасувати, щоб відмовитися від них. Переглянути сайт.
8.Використовуючи можливості меню Вставити, додати на сторінку різноманітні об’єкти (зображення, відеофайли тощо).
Додавання зображення на сторінку
9.Щоб додати на веб-сторінку попередньо підготоване зображення, виконайте такі дії:
· В режимі редагування перейти на місце веб-сторінки, в яке потрібно вставити зображення.
· В меню Вставити обрати кнопку Зображення.
· У вікні Додати зображення, що з’явилося на екрані, виконайте одну з можливих дій:
*Встановивши перемикач Завантажені зображення, натиснути кнопку Вибрати та завантажити на сайт підготовані зображення. Після цього лівою клавішею миші можна обрати одне з них і натиснути кнопку ОК для вставляння зображення на сторінку.
*Встановивши перемикач Веб-адреса (URL), ввести адресу файлу зображення та виконати його попередній перегляд. Далі аналогічно вставити це зображення на веб-сторінку.
*За допомогою спеціального вікна, що з’явилося поруч із вставленим зображенням на веб-сторінці, призначити його властивості: Розмір зображення (оригінальний або один з трьох фіксованих: малий, середній, великий); Розміщення на сторінці (вирівнювати за лівим краєм, розміщувати по центру сторінки, розміщувати за правим краєм);
*В разі необхідності можна видалити вставлене зображення, натиснувши у службовому вікні посилання Видалити.