- •Тема 1. Технології Internet та основи створення Web-вузлів
- •2, Загальні принципи створення комерційних Web-сайтів
- •3. Загальні принципи створення окремої сторінки Web-сайту "
- •4. Розміщення Web-вузла в Internet та вивір провайдера
- •Тема 2. Структура html-документа й елементи розмітки заголовка документа
- •1. Історія розвитку мови розмітки гіпертексту html
- •2. Принципи гіпертекстової розмітки. Структура html-документа
- •3. Тега, що визначають структуру документа
- •4. Призначення та основні контейнери заголовка
- •Тема 3. Мова розмітки гіпертексту html
- •5. Федорчук а. Как создаются Web-сайты: краткий курс- сПб: Питер, 2000.-224с: ил.
- •1. Теги управління розміткою
- •2. Теги керування відображенням символів
- •3. Організація тексту всередині документу
- •4. Засоби опису таблиць у html
- •Тема 4. Топологія Web-сайту. Навігація на Web-сайті. Створення гіпертекстових переходів засобами html
- •1. Топологія Web-сайту
- •2. Створення загальних посилань засобами html
- •3. Створення контекстних посилань засобами html
- •4. Створення гіперпосилань засобами html
- •5. Html форми
- •Тема 5. Основи Web-дизайну
- •2. Офермлеяня Web-сторінки. Типи фонів. Текстури. Правила
- •3. Логотип
- •4. Шрифт і текст у Web-дизайні
- •5. Кольорове коло. Системи представлення кольорів. Підбір
- •Тема 6. Кольорове оформлення сторінок засобами html. Web-графіка План лекції
- •1. Атрибути body для кольерового оформленим Web-сторінок
- •2. Оформлення таблиць
- •3. Використання графіки в html
- •Тема 7. Каскадні таблиці стилів css (Cascading Style Stoeets)
- •1. Основи css
- •1.1. Призначення css
- •1.2. Додавання стилів на web-сторінку
- •1.3. Присвоєння стилів
- •2. Властивості елементів, керованих за допомогою css
- •2.2. Текст
- •2.3. Шрифти
- •1. Пошук інформації у Internet Повнота, достовірність та швидкість пошуку
- •Тема 1. Технології Internet та основи створення Web-вузлів
УДК 0W.7
Укладачі: В.Т. Сусіденко, д.е.н., проф.
О.В. Олыпевська, асистент. І.М. Савалюк, $л\н., доц.
Обговорено та схвалено на засіданні кафедри інформаційних систем та мереж Вінницького торговельно-економічного інституту КНТЕУ 29 березня 2005 року, протокол №10 та на засіданні методичної ради ВТЕІ КНТЕУ 27 червня 2005 року, протокол № З
Рецензенти: М.О. Цензура, к.т.н., доцент кафедри Інформаційних технологій та систем Київського національного торговельно-економічного університету; О.М. Ромашок, K.T.H., доцент кафедри обчислювальної техніки Вінницького державного технічного універси¬тету;
М.М. Семеренко, к.т.н., доцент кафедри інформаційних систем та мереж ВТЕІ КНТЕУ.
Навчально-методичне видання Основи web-дизайну
Конспект лекцій та методичні вказівки
Укладачі: Сусіденко Валентин Трохимович,
Ольшевська Олена Василівна,
Савалюк Ірина Миколаївна.
Редактор: Г.А. Осадчук
Підписано до друку 11.05.2006 Формат 60x84/16
Папір офсетний. Гарнітура Times New Roman.
Друк ізографією. Ум. друк. арк. - 5,81. Обл.-вид. арк. - 6
Тираж 300 пр. Зам. № 125
Віддруковано в Центрі підготовки навчально-методичних видань ВТЕІ КНТЕУ 21000, м. Вінниця, Хмельницьке шосе, 25
Тема 1. Технології Internet та основи створення Web-вузлів
План лекції
1. Поняття Web-сайт)'. Його функції, призначення, структура.
2. Загальні принципи створення комерційних Web-вузлів.
3. Загальні принципи створення окремої сторінки Web-сайту.
4. Розміщення Web-вузла в Internet та вибір провайдера.
5. Засоби створення Web-сайтів.
Ключеві слова: Web-сайт, Web-сторінка, WWW-вузол, WWW-сервер, структура Web-сайту, структура Web-сторінки, навігація, Internet
провайдер.
Список рекомендованої літератури
1. Вин Д, Искусство web-дизайна: Самоучитель.- СПб.: Питер, 2002.-224с: ид,
2. Гультяев А.К, WEB-дазайн от MACROMEDIA: Практическое пособие,- СПб.: КОРОНА принт, 2001,- 480с: ил.
3. Каллахан I. Ваша Web-страница. Проблемы и решения: Практ. пособие,- Пер. с англ.- М: ЭКОМ, 2002.- 432с: ил.
4. Матвієнко О.В, Internet-технології: проектування Web-сторінки: Навч. посібник/ О.В.Матвієнко, І.Л.Бородкіна- 2-ге вид., дороб. і доп.- К: Центр навчальної літератури, 2004.- 154с
5. Федорчук А. Как создаются Web-сайты: краткий курс- СПб: Питер, 2000.-224с: ил.
6. Щедріш О. WEB»pQ3po6Ka:mo треба враховувати,створюючи свій сайт// Маркетинг в Україні,- 2002,- №1,- С. 18-20.
7. http://www.kirsanov,com/,
8. http://intuit.ru
1. Поняття Web-сайту. Його функції, призначення, структура
Сайт (від англ, "site", застосовуються також терміни "Web-сторінка", "WWW-сторінка", "WWW-вузол", "WWW-сервер") - це набір декількох десятків, сотень або навіть тисяч Web-сторінок (HTML- або XML-документів), що зв'язані разом єдиною темою, загальним оформленням, взаємними гшерпосиланнями. В залежності від контексту, один і той же набір сторінок може розглядатись як самостійний сайт або як частина іншого сайту.
У залежності від призначення та власників Web-сайти поділяють на: особисті сторінки (home pages), некомершйні, комерційні, корпоративні, контент-сайти.
Некомерційні сайти належать добровільним об'єднанням, тимчасовим проектам, міжнародним, благодійним, науковим або загальноосвітнім організаціям, що не займаються комерцією в Internet. Основною метою сайтів є розповсюдження інформації.
Комерційні й корпоративні Web-вузли зазвичай створюються для компаній, що реалізують товари. Метою може бути поширення інформації про фірми й реклама продукції, а також організація Web-магазина. При цьому вирішуються наступні задачі: » зміна іміджу й підняття престижу компанії;
• просування торговельної марки;
• присутність інформації про продукцію і ціни для клієнтів;
• підтримка дилерської мережі, присутність інформації про продукцію й ціни дня дилерів;
• прямий продаж продукції у Internet, організація Web-магазина;
• присутність внутрішньої інформації для співробітників, що працюють поза офісом.
Також корпоративний сайт має за мету створення у відвідувача образа фірми, що добре запам'ятовується, ж
Контент-сайга користуються найбільшою популярністю. До цієї категорії відносяться пошукові системи, сайти новин і колонки оглядачів, розважальні й освітні ресурси. Контенг-сайти належать або ентузіастам або фірмам, що заробляють на банерній рекламі.