- •Проектування власного web-сайту
- •Введення в html
- •Створення web-сторінки
- •Оголошення та ідентифікація документа
- •Вставка символів прогалин ( )
- •Вставляння спеціальних символів
- •Створення надстрічкових та підстрічкових індексів
- •Вибір шрифту
- •Зміна розміру шрифту
- •Вибір кольору шрифту
- •Використання моноширінних шрифтів
- •Створення маркованих списків
- •Створення багаторівневих списків
- •Створення списків визначень
- •Вирівнювання тексту відносно графіки
- •Пуста область навколо графічного зображення
- •Побудова горизонтальної лінійки
- •Побудова списків з графічними маркерами
- •Побудова гіперпосилання, що вказує на іншу Web-сторінку
- •Створення посилання на об’єкт цієї ж сторінки
- •Створення гіперпосилання, що вказує на зображення
- •Створення гіперпосилання, що вказує на файл
- •Посилання на адресу електронної пошти
- •Колір тексту гіперпосилань
- •Створення таблиці
- •Товари та ціни
- •Товари та ціни
- •Групування стовпчиків таблиці
- •Товари та ціни
- •Зміна розмірів комірки таблиці
- •Об’єднання комірок таблиці
- •Вирівнювання даних у комірці таблиці
- •Перенесення слів всередині комірок таблиці
- •Задавання параметра обтіканні таблиці текстом
- •Створення фреймів
- •Відтворення об’єкту гіперпосилання у вікні фрейму
- •Смуги прокрутки фреймів
- •Використання атрибуту noresize
- •Властивості меж фреймів
- •Задавання величини полів фрейму
- •Приклад 1
- •Приклад 2
Використання моноширінних шрифтів
Для відображення тексту у вікні Web-браузера за допомогою моноширінних шрифтів застосовують дескриптори <TT>, <CODE>, <KBD> і <SAMP>. Дескриптор <TT> вирізняється загальним характером і найширше використовується. Він корисний для виділення окремих слів або фраз тексту, які не несуть певного смислового навантаження.
Тегом <CODE> рекомендується помічати стрічки тексту, які містять програмні інструкції. Дескриптор <KBD> корисний для виділення фрагментів тексту, який повинен вводитись користувачем. Тег <SAMP> часто застосовують для позначення текстів прикладів.
Текст, помічений дескрипторами <TT>, <CODE>, <KBD> і <SAMP>, відображається за допомогою тих моноширінних шрифтів, які доступні у середовищі Web-браузера (по замовчуванню подібну роль виконує шрифт Courier New).
Наприклад,
<P><TT>Цей текст відобразиться моноширінним шрифтом</TT></P>
відобразиться браузером:
Цей текст відобразиться моноширінним шрифтом
Створення блоків цитат
Для створення блоків цитат, виділених на фоні решти тексту сторінки, використовується дескриптор <BLOCKQUOTE>. Фрагменти цитат зазвичай відображаються з додатковими відступами. Якщо блок цитат є досить великим, то всередині його за допомогою дескриптора <P> виділяють окремі абзаци
Якщо виникає необхідність форматування коротких цитат всередині абзаца тексту, рекомендується використовувати де скрипоти <Q>. Фрагмент тексту, розміщений між тегами <Q> і</Q>, на екрані буде заключний у подвійні лапки („”).
Наприклад,
<P></P>
<BLOCKQUOTE></BLOCKQUOTE>
<P></P>
відобразиться браузером:
Створення нумерованих списків
Нумеровані списки – корисний інструмент подавання елементів даних, які повинні слідувати у визначеному порядку (наприклад, в інструкціях або змісті).
Для створення нумерованих списків використовують два основних дескриптори – <OL> <LI>. Тегом <OL> відмічається початок тексту списку в цілому, а тег <LI> служить для позначення початку кожного окремого елемента списку. По замовчуванню елементи списку позначаються порядковими номерами 1.2,3 і т.д.
Наприклад,
<BODY>
<H3>ЗМІСТ</H3>
<OL>
<LI>Основи Web-дизайну </LI>
<LI>Форматування тексту </LI>
<LI>Вставляння графічних зображень </LI>
<LI>Робота з графікою </LI>
<LI>Створення гіперпосилань </LI>
<LI>Побудова таблиць </LI>
<LI>Створення форм </LI>
<LI>Проектування фреймів </LI>
</OL>
</BODY>
відобразиться браузером:
ЗМІСТ
Основи Web-дизайну
Форматування тексту
Вставляння графічних зображень
Робота з графікою
Створення гіперпосилань
Побудова таблиць
Створення форм
Проектування фреймів
Атрибут TYPE дозволяє змінити стиль подання номерів списку. Щоб змінити тип стилю нумерації, потрібно у тілі дескриптора <OL> ввести атрибут TYPE=”?”, замінивши ? одним із значень стилю нумерації поданих у таблицш
Таблиця стилів нумерації
Значення |
Приклад |
А |
A,B,C… |
а |
a,b,c… |
І |
I,II,III,IV… |
і |
i,ii,iii… |
1 |
1,2,3… |
Наприклад,
<BODY>
<H3>ЗМІСТ</H3>
<OL TYPE=”І”>
<LI>Основи Web-дизайну </LI>
<LI>Форматування тексту </LI>
<LI>Вставляння графічних зображень </LI>
<LI>Робота з графікою </LI>
<LI>Створення гіперпосилань </LI>
<LI>Побудова таблиць </LI>
<LI>Створення форм </LI>
<LI>Проектування фреймів </LI>
</OL>
</BODY>
відобразиться браузером:
ЗМІСТ
Основи Web-дизайну
Форматування тексту
Вставляння графічних зображень
Робота з графікою
Створення гіперпосилань
Побудова таблиць
Створення форм
Проектування фреймів
Атрибути START і VALUE дозволяють змінити порядок нумерації списку. START дає можливість вибрати номер початкового елемента списку, відмінний від 1, а VALUE – примусово призначити будь-якому елементу необхідний номер.
Наприклад,
<BODY>
<H3>Розділи, які необхідно знати для створення сайту</H3>
<OL START =”2”>
<LI>Форматування тексту </LI>
<LI>Вставляння графічних зображень </LI>
<LI>Робота з графікою </LI>
<LI>Створення гіперпосилань </LI>
<LI VALUE =”7”>Створення форм </LI>
<LI>Проектування фреймів </LI>
</OL>
</BODY>
відобразиться браузером:
Розділи, які необхідно знати для створення сайту
2. Форматування тексту
3. Вставляння графічних зображень
4. Робота з графікою
5. Створення гіперпосилань
7. Створення форм
8. Проектування фреймів