
- •Д. О. Булавін Інтернет-комунікації та web-дизайн
- •Передмова
- •Тематичний план курсу «Інтернет-комунікації та web-дизайн» Загальна схема та структура курсу
- •Види і форми контролю знань з курсу «Інтернет-комунікації та web-дизайн» для студентів денної форми навчання
- •Види і форми контролю знань з курсу «Інтернет-комунікації та web-дизайн» для студентів заочної форми навчання
- •Критерії оцінювання письмової екзаменаційної роботи
- •Правила переведення оцінок у систему ects
- •Зміст лекційних занять Модуль 1 Основи роботи в Інтернет. Інтернет-браузери. Інтернет в бізнесі.
- •Тема 1. Інтернет та його розвиток. Типи Інтернет-браузерів, їх переваги та недоліки. Основи роботи с поштовими службами
- •Тема 2. Використання Інтернету в бізнесі. Типи Інтернет-сайтів та їх можливості.
- •Модуль 2 Інтернет-сайти та їх типи. Розробка Інтернет-ресурсів.
- •Тема 3. Web-сторінки, гіперссилки, клієнти та сервери Інтернету
- •Тема 4. Типові системи розробки Інтернет-ресурсів. Середа Dreamweaver mx. Базові основи роботи з середою.
- •Тема 5. Створення Web-сторінки, структура сайту, робота зі стилями.
- •Тема 6. Робота з графічними зображеннями, графіка Macromedia Flash, мультимедиа.
- •Тема 7. Використання таблиць при розробці Інтернет-сторінок. Публікація web-сторінки
- •Приклади тестових питань
- •Питання для самоконтролю
- •Тема семінару 5 Створення стартової сторінки з гіперпосиланнями, поштою і текстом.
- •Теоретичні відомості виконання практичного семінару.
- •Питання для самоконтролю
- •Тема семінару 6 Створення всіх сторінок сайту, наповнення їх звичайними і змінними зображеннями.
- •Питання для самоконтролю
- •Методичні поради для виконання індивідуального навчально-дослідного завдання (індз) Загальні положення
- •Структура письмової роботи індз
- •Вимоги до змісту
- •Вимоги до оформлення
- •Оформлення списку використаних джерел
- •Питання до іспиту
- •Основна література:
- •Додаткова література:
- •Іноземна література:
- •Словник основних термінів
- •Булавін Дмитро Олексійович
- •61077, Харків, пл. Свободи, 4,
- •61077, М. Харків, пл. Свободи, 4.
Питання для самоконтролю
Що таке Dreamweaver?;
Які панелі знаходяться у головному вікні;
Як відкрити додаткові можливості кожної панелі;
Які типи інструментарію існують, їх відмінності;
Які секції існують на статус вікні документа Dreamweaver;
Які режими відображення Web-сторінки ви знаєте, у чому їх особливості;
Як змінити режим відображення Web-сторінки;
Як можна переглянути створену Web-сторінку.
Тема семінару 5 Створення стартової сторінки з гіперпосиланнями, поштою і текстом.
Мета семінару: навчитися створювати сторінки, додавати гіперпосилання і форматувати текст.
План
Створити стартову сторінку Інтернет-сайту.
Додати та відформатувати текстову інформацію.
Додати класичні та поштове гіперпосилання.
За результатами семінарів 4 – 8 сформувати звіт.
Теоретичні відомості виконання практичного семінару.
Створення стартової Web-сторінки
1.1 Щоб створити сторінку виберіть пункт New в меню File або натиснути комбінацію клавіш Ctrl + N. Після цього з'явиться діалогове вікно New Document. Виберіть у списку Category пункт Basic Page, а в списку Basic Page - пункт HTML 4.01 Transitional, після чого натисніть кнопку ОК. На екрані з'явиться порожнє вікно документа.
1.2 Збережіть сторінку (вибираємо пункт Save as в меню File). Index.html - так зазвичай вказується назва першої (головної) сторінки сайту.
1.3 Задайте основні властивості сторінки, для цього потрібно зайти в меню Modify і вибрати пункт Page Properties (Рис. 9):
Рис. 9 Налаштування властивостей сторінки
• Шрифт, його колір, колір фону або фоновий малюнок.
• Left Margin, Right margin - відступ від краю сторінки зліва і справа.
• Top Margin, Bottom margin - те ж, але зверху і знизу.
• Link color - колір посилань, Rollover links - колір посилання при наведенні на неї, Visited Links - колір відвіданих посилань, Active Links - колір поточної активного посилання.
• Document Encoding - кодування документа (Кирилиця - Windows)
• Tracing image - кладе на фон напівпрозору картинку з дизайном.
2. Додавання та форматування текстової інформації
2.1 Наберіть текст стартової сторінки. Приклад тексту (Рис. 10).
Для створення списку і вставки спеціальних символів використовуйте панель text.
Зробіть заголовок, для цього поставте перед ним курсор і виберіть в меню форматів пункт Heading 1. Вирівняйте заголовок по центру за допомогою кнопок вирівнювання редактора властивостей (Рис. 7).
2.3 Задайте шрифт тексту, розмір (Список Font та список Size в редакторові властивостей відповідно). Якщо вам потрібно привести текст до його початкового вигляду, то клікніть на текст, і виберіть Remove Tag в меню правої кнопки миші.
Рис.10 Приклад додавання тексту
Створення класичних та поштових гіперпосилань
3.1 Виділіть текст в редакторові властивостей в полі Link введіть адресу сторінки (наприклад, about_me.html). Для того, щоб вказати сторінку поза вашого сайту, введіть в поле Link інтернет-адресу, наприклад, www.macromedia.com. Щоб сторінка відкривалася в новому вікні, виберіть у списку Target – blank.
3.2 Створіть поштову гіперпосилання. Для цього необхідно перемкнутися на сторінку Common панелі об'єктів і клацнути кнопку Email Link (Рис. 11) або можна в полі Link набрати mailto: (ваш ел. Адресу).
Рис. 11 Додавання поштового гіперпосилання