
- •Анотація дисципліни «інтернет-технології»
- •Індивідуальне завдання: Створення web-сайту
- •1. Порядок виконання роботи
- •Практичне завдання №1
- •Теоретичні відомості Основні етапи розробки веб-сайту
- •Хід роботи
- •Практичне завдання №2
- •Теоретичні відомості
- •За сталими традиціями інформація розподіляється наступним чином:
- •Модульна сітка
- •Одноколонна структура
- •Двохколонна структура
- •Трьохколонна структура
- •Хід роботи
- •1. Створення фону для майбутнього макету.
- •2. Створення блокнота, де буде розміщатися контент сайту та навігаційне меню.
- •4.5. Додойте текст білого кольру до кожної з цих закладок, наприклад: Головна, Галерея, Новини, Форум.
- •Практичне завдання №3
- •Теоретичні відомості
- •Хід роботи
- •Практичне завдання №4
- •Теоретичні відомості
- •Така популярність викликана кількома причинами:
- •Флеш-анімація
- •Доцільність використання анімації
- •Класифікація логотипів
- •Хід роботи
- •12. Створіть новий шар. Анологічно попередньому пункті знову створіть надпис «Як зробити банер» з такими налаштуваннями:
- •21. Перейдіть в1кадр шару Слой 5. На панелі, що знаходиться внизу програми оберіть вкладку Свойства. В пункті Tween з випадаючого списку оберіть пункт Движение.
- •Практичне завдання №5
- •Теоретичні відомості html – мова розмітки тексту
- •Переваги:
- •Недоліки:
- •Хід роботи
- •Список рекомендованої літератури
- •43018 М. Луцьк, вул. Львівська, 75
21. Перейдіть в1кадр шару Слой 5. На панелі, що знаходиться внизу програми оберіть вкладку Свойства. В пункті Tween з випадаючого списку оберіть пункт Движение.
На часовій шкалі в шарі Слой 5 повинна з’явитися стрілка, що свідчить що ми застусували анімацію руху.Отже всі дії виконано вірно.
22. Щоб переглянути анімацію натисніть комбінацію клавіш Ctrl+Enter.
23. На часову шкалі на 35 кадрі кожного шару встановіть ключовий кадр натиснувши клавішу F6 .
24. Встановіть на 36 кадрі кожного шару ключовий кадр.
25. Перейдіть в шар Слой 2 та в 36 кадрі виділіть кнопку за допомогою інструменту Выделение, перейдіть в панель, що знаходиться внизу програми та оберіть вкладку Фильтры, де відключіть фільтр Бросить тень, просто натиснувши на зелену галочку, що знаходиться біля фільтру.
26. Перегляньте анімацію натиснувши комбінацію клавіш Ctrl+Enter.
27. Перейдіть в шар Слой 4, та на 14 кадрі вставте ключовий кадр F6.
28. Видіть текст та перейдіть в вкладку Свойства, де зробіть наступні налаштування.
29. Перейдіть в 30 кадр шару Слой 4 та видіть текст та перейдіть в вкладку Свойства, де зробіть наступні налаштування.
30. Перегляньте анімацію натиснувши комбінацію клавіш Ctrl+Enter.
31. Натисніть Файл та оберіть Публикация, щоб публікувати аніиований банер. Збережіть документ натиснувши Файл та оберіть Сохранить как… Дайте назву документу.
Практичне завдання №5
Тема: Створення сайту засобами HTML і CSS
Мета роботи: Навчитися створювати сайт за допомогою засобів HTML і CSS.
Завдання: Створити сайт, використовуючи засоби HTML і CSS, на тему, згідно свого номеру варіанту, заповнити сторінки інформацією та додати до них мультимедіа об’єкти на задану тематику.
Теоретичні відомості html – мова розмітки тексту
Всесвітня павутина складається з веб-сторінок, які створено у форматі HTML (HyperТext Markup Language, «мова розмітки гіпертексту»). HTML - це фундаментальна, базова технологія Інтернету.
HTML не є мовою програмування, це мова розмітки тексту, що використовує спеціальні оператори – теги (tag) чи інша назва дескриптори (descriptor) для розмітки текстового документа. Ці позначки вказують в якому вигляді буде виведено текстовий чи інший елемент у вікні браузера.
HTML дозволяє формувати на сторінці сайту текстові блоки, додавати до них зображення, організовувати таблиці, керувати відтворенням кольору, додавати до дизайну сайту звуковий супровід, організовувати гіперпосилання з переходом до інших розділів сервера або звертатися до інших ресурсів Інтернету і компонувати всі ці елементи між собою. Документи, що створено лише засобами HTML мають розширення .htm або .html.
Однією з основних функціональних особливостей мови HTML, завдяки якої вона і отримала свою назву, є гіперпосилання.
Гіперпосилання (Hyperlink) — це базовий функціональний елемент HTML-документу, який реалізовує зв'язок певного об'єкту веб-сторінки з іншим об’єктом. Для гіперпосилання може використовуватися як фрагмент тексту, так і графічний об'єкт, а сам гіперзв'язок можна встановлювати як між об’єктами одного сайту, так і між об'єктами, що розміщені на різних сайтах Інтернету.
HTML є мовою, що лише інтерпретується, тому, для виконання коду, його не потрібно компілювати. Інтерпретатор мови втілено в браузер, і він «компілює» код безпосередньо під час відкривання документа. Якщо в коді сторінки виявлено помилку, інтерпретатор, зазвичай, не видає відповідного попередження, а просто ігнорує весь «помилковий» рядок, що може зіпсувати зовнішній вигляд завантаженої сторінки. Це є важливим для розробників, тому слід бути уважним під час складання HTML-коду і ретельно тестувати результати своєї роботи.
CSS – каскадна таблиця стилів
CSS (Cascading Style Sheets) — це технологія опису зовнішнього вигляду документа, що створено засобами HTML, XML і XHTML.
CSS використовується для завдання кольорів, шрифтів, розташування елементів сторінки тощо. До появи CSS оформлення веб-сторінок вказувалося безпосередньо в HTML-коді сторінки. Проте, з появою CSS стало можливим принципове розділення змісту і представлення документа. За рахунок такого нововведення стало можливим легке застосування єдиного стилю оформлення для кількох сторінок сайту, а також швидка зміна цього оформлення.