АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Порядок виконання роботи. Завдання 1. Створення простої Web-сторінки

Читайте также:
  1. I. Мета, завдання та загальні вимоги до виконання курсової роботи
  2. II Методика виконання курсової роботи.
  3. II. ЗМІСТ І ОФОРМЛЕННЯ РОБОТИ
  4. II. Оформлення і порядок захисту курсового проекту
  5. II. Перевірка виконання домашнього завдання.
  6. II. Порядок аккредитации
  7. II. ПОРЯДОК И МЕТОДИКА ПРОВЕДЕНИЯ ЭКЗАМЕНА
  8. II. Порядок медицинского освидетельствования
  9. II. Порядок подачи заявки на участие в Конкурсе
  10. II. Порядок приема и увольнения
  11. II. Порядок формирования экспертных групп, организация экспертизы заявленных на Конкурс проектов и регламент работы Конкурсной комиссии
  12. III . Порядок присвоения квалификационной категории

 

Завдання 1. Створення простої Web-сторінки.

Порядок виконання:

  1. Запустіть текстовий редактор Блокнот (Пуск > Програми > Стандартні > Блокнот).
  2. Введіть наступний документ:

<HTML>

<HEAD>

<Тitle>заголовок документа</TITLE>

</HEAD>

<BODY>

Зміст

документа

</BODY>

</HTML>

  1. Збережете цей документ під ім'ям < Ваше прізвище>.htm.

Примітка. Зверніть увагу, що редактор Блокнот автоматично не зберіг Ваш файл з розширенням .TXT (переконаєтеся, що скинутий прапорець. Не показувати розширення для зареєстрованих типів файлів (Пуск > Настройка > Властивості теки > Вигляд)).

  1. Запустіть програму Internet Explorer (Пуск >Програми.>Internet Explorer).
  2. Дайте команду Файл >Відкрити. Клацніть на кнопці Огляд і відкрийте файл < Ваше прізвище>.htm.
  3. Подивіться, як відображається цей файл - простий коректний документ 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-документах.

 


1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 |

Поиск по сайту:



Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.008 сек.)