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

Порядок виконання роботи. Завдання 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. Відкрийте програму Paint (Пуск ► Програми ►Стандартні ► Paint). Задайте розміри нового малюнка, наприклад 50x50 точок (Малюнок ► Атрибути).

2. Намалюйте довільний малюнок.

3. Збережете малюнок під ім'ям <Ваше прізвище>.gif (у форматі GIF).

4. Відкрийте документ <Ваше прізвище>.htm в програмі Блокнот.

5. Текст, який вводитиметься в наступних пунктах цієї вправи, необхідно помістити між тегами <BODY> і </BODY>.

6. Введіть тег <IMG SRC ="<Ваше прізвище>.gif" ALIGN="LEFT">.

7. Збережете Ваш документ.

8. Запустіть браузер Internet Explorer і відкрийте Ваш файл. Подивіться на документ, що вийшов, звертаючи особливу увагу на зображення.

9. Поверніться в програму Блокнот і, змініть значення атрибуту: ALIGN="CENTER". Збережете файл під тим же ім'ям.

10. Поверніться в програму Internet Explorer і клацніть на кнопці Відновити на панелі інструментів. Подивіться, як змінився вид сторінки при зміні атрибутів.

11. Поверніться в програму Блокнот і додайте в тег <IMG> атрибути: HSPACE=40 VSPACE=20. Збережете файл під тим же ім'ям.

12. Поверніться в програму Internet Explorer і клацніть на кнопці Відновити на панелі інструментів. Подивіться, як змінився вид сторінки при зміні атрибутів.

Завдання 2. Створення таблиць.

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

1. Якщо ця вправа виконується не відразу після попередньої, відкрийте документ <Ваше прізвище>.htm в програмі Блокнот.

2. Текст, який вводитиметься в наступних пунктах цієї вправи, необхідно помістити між тегами <BODY> і </BODY>. У цій вправі використовується список номерів телефонів.

3. Введіть тег <TABLE BORDER="10" WIDTH="100%">.

4. Введіть рядок <CAPTION АLIGN="TOP">Список телефонів</САРТION>.

5. Перший рядок таблиці повинен містити заголовки стовпців. Визначите її таким чином:

<TR BGCOLOR="YELLOW" ALIGN="CENTER">

<ТН>Прізвище<ТН>Номер телефону

6. Визначите наступні рядки таблиці, упереджаючи кожну з їх тегом <TR> і поміщаючи вміст кожній ячейки після тегу <TD>.

7. Останній рядок таблиці задайте таким чином:

<TR><TD ALIGN="CENTER" COLSPAN="2"> Ha першому поверсі будівлі

є безкоштовний телефон-автомат.

8. Завершіть таблицю тегом </TABLE>.

9. Збережете Ваш документ.

10. Запустіть браузер Internet Explorer та відкрийте Ваш файл. Вивчіть, як створена таблиця відображається в програмі Internet Explorer, звертаючи особливу увагу на вплив заданих атрибутів.

 

Завдання 3. Перевід наданої форми документа у електронний варіант за допомогою мови HTML.

 

Контрольні питання:

1. Якою є послідовність елементів, що описує таблицю?

2. Перерахуйте та поясність зміст основних атрибутів «Атрибути <TABLE>.</TABLE>».

3. Перерахуйте та поясність зміст основних атрибутів «Атрибути <TD> (<TH>)».

4. Здійсніть детальний опис графічного формату JPEG.

5. Здійсніть детальний опис графічного формату GIF.

6. Як створити зображення та використати його на Web-сторінці?

 


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.004 сек.)