- •Проектування власного web-сайту
- •Введення в html
- •Створення web-сторінки
- •Оголошення та ідентифікація документа
- •Вставка символів прогалин ( )
- •Вставляння спеціальних символів
- •Створення надстрічкових та підстрічкових індексів
- •Вибір шрифту
- •Зміна розміру шрифту
- •Вибір кольору шрифту
- •Використання моноширінних шрифтів
- •Створення маркованих списків
- •Створення багаторівневих списків
- •Створення списків визначень
- •Вирівнювання тексту відносно графіки
- •Пуста область навколо графічного зображення
- •Побудова горизонтальної лінійки
- •Побудова списків з графічними маркерами
- •Побудова гіперпосилання, що вказує на іншу Web-сторінку
- •Створення посилання на об’єкт цієї ж сторінки
- •Створення гіперпосилання, що вказує на зображення
- •Створення гіперпосилання, що вказує на файл
- •Посилання на адресу електронної пошти
- •Колір тексту гіперпосилань
- •Створення таблиці
- •Товари та ціни
- •Товари та ціни
- •Групування стовпчиків таблиці
- •Товари та ціни
- •Зміна розмірів комірки таблиці
- •Об’єднання комірок таблиці
- •Вирівнювання даних у комірці таблиці
- •Перенесення слів всередині комірок таблиці
- •Задавання параметра обтіканні таблиці текстом
- •Створення фреймів
- •Відтворення об’єкту гіперпосилання у вікні фрейму
- •Смуги прокрутки фреймів
- •Використання атрибуту noresize
- •Властивості меж фреймів
- •Задавання величини полів фрейму
Створення маркованих списків
Марковані списки використовуються тоді, коли необхідно перечислити текстові елементи, які слідують у довільному порядку, наприклад, перелік продуктів або адресів Web-сайтів.
Для створення маркованих списків використовуються два основні дескриптори – <UL> та. Тегом <UL> помічається початок тексту в цілому, а тег <LI> служить для позначення початку кожного окремого елемента списку. Як правило Web-браузер форматує елементи списку з відступом відносно лівого краю сторінки. Кожен елемент помічається зліва символом маркера.
По замовчуванню Web-браузери як маркер використовують символ замальованого круга (). Атрибут TYPE дозволяє змінити стиль маркування елемента списку. Для маркування замальованим кругом використовується стиль маркування disk, пустим кругом – circle, замальованим квадратом – square.
Наприклад,
<BODY>
<H3>ЗМІСТ</H3>
<UL TYPE=”square”>
<LI> <I>Розділ 1.</I> Основи Web-дизайну </LI>
<LI><I> Розділ 2.</I> Форматування тексту </LI>
<LI><I> Розділ 3.</I> Вставляння графічних зображень </LI>
<LI><I> Розділ 4.</I> Робота з графікою </LI>
<LI><I> Розділ 5.</I> Створення гіперпосилань </LI>
<LI><I> Розділ 6.</I> Побудова таблиць </LI>
<LI><I> Розділ 7.</I> Створення форм </LI>
<LI><I> Розділ 8.</I> Проектування фреймів </LI>
</UL>
</BODY>
відобразиться браузером:
ЗМІСТ
Розділ 1. Основи Web-дизайну
Розділ 2. Форматування тексту
Розділ 3. Вставляння графічних зображень
Розділ 4. Робота з графікою
Розділ 5. Створення гіперпосилань
Розділ 6. Побудова таблиць
Розділ 7. Створення форм
Розділ 8. Проектування фреймів
У межах одного маркованого списку можуть використовуватись маркери декількох стилів. Це зручно для об’єднання елементів списку у тематичні групи.
Наприклад,
<UL TYPE=”circle”>
<LI>Яблука </LI>
<LI TYPE=” disk”>Морква</LI>
<LI>Груші </LI>
<LI>Сливи </LI>
<LI TYPE=” disk”>Буряки</LI>
<LI TYPE=” disk”>Огірки</LI>
</UL >
відобразиться браузером:
Яблука
Морква
Груші
Сливи
Буряки
Огірки
Створення багаторівневих списків
Багаторівневим називається список, який містить інші списки. Такі списки дозволяють конкретизувати інформацію. Яка стосується певного елемента, за допомогою списку чергового рівня. Щоб створити багаторівневий список, достатньо доповнити існуючий список описанням нового списку. У складі багаторівневого списку можуть міститись одночасно як нумеровані, так і марковані списки. Web-браузери зазвичай автоматично форматують списки за допомогою відступів.
Наприклад,
<BODY>
<H3>ЗМІСТ</H3>
<OL>
<LI>Основи Web-дизайну </LI>
<LI>Форматування тексту </LI>
<UL TYPE=” square”>
<LI> <I> Смислове виділення фрагментів тексту <I> <LI>
<LI> <I>Вибір шрифту <I> <LI>
</UL>
<LI>Вставляння графічних зображень </LI>
<LI>Робота з графікою </LI>
</OL>
</BODY>
відобразиться браузером:
ЗМІСТ
Основи Web-дизайну
Форматування тексту
Смислове виділення фрагментів тексту
Вибір шрифту
Вставляння графічних зображень
Робота з графікою