Основи WEB – дизайну

Автор работы: Пользователь скрыл имя, 01 Апреля 2011 в 11:14, реферат

Описание работы

World Wіde Web (WWW) - глобальна комп'ютерна мережа на сьогоднішній день містить мільйони сайтів, на яких розміщена всіляка інформація.

Окремий документ WWW називають WEB - сторінкою. Звичайно це комбінований документ, що може містити текст, графічні ілюстрації, мультимедійні й інші вставні об'єкти.

Скачать архив (53.88 Кб) Сколько стоит заказать работу?
Файлы: 1 файл

Сам_ГРИШКО_РИО_пров.doc

— 215.50 Кб (Скачать файл)

      7. Створення таблиць

      Створіть  таблицю:

              Інформація про  витрати на рекламу й обсяги продаж фірми

    Квартал Витрати на рекламу, грн. Обсяг продаж
    Кількість проданої продукції, шт. Сума, грн.
    1 6650 18175 50560
    2 19139 6936 14850
    3 22456 1946 4650
    4 70680 8459 2260
    Разом 118925 35516 72320
  1. Відкрийте документ first.htm у програмі Блокнот і збережіть його під ім'ям table.htm.
  2. Видаліть весь текст, що знаходиться між тегами <BODY> і </BODY>. Текст, що буде вводитися в наступних пунктах, необхідно помістити після тега <BODY>.
  3. Уведіть тег таблиці:

       <TABLE BORDER=10 WIDTH= "60%">

  1. Уведіть рядок заголовка таблиці:

      <CAPTION ALIGN=ТОР>Інформація про витрати  на рекламу й обсяг продаж  фірми<CAPTION>

  1. Заголовки стовпців займають 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>Сума, грн.

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

      <TR><TD>1<TD>6650<TD>18175<TD>50560

  1. Останній рядок таблиці виділіть фоном:
  2. Завершіть таблицю тегом </TABLE>.
  3. Збережіть змінений документ.
  4. Запустіть Internet Explorer (Пуск\Программы\ Internet Explorer).
  5. Дайте команду Файл\Открыть. Клацніть на кнопці Обзор і відкрийте файл table.htm.
  6. Вивчіть, як створена таблиця відображається в програмі Internet Explorer, звертаючи особливу увагу на вплив заданих атрибутів.

            Ви познайомилися  з прийомами створення таблиць  засобами мови HTML. Навчилися створювати таблиці і змінювати їх вигляд за допомогою атрибутів тегів HTML.

  1. Створення опису фреймів

      Послідовність виконання роботи

      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-сторінки відповідає задуму. Якщо це не так, поверніться в програму Блокнот, знайдіть і виправте помилки.

Информация о работе Основи WEB – дизайну