Милі жінки, приступаючи до пошиття вироби, я раджу зробити викрійку основи (див. "Фасони і крій суконь" і "Моделювання блуз") для вашого розміру і потім моделюйте її згідно фасону. Раджу також подивитися мій сайт
ПРОСТІ ПОРАДИ ДЛЯ ЗДОРОВ'Я, КРАСИ, ВЕДЕННЯ ДОМАШНЬОГО ГОСПОДАРСТВА
Dreamweaver8 виведе невелике попередження (рис. 1), що говорить про те, що даний символ може не відобразитися коректно в разі використання заданої нами в настройках Dreamweaver кодування. Закриємо його, натиснувши кнопку ОК, а щоб воно не відображалося на екран в подальшому, перед закриттям включимо прапорець Do not show me again.
Мал. 1. Попередження про можливе некоректне відображення спеціального символу
До речі, символ подвійних лапок ( ") позначається як", символ "менше" (<) — как &1t;. а символ "больше" (>) - як>. (Знак крапки з комою в кінці обов'язковий - потрібно мати це на увазі при правці HTML-коду!)
Ще один корисний спеціальний символ - нерозривний пробіл. Що б не трапилося, Web-оглядач ніколи не буде переносити рядок з цього пробілу. Щоб вставити таку прогалину в текст, необхідно поставити в потрібне місце текстовий курсор, видалити звичайний пробіл, якщо він там є, і натиснути комбінацію клавіш <Сtr1>+
Іноді потрібно, навпаки, розірвати рядок абзацу на дві, та так, щоб цей розрив зберігався завжди. Для цього потрібно поставити текстовий курсор на потрібне місце і натиснути комбінацію клавіш +. При цьому в код HTML буде вставлений особливий одинарний тег
- тег розриву рядків.
Поділ абзаців горизонтальною лінією. Помістимо текстовий курсор на початку абзацу і виберемо пункт Horizontal Rule підміню HTML меню Insert. Створена нами горизонтальна лінія показана на рис. 3.
Мал. 3. Горизонтальна лінія
Щоб видалити вставлену не в те місце горизонтальну лінію, потрібно виділити її клацанням миші і натиснути клавішу .
Горизонтальна лінія створюється одинарним тегом
і відноситься до так званих нетекстової елементам. Нетекстові елементи визначаються в самому коді HTML, але не відносяться до тексту. Крім горизонтальних ліній, до них відносяться ще й таблиці, з якими ми зараз
Робота з таблицями в Dreamweaver8
Якщо потрібно помістити на обмеженому просторі Web-сторінки безліч числових (і не тільки числових) даних, немає кращого засобу, ніж таблиця. Якщо необхідно створити гарний список, знову на допомогу приходить таблиця. Таблиці заполонили Web-документи. І не дивно: при кількох не надто значні недоліки вони мають масу переваг.
Поставимо текстовий курсор в кінці самого останнього абзацу та натиснемо клавішу
Порожня таблиця створюється вибором пункту Table меню Insert або натисканням комбінації клавіш
У полях введення Rows і Columns цього вікна вводяться, відповідно, кількість рядків і стовпців створюваної таблиці. Введемо в поле Rows число 5 - поки наша таблиця буде містити п'ять рядків. А в полі Columns введемо число 2.
Мал. 4. Діалогове вікно Table
В поле введення Table width задається ширина таблиці в пікселах або відсотках від ширини батька. У списку, розташованому праворуч від цього поля введення, потрібно буде вибрати відповідно пункт pixels або percent. Давайте задамо ширину таблиці, рівну 400 пікселів.
В поле введення Border thickness задається товщина кордонів таблиці в пікселах. За умовчанням вона дорівнює 1. Ми можемо ввести 0, щоб прибрати кордони зовсім.
В поле введення Cell padding задається відстань між кордоном осередки таблиці і її вмістом в пікселах. За замовчуванням воно дорівнює 1.
Аналогічно, поле введення Cell spacing служить для задання відстані між кордонами окремих осередків. За замовчуванням воно дорівнює 2.
Інші елементи керування нам поки не знадобляться. Тому відразу натиснемо кнопку ОК. В результаті у нас повинно вийти щось схоже на рис. 5.
Мал. 5. Наша перша таблиця
Цікаво, що, хоча раніше ми задали нульову товщину кордону таблиці (в поле введення Border thickness діалогового вікна Table), Dreamweaver8 все одно відобразить так звану невидиму межу. що складається з тонких точкових ліній. У Web-браузері ця межа відображатися не буде. Якби ми поставили ненулевую товщину видимої кордону таблиці, Dreamweaver8 відобразив би її у вигляді суцільної лінії.
Тепер поставимо текстовий курсор в першу (верхню ліву) елемент таблиці і почнемо набирати текст. Набравши вміст першого осередку, натиснемо клавішу <Таb>, щоб перемістити текстовий курсор в другий осередок таблиці, і будемо й надалі розвивати списку.
Dreamweaver8 допоможе нам в цьому. Коли ми наберемо вміст останньої комірки таблиці і натиснемо клавішу <Таb>, він додасть в таблицю ще один рядок, Так що нам не доведеться займатися цим вручну. Але якщо ж нам знадобиться вставити в таблицю новий рядок, нам буде потрібно помістити текстовий курсор в будь-яку клітинку рядка, над якою потрібно вставити новий рядок, і або вибрати пункт Insert Row в підміню Table меню Modify. або натиснути комбінацію клавіш
В результаті у нас повинно вийти щось, схоже на рис. 6. Поки ми не будемо займатися оформленням тексту списку, а краще поекспериментуємо з нашої першої таблицею.
Мал. 6. Таблиця з заповненими осередками
Ми вже знаємо, як можна вставити в таблицю новий рядок. Для цього потрібно помістити текстовий курсор в осередок рядки, над якою повинна бути додана нова, і вибрати пункт Insert Row в підміню Table меню Modify або натиснути комбінацію клавіш
Аналогічно можна вставити в таблицю і новий стовпець. Ставимо текстовий курсор в осередок, праворуч від якої повинен з'явитися новий стовпець, і виберемо пункт Insert Column в підміню Table меню Modify або натиснемо комбінацію клавіш
Видалити непотрібну рядок або стовпець так само просто. Для видалення рядка ставимо текстовий курсор в осередок видаляється рядка і або вибираємо пункт Delete Row в підміню Table меню Modify. або натискаємо комбінацію клавіш
Видалити ж саму таблицю найпростіше, скориставшись секцією тегів. Ставимо текстовий курсор в будь-яку клітинку потрібної таблиці, клацаємо по кнопці
Атрибут WIDTH задає ширину таблиці, атрибут BORDER - товщину видимої кордону, атрибути CELLSPACING і CELLPADDING - відповідно відстань між кордонами сусідніх комірок і між кордоном осередки і її вмістом. Всі ці параметри ми задали в діалоговому вікні Table (див. Рис. 4).
Далі за допомогою парних тегів
Тут ми сформували тільки один рядок - для прикладу цього буде достатньо. Зауважимо, що тег
:
Тут ми помістили в рядок два осередки, які містять текст Інтернет і відкрити відповідно. Атрибут WIDTH і в цьому випадку задає ширину осередку. Знову ж, тег | може знаходитися тільки всередині тега |
| .
Якщо нам необхідно з'єднати осередки, то, виділивши з'єднуються осередки, натиснемо на знак з'єднання, що знаходиться в лівому нижньому куті екрану. А якщо розділити осередок, то, виділивши клітинку, натисніть на знак поділу, що знаходиться поруч. Схожі статті |