Позначка заняття: Здобуття практичних навиків при розробці HTML- документів

⇐ Предыдущая 25 26 272829 30 31 32 Следующая ⇒

Тема: Створення HTML- документів

ПРАКТИКУМ

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

1. Увімкнути персональний комп'ютер.

2. Ознайомитись з електронним ресурсом World Wide Web – всесвітня інформаційна павутина.

3. Розробити Web- сторінку з заголовком A Simple HTML Document, що містить заголовок першого рівня, перелік, графічний об'єкт – смайлик, та посилання на інформаційний ресурс на сайті http://www.yahoo.com.

1. У своєму робочому каталозі зробити папку html1.

2. Знайти на комп’ютері (або самостійно створити за допомогою Paint смайл face.gif дів Рисунок 11) і зкопійовати в цю папку файл.

Рисунок 11 – Web- сторінка 1.html з заголовком A Simple HTML Document

3. За допомогою текстового редактора Notepad створити файл 1.txt з тегами розмітки сторінки (рис. 12).

4. Переіменувати 1.txt у 1.html.

5. За допомогою браузера (Internet Explorer) відкрити 1.html та переконатись у правильності введених тегів. У разі наявності невідповідностей провести їх редагування.

Рисунок 12 – Тегі розмітки 1.html

4. Розробити Web- сторінку з фоновим малюнком hatch.gif (див. рис. 13).

<HTML> <HEAD><TITLE>Текст на фоні шпалери</TITLE><meta name="Microsoft Border" content="none, default"> </HEAD> <BODY BACKGROUND="hatch.gif"> <H1>Текст на тлі</H1> </BODY> </HTML>

Рисунок 13 – Тегі розмітки та зовнішній вигляд сторінки в Internet Explorer

5. Розробити Web- сторінку headers.html, що містить заголовки 3-х рівнів (див. рис. 14).

<HTML><HEAD><TITLE>Headers</TITLE><meta name="Microsoft Border" content="none, default"> </HEAD> <BODY> <H1>Заголовок верхнього рівня</H1> <H2>Заголовок другого рівня</H2> <H3 ALIGN=CENTER>Заголовок третього рівня</H3> </BODY></HTML>

Рисунок 14 – Тегі розмітки та зовнішній вигляд сторінки headers.html

6. Розробити Web- сторінку black.html (див. рис. 15).

<HTML><HEAD><TITLE>Білий текст на чорному тлі</TITLE> <meta name="Microsoft Border" content="none, default"> </HEAD> <BODY BGCOLOR="#000000" TEXT="#FFFFFF"> <P>Білий текст на чорному тлі</P> </BODY> </HTML>

Рисунок 15 – Тегі розмітки та зовнішній вигляд сторінки black.html

7. Розробити Web- сторінку content.html (див. рис. 16).

Рисунок 16 –Тегі розмітки сторінки content.html

8. Розробити Web- сторінку Вашої спеціальності.

9. Продемонструвати результати роботи колегам та викладачу.

10. Закінчити роботові всіх програм.

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

1. У чому особливості вікна Internet Explorer у порівнянні з відомими Вам програмами?

2. За допомогою яких програм можливо створення Web- сторінок у форматі html?

3. Які параметри абзаців можуть бути визначені за допомогою тега <p>?

4. Які засоби керування кольором Ви використовували при створенні Web?

5. Яка інформація виводиться в заголовкові вікна браузера при перегляді html документів?

6. Скільки рівнів заголовків може бути використано в html?

7. Які розширення (формати) може мати html Web- сторінка?

8. Яким чином можна змінити (задати) кольори текстові в документі html?

9. Яким чином можна задати розмір та розташування малюнків у html?

10. Яким чином можна помістити в html – документ посилання на ресурс Internet?

⇐ Предыдущая 25 26 272829 30 31 32 Следующая ⇒

Поделиться с друзьями:

Дата добавления: 2014-12-26; Просмотров: 346; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2025) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.007 сек.