 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Порядок виконання роботи. Завдання 1. Створення простої Web-сторінки
Завдання 1. Створення простої Web-сторінки.
Порядок виконання:
- Запустіть текстовий редактор Блокнот (Пуск > Програми > Стандартні > Блокнот).
- Введіть наступний документ:
<HTML>
<HEAD>
<Тitle>заголовок документа</TITLE>
</HEAD>
<BODY>
Зміст
документа
</BODY>
</HTML>
- Збережете цей документ під ім'ям < Ваше прізвище>.htm.
Примітка. Зверніть увагу, що редактор Блокнот автоматично не зберіг Ваш файл з розширенням .TXT (переконаєтеся, що скинутий прапорець. Не показувати розширення для зареєстрованих типів файлів (Пуск > Настройка > Властивості теки > Вигляд)).
- Запустіть програму Internet Explorer (Пуск >Програми.>Internet Explorer).
- Дайте команду Файл >Відкрити. Клацніть на кнопці Огляд і відкрийте файл < Ваше прізвище>.htm.
- Подивіться, як відображається цей файл - простий коректний документ HTML.
Завдання 2. Вивчення прийомів форматування абзаців.
Порядок виконання:
1. Якщо ця вправа виконується не відразу після попереднього, відкрийте документ < Ваше прізвище>.htm у програмі Блокнот.
2. Видалите весь текст, що знаходиться між тегами < BODY> і < /BODY>. Текст, який вводитиметься в подальших пунктах цієї вправи, необхідно помістити після тегу < BODY>, а його конкретний зміст може бути будь-яким.
3. Введіть заголовок першого рівня, уклавши його між тегами < Н1> і < /Н1>.
4. Введіть заголовок другого рівня, уклавши його між тегами < Н2> і < /Н2>.
5. Введіть окремий абзац тексту, почавши його з тегу < Р>. Пропуски і символи перекладу рядка можна використовувати усередині абзацу довільно.
6. Введіть тег горизонтальної лінійки < HR>.
7. Введіть ще один абзац тексту, почавши його з тегу < Р>.
8. Збережете цей документ під ім'ям < Ваше прізвище>.htm.
9. Запустите оглядач Internet Explorer (Пуск >Програми > Internet Explorer).
10. Дайте команду Файл > Відкрити. Клацніть на кнопці Огляд і відкрийте Ваш файл.
11. Подивитеся, як відображається цей файл. Встановите відповідність між елементами коди HTML і фрагментами документа, що відображаються на екрані.
Завдання 3. Створення гіперпосилань.
Порядок виконання:
1. Якщо ця вправа виконується не відразу після попереднього, відкрийте документ < Ваше прізвище>.htm у програмі Блокнот.
2. Текст, який вводитиметься в подальших пунктах цієї вправи, необхідно помістити між тегами < BODY> і < /BODY>.
3. Введіть фразу: Текст до посилання.
4. Введіть тег: < А HREF="http://www.ugatu.ac.ru">.
5. Введіть фразу: Посилання.
6. Закрийте тегом < /A>.
7. Введіть фразу: Текст після посилання.
8. Збережіть Ваш документ.
9. Запустите оглядач Internet Explorer відкрийте Ваш файл.
10. Переконаєтеся в тому, що текст між тегами < А> і < /А> виділений як посилання (кольором і підкресленням).
11. Клацніть на посиланні і переконайтеся, що при цьому завантажується документ, на який указує посилання.
12. Клацніть на кнопці Назад на панелі інструментів, щоб повернутися до попередньої сторінки. Переконаєтеся, що посилання тепер вважається «проглянутим» і відображається іншим кольором.
Задание 4. Прийоми форматування тексту.
Порядок виконання:
1. Якщо ця вправа виконується не відразу після попереднього, відкрийте документ < Ваше прізвище>.htm у програмі Блокнот.
2. Текст, який вводитиметься в подальших пунктах цієї вправи, необхідно помістити між тегами < BODY> і < /BODY>.
3. Введіть тег <FONT SIZE="5" COLOR="BROWN">. Він задає вивід тексту зі збільшеним шрифтом та коричневим кольором.
4. Введіть довільний абзац тексту, який буде виводитись шрифтом, який задан по умовчанню. Почніть даний абзац з тегу <Р>. Та закінчить тегом </FONT>.
5. Введіть теги: <Р> <FONT SIZE="-2" FACE="ARIAL" COLOR="GREEN">.
6. Введіть наступний абзац тексту, закінчивши його тегом </FONT>.
7. У наступному абзаці використовуйте на свій розсуд парні теги: <В> (напівжирний шрифт), <I> (курсив), <U> (підкреслення), <S> (викреслення), <SUB> (нижній індекс), <SUP> (верхній індекс).
8. У наступному абзаці використовуйте на свій розсуд парні теги <ЕМ> (виділення), <STRONG> (сильне виділення), <CODE> (текст програми), <КВО> (клавіатурний ввід), <SAMP> (приклад висновку), <VAR > (комп'ютерна змінна).
9. Збережіть Ваш документ.
10. Відкрийте браузер Internet Explorer відкрийте Ваш файл. Вивчіть, як використані елементи HTML впливають на спосіб відображення тексту.
11. Поверніться до програми Блокнот і змініть документ так, щоб елементи, що задають форматування, були вкладені одна в одну. Збережіть документ під тим же ім'ям.
12. Поверніться до програми Internet Explorer і клацніть на кнопці Оновити на панелі інструментів. Подивіться, як змінився вигляд сторінки.
Завдання 5. Прийоми створення списків.
Порядок виконання:
1. Якщо ця вправа виконується не відразу після попереднього, відкрийте документ <Ваше прізвище>. htm у програмі Блокнот.
2. Текст, який буде вводитися в наступних пунктах цієї вправи, необхідно помістити між тегами <BODY> і </ BODY>
3. Вставте в документ тег <OL ТУРЕ="I">, який починає упорядкований (Нумерований) список.
4. Вставте в документ елементи списку, починаючи кожен тегом <LI>.
5. Завершіть список за допомогою тега </ OL>.
6. Збережіть Ваш документ.
7. Відкрийте браузер Internet Explorer відкрийте Ваш файл. Вивчіть, як упорядкований список відображається в програмі Internet Explorer, звертаючи особливу увагу на спосіб нумерації, заданий за допомогою атрибута TYPE =.
8. Поверніться до програми Блокнот і встановіть текстовий курсор після закінчення введеного списку.
9. Вставте в документ тег <UL TYPE="SQUARE">, який починає невпорядкований (маркований) список.
10. Вставте в документ елементи списку, починаючи кожен тегом <LI>.
11. Завершіть список за допомогою тега </ UL>. Збережіть Ваш документ.
12. Поверніться до програми Internet Explorer і клацніть на кнопці Оновити на панелі інструментів. Подивіться, як змінився вигляд сторінки, звернувши увагу на спосіб маркування, заданий за допомогою атрибута TYPE =.
13. Поверніться до програми Блокнот і встановіть текстовий курсор після закінчення введеного списку.
14. Вставте в документ тег <DL>, який починає список визначень.
15. Вставте в список визначаються слова, випереджаючи відповідні абзаци тегом <DТ>.
16. Вставте в список відповідні визначення, випереджаючи їх тегом <DD>.
17. Завершіть список за допомогою тегу </ DL>. Збережіть Ваш документ.
18. Поверніться до програми Internet Explorer і клацніть на кнопці Оновити на панелі інструментів. Подивіться, як виглядає при відображенні Web-сторінки список визначень.
Контрольні питання:
1. Що таке HTML? Чому саме він використовується в Internet?
2. Що таке теги HTML? Як вони оформляються? Атрибути тегів.
3. Як класифікуються теги HTML?
4. У яких випадках використовуються ESC-послідовності? Особливості їхній
використання.
5. Як у HTML-документах використовуються коментар?
6. Які особливості використання прогалин і символів табуляції в HTML-
документах? Що необхідно для оформлення окремих абзаців тексту?
7. Опишіть обов'язкову структуру HTML-документа.
8. Опишіть призначення й основні елементи розділу HEAD.
9. Опишіть призначення розділу BODY.
10. Як задається колір тла і колір тексту в HTML-документах?
11. Опишіть специфікацію кольорів у HTML-документах.
Поиск по сайту: