
- •Міністерство освіти і науки україни
- •Вступ Методичні вказівки призначені для проходження студентами денної форми навчання навчально-комп`ютерної практики.
- •Частина I Теоретичні відомості до теми «Основи Web-дизайну»
- •Програми для створення|створіння| html - файлів.
- •Теги і структура html-документа
- •Межі документа.
- •Html - документ умовно можна розбити на три частини|частки|:
- •Шаблон html-документа.
- •Практичне заняття №1. Тема: Мова html. Сумісне застосування програм Блокнот та ie для створення сайту. Структура html-файлів. Обов’язкові теги, атрибути. Заголовок документа.
- •Практична частина
- •Практичне заняття №2 Тема: Текстові блоки мови html.
- •Текстові блоки
- •Створення|створіння| абзаців і рядків
- •Атрибуты: width – визначає довжину лініі(рядку) в пікселах або відсотках від ширини вікна браузера; size – визначає товщину лініі в пикселах.
- •Практичне заняття №3 Тема: Форматування тексту.
- •Теоретичні відомості
- •Практична частина
- •Практичне заняття №4. Тема: Створення різноманітних списків.
- •Теоретичні відомості
- •Ненумеровані списки.
- •Нумеровані списки
- •Практичне заняття №5. Тема: Створення таблиць.
- •Теоретичні відомості
- •Практичне заняття №6 Тема: Зображення. Зв’язування файлів за допомогою гіперпосилання. Гіперпосилання –текст та гіперпосилання - малюнок.
- •Теоретичні відомості
- •Гіперпосилання та якоря
- •Крокодил Корней Чуковский
- •Содержание
- •3. Завдання
- •Практичне заняття №7 Тема: Фрейми.
- •Теоретичні відомості
- •Елементи для створення і роботи з фреймами:
- •Створення фреймів
- •Як завантажувати у фрейми цілі сторінки
- •Література
Крокодил Корней Чуковский
Содержание
Жил да был...
А за ним-то народ...
Гимназисты за ним...
1
Жил да был Крокодил.
Он по улицам ходил,
папиросы курил,
По-турецки говорил, -
Крокодил, Крокодил–Крокодилович!
2
А за ним-то народ
И поет и орет:
"Вот урод так урод!
Что за нос, что за рот!
И откуда такое чудовище?"
3
Гимназисты за ним,
Трубочисты за ним,
И толкают его,
Обижают его;
И какой-то барбос
Укусил его в нос, -
Нехороший барбос, невоспитанный.
2)Тепер розглянемо створення гіперпосилання на інший файл:
<A HREF="[адреса файла] ім`я файла"> текст гіперпосилання </A>
На який створюється гіперпосилання або малюнок
Увага! При записі шляху до файлу, який не знаходиться у поточній папці, використовуйте косу риску з нахилом вправо, а не вліво, як прийнято в DOS. Нахил риси стає суттєвим при розміщенні гіпертексту на сервері для доступу до нього з Інтернету. Сервери, як правило, працюють під операційною системою UNIX, а в ній риски – нахилені вправо.
У випадку, коли гіперпосиланням має бути малюнок застосовується тег <img>.
3. Завдання
- Згідно вказаного формату команди <A> створити гіперпосилання у вигляді підкресленого тексту на файл з іменем Малюнки.html.
- Створіть на той самий файл Малюнки.html гіперпосилання у вигляді малюнка.
- В своєму файлі створіть гіперпосилання - малюнок з розмірами: 300 пк х 300 пк (малюнок візміть з галереї малюнків) на цей самий файл –малюнок з його реальними розмірами.
Таким чином, ваш маленький малюнок має відкривати великий малюнок.
Завданя
4.Побудуйте таблицю розмірністю 3х3. В кожній з комірок розташуйте довільні назви країн світу(на ваш розсуд), які в свою чергу виступають гіперпосиланнями на файли, що будуть розповідати про історію кожної країни, (Інформацію про країни можна взяти по запиту в Інтернеті «Список столиц мира-Википедия»). Файл назвіть «Країни світу».
Завданя
5.Побудуйте таблицю з трьох комірок в одному рядку. В кожній з комірок розташуйте по малюнку-гіперпосиланню, що будуть відкривати розповідь про ваших улюблених виконавців-співаків або групи; або країну, де ви відпочивали, або про ваше хоббі. Файл назвіть «Моє захоплення» чи «Відпочинок».
Практичне заняття №7 Тема: Фрейми.
Мета: Навчити студентів створювати сторінку, що складається із фреймів .
Теоретичні відомості
У вікні браузера може бути показана не одна сторінка, а одночасно дві, три або більше. У такому випадку кожна зі сторінок називається фреймом.
Фрейми (frames) використовуються для розбивки вікна браузера на кілька областей, кожна з яких являє собою окремий HTML-документ (фрейм). За допомогою фреймів можна створювати функціональні Web-сторінки, оформлення на високому професійному рівні.
Фрейми - це універсальний спосіб розробки інформативних і в той же час естетичних сторінок. Фрейми були введені в стандарт HTML у серпні 1995 року.