Основи WEB – дизайну
Реферат, 01 Апреля 2011, автор: пользователь скрыл имя
Описание работы
World Wіde Web (WWW) - глобальна комп'ютерна мережа на сьогоднішній день містить мільйони сайтів, на яких розміщена всіляка інформація.
Окремий документ WWW називають WEB - сторінкою. Звичайно це комбінований документ, що може містити текст, графічні ілюстрації, мультимедійні й інші вставні об'єкти.
Файлы: 1 файл
Сам_ГРИШКО_РИО_пров.doc
— 215.50 Кб (Скачать файл)7. Створення таблиць
Створіть таблицю:
Інформація про витрати на рекламу й обсяги продаж фірми
| Квартал | Витрати на рекламу, грн. | Обсяг продаж | |
| Кількість проданої продукції, шт. | Сума, грн. | ||
| 1 | 6650 | 18175 | 50560 |
| 2 | 19139 | 6936 | 14850 |
| 3 | 22456 | 1946 | 4650 |
| 4 | 70680 | 8459 | 2260 |
| Разом | 118925 | 35516 | 72320 |
- Відкрийте документ first.htm у програмі Блокнот і збережіть його під ім'ям table.htm.
- Видаліть весь текст, що знаходиться між тегами <BODY> і </BODY>. Текст, що буде вводитися в наступних пунктах, необхідно помістити після тега <BODY>.
- Уведіть тег таблиці:
<TABLE BORDER=10 WIDTH= "60%">
- Уведіть рядок заголовка таблиці:
<CAPTION
ALIGN=ТОР>Інформація про
- Заголовки стовпців займають 2 рядка таблиці. У першому і другому стовпцях ці рядки поєднуються (атрибут ROWSPAN), третій і четвертий стовпці повинні мати загальний заголовок, тобто вони поєднуються (атрибут COLSPAN). В другому рядку потрібно ввести заголовки третього і четвертого стовпців:
1-я рядок:
<TR BGCOLOR="YELLOW" ALIGN="CENTER">
<TH ROWSPAN=2>Квартал
<TH
ROWSPAN=2>Витрати на рекламу,
<TH COLSPAN=2>Обсяг продажів
2-я рядок:
<TR BGCOLOR=YELLOW ALIGN=CENTER>
<TH>Кількість проданої продукції, шт.
<TH>Сума, грн.
- Визначте наступні рядки таблиці, випереджаючи кожен з них тегом <TR> і поміщаючи вміст кожного осередку після тега <TD>.
<TR><TD>1<TD>6650<TD>
- Останній рядок таблиці виділіть фоном:
- Завершіть таблицю тегом </TABLE>.
- Збережіть змінений документ.
- Запустіть Internet Explorer (Пуск\Программы\ Internet Explorer).
- Дайте команду Файл\Открыть. Клацніть на кнопці Обзор і відкрийте файл table.htm.
- Вивчіть, як створена таблиця відображається в програмі Internet Explorer, звертаючи особливу увагу на вплив заданих атрибутів.
Ви познайомилися з прийомами створення таблиць засобами мови HTML. Навчилися створювати таблиці і змінювати їх вигляд за допомогою атрибутів тегів HTML.
- Створення опису фреймів
Послідовність виконання роботи
1. Запустіть текстовий редактор Блокнот (Пуск\Программы\ Стандартне\ Блокнот).
2. Уведіть наступний документ:
<HTML>
<HEAD>
<TITLE>Опис фреймів</TITLE>
</HEAD>
<FRAMESET ROWS="20%, 50,*">
<FRAME SRC="picture.htm">
<FRAME SRC="link.htm">
<FRAMESET COLS="200, 100">
<FRAME SRC="table.htm">
<FRAME SRC="list.htm">
</FRAMESET>
</HTML>
З. Збережіть цей документ під ім'ям frames.htm.
4. Запустіть оглядач Internet Explorer (Пуск\Программы\Internet Explorer).
5. Дайте команду Файл\ Открыть. Клацніть на кнопці Обзор і відкрийте файл frames.htm.
6.
Вивчіть представлення
7. Подивіться, що відбувається при зміні ширини вікна оглядача.
8.
Перевірте, чи можна змінити
положення границь фреймів
9.
Клацніть на посиланні, що
10. Клацніть на кнопці Назад на панелі інструментів і переконайтеся, що повернення до попереднього документа на порушує структуру фреймів.
11. Поверніться в програму Блокнот і змініть структуру і параметри фреймів за своїм розсудом. Збережіть документ під тим же ім'ям.
12. Поверніться в програму Internet Explorer і клацніть на кнопці Обновить на панелі інструментів. Переконайтеся, що змінений вид Web-сторінки відповідає задуму. Якщо це не так, поверніться в програму Блокнот, знайдіть і виправте помилки.