
- •Практичне заняття № 1 Програми для перегляду веб-сторінок (Internet Explorer, mozilla)
- •Теоретичні відомості
- •Хід роботи
- •Варіант порядку виконання роботи з браузером Mozilla:
- •Контрольні запитання
- •Практичнe заняття № 2 створення поштової скриньки. Робота з електронною поштою через веб-інтерфейс
- •Теоретичні відомості
- •Хід роботи
- •Контрольні запитання
- •Практичне заняття № 3 пошукові системи
- •Теоретичні відомості
- •Хід роботи
- •Структура html-документа
- •Назва документу
- •Тіло документа
- •Поділ тексту на абзаци
- •Хід роботи
- •Контрольні запитання
- •Практичне заняття № 5 форматування тексту. Робота зі шрифтами
- •Теоретичні відомості Форматування гіпертексту
- •Логічне форматування
- •Хід роботи
- •Кольорове оформлення документа
- •Горизонтальні лінії.
- •Попередньо відформатований текст
- •Хід роботи
- •Гіперпосилання
- •Абсолютний і відносний url.
- •Гіперпосилання в межах одного документа
- •Посилання на поштову скриньку
- •Хід роботи
- •Використання таблиць в html.
- •Якщо ці комірки містять заголовки стовпців, або теги
- •II.Вирівнювання даних у клітинках
- •Колір в таблицях
- •Значення кольорів, встановлені на рівні комірки, будуть перекривати значення, встановлені на рівні рядків, які у свою чергу, будуть перекривати значення, задані на рівні всієї таблиці. Хід роботи
- •Хід роботи
- •Контрольні запитання
- •Література
- •Формування навичок роботи у мережі інтернет та створення web-сторінок
- •76018, М. Івано-Франківськ, вул. С. Бандери, 1,
- •Хрущ л. З. Формування навичок роботи у мережі інтернет та створення web-сторінок
Хід роботи
Створити папку Практична робота №2. В цій папці створити HTML-документ, у якому записати своє прізвище, ім’я, по-батькові, використовуючи заголовок першого рівня (<h1>, <\h1>).
Розмістити в документі прислів’я наступним чином:
а) перше прислів’я вирівняти по лівому краю (ALIGN=left) та оформити курсивним шрифтом (<I> </I>) (Наприклад,
<p ALIGN=left> <I> Діло майстра величає! </I></p>;
б) друге – по центру (ALIGN=center) напівжирним шрифтом (<B> </B>);
в) третє – по правому краю (ALIGN=right) підкресленим шрифтом (<U> </U>);
г) четверте, п’яте, шосте, сьоме, восьме – по ширині вікна браузера (ALIGN=justify) курсивним та підкресленим шрифтом одночасно. (Наприклад,
<p ALIGN= justify> <I> <U>Життя любить того, хто за нього бореться, а нищить того, хто йому піддається. Виходиш з дому – кланяйся життю молодому. Від теплого слова і лід розмерзається. Птицю пізнати по пір'ю, а людину по мові. Мудрий не все каже, що знає, а дурень не все знає, що каже. </I> </U> </p>.
Включити до документу елементи логічного форматування. Кожне логічне форматування оформляти з нового рядка. Наприклад, для виділення цитат використовуються теги (<CITE> </CITE>), для цього вводимо:
<br><CITE> У 2003 році при інституті </CITE>.
Аналогічно оформити інші фрагменти тексту: туризму і менеджменту (<CODE> </CODE>) була відкрита кафедра (<EM> </EM>) організації туристичної діяльності (<KBD> </KBD>). Після її реорганізації у 2007 році (<STRONG> </STRONG>) було створено кафедру туризму і краєзнавства (<VAR> </VAR>).
Включити до поданого речення елементи фізичного форматування (Напівжирний, (<B> </B>), Курсив (<I> </I>), Підкреслений (<U> </U>), Друкарська машинка (<TT> </TT>),
Закреслений(<S> </S>), Великий (<BIG> </BIG>), Маленький (<SMALL> </SMALL>): “Інститут туризму і менеджменту є структурною одиницею Прикарпатського національного університету імені Василя Стефаника, він був створений наказом ректора університету 154 від 19.08.2003р., на підставі рішення Вченої ради номер 10 від 2.07.2003р.”. Використовувати до деяких слів одночасно декілька різних тег фізичного форматування.
Відформатувати вказаний текст (верхній індекс ставиться за допомогою попарного тегу <SUP> </SUP>, а нижній – за допомогою попарного тегу <SUB> </SUB> ):
(<br>3x<sup>2</sup>+2x=0)
C2H5OH.
Контрольні запитання
Що таке логічний (logical) та фізичний (Physical) стилі форматування вмісту документа?
Яке призначення тега FONT?
Які значення можуть набувати параметри тега FONT?
Які теги позначають товстий, курсивний та підкреслений шрифти?
За допомогою яких тегів можна вказати нижній індекс? А верхній індекс?
ПРАКТИЧНЕ ЗАНЯТТЯ № 6
КОЛІР. ЛІНІЇ. ШРИФТ. СПИСКИ
Мета. Навчитися створювати записи різними кольорами, використовувати різні шрифти, створювати лінії та нумеровані й марковані списки.
Теоретичні відомості