2. Управління текстом.
Властивість text-indent задає відступ першого рядка при відображенні блокових елементів. Відступ може бути, як позитивним так і негативним і задається одним з наступних способів:
Значення |
Дія |
<розмір> |
визначає, що відступ першого рядка фіксований |
<відсоток> |
визначає, що відступ обчислюється щодо ширини блоку, що вміщується. |
h{text-indent:10%;} p{text-indent:10pt;}
Властивість text-align задає вирівнювання тексту при відображенні блокових елементів. Воно може набувати наступних значень:
Значення |
Дія |
left |
Вирівнювання по лівому краю. |
right |
Вирівнювання по правому краю. |
center |
Вирівнювання по центру. |
justify |
Вирівнювання за шириною. |
p{
text-indent: 3pt; text-align: justify;
}
Властивість text-decoration прикрашає текст при відображенні елементів. Воно може набувати наступних значень:
Значення |
Відображення |
none |
Звичайний текст. |
underline |
Підкреслений текст. |
overline |
Надкреслений текст. |
line-through |
Перекреслений текст. |
blink |
Блимаючий текст. |
p{
text-indent: 3pt; text-align: justify;
text-decoration: line-through;
}
Властивість letter-spacing задає інтервал між буквами при відображенні тексту. Його значення задається одним з наступних способів:
Значення |
Відображення |
normal |
Звичайний текст. |
<розмір> |
Задає інтервал в додаток до стандартного інтервалу. Це значення може бути негативним. |
p{letter-spacing: normal;}
p{letter-spacing: 2em;}
Властивість text-transform задає перетворення тексту при відображенні елементів. Воно може набувати наступних значень:
Значення |
Дія |
Приклад |
none |
Без перетворення. |
Це приклад. |
capitalize |
Робити першу літеру кожного слова прописною. |
Це Приклад. |
uppercase |
Виводити текст прописними літерами. |
ЦЕ ПРИКЛАД. |
lowercase |
Виводити текст рядковими літерами. |
це приклад. |
Завдання
Виконати зміни шрифту та перетворення тексту лабораторної роботи №8, використовуючи прийоми описані вище.
Лабораторна робота №14. Публікація сайту в мережі інтернет
Хід роботи:
1. Перед публікацією сайту необхідно виконати наступні підготовчі операції.
- Пересвідчитись, що в назвах всіх файлів сайту використовуються тільки дозволені символи, в гіперпосиланнях та шляхах до рисунків не використовуються посилання на ресурси локального комп’ютера, сумарні розміри окремих HTML-сторінок (разом з рисунками) не перевищують 200 КБ.
- Регістри букв в назвах файлів та в шляхах до цих файлів співпадають. Наприклад в гіперпосиланні на файл Game.html необхідно записати саме <a href= Game.html >, а не <a href= game.html >.
- Пересвідчитись в підключенні власного комп’ютера до мережі Інтернет.
- В якості безкоштовного Web-серверу будемо використовувати сервер www.narod.ru. Вибір пояснюється високою надійністю даного серверу, що підтверджується більш ніж 10 літнім строком його безвідмовного функціонування та простотою користування.
2. За допомогою браузеру зайти на сайт www.narod.ru та відповідно до рис. 1 ввести ім’я сайту. Відзначимо, що імені сайту можливо використовувати тільки букви латинського алфавіту та цифри, ім’я повинно починатись із букви, а його довжина не повинна перевищувати 20 символів. Крім того, слід врахувати, що на вибраному сервері знаходиться досить багато Web-сайтів, імена яких не повинні повторюватись. Тому ім’я сайту повинно бути досить оригінальне. В прикладі показаному на рис.1 ім’я сайту – mynewtestsite. Після вводу імені натискаємо на кнопці "ЗАНЯТЬ". Якщо в імені сайту не має помилок то в вікні браузеру буде відображена форма вводу реєстраційних даних, рис.2.
В протилежному випадку знову буде запропоновано повторити введення імені сайту.
3. Заповнюємо всі поля реєстраційної форми (рис.1). Приймаємо до уваги, що логін може містити не більше 20 букв латинського алфавіту та цифр і повинен починатись із букви. Надалі логін буде використовуватись для ідентифікації адміністратора сайту. При вводі імені та прізвища можливо використовувати букви українського та російського алфавітів.
4. Ознайомлюємося із угодою про дотримання конфіденційність інформації та натиснувши на кнопку "Дальше" переходимо на наступну сторінку реєстрації (рис.2).
5. Заповнюємо всі поля (рис.3). Відзначимо, що адреса електронної пошти, контрольне питання та відповідь на нього використовуються в випадку, коли ви забули свій пароль. Контрольні цифри обов’язково повинні співпадати цифрами показаними на рисунку, що розміщений з правої сторони цього поля.
Рис.1. Перша сторінка вводу реєстраційних даних
6. Ознайомлюємось з умовами "Угоди з користувачем" та натискаємо на кнопку "ОК". Відзначимо, що при наведені миші на цю кнопку з’являється іконка "Сохранить". Якщо всі поля форми (рис.3) заповнені правильно то відбувається перехід на останній крок реєстрації (рис.4). В протилежному випадку буде запропоновано заповнити форму ще раз. При цьому рисунок з контрольними цифрами буде змінено на інший.
7. Заповнивши останній реєстраційний бланк (рис.3), натискаємо на кнопку "Сохранить". Відзначимо, що дані цього бланку не мають особливого значення, хоча і обов’язкові для заповнення. Тому записувати свої реальні дані не обов’язково. На цьому реєстрація сайту завершується і на екрані браузера відображається консоль керування сайтом.
8. Для завантаження файлів на сервер необхідно в консолі керування сайтом вибрати відповідні гіперпосилання та перейти на сторінку "Мастерская/ Управление файлами" (рис. 4).
9. Для відкриття сторінки завантаження файлів скористаємось відповідним гіперпосиланням, рис.4.
Рис.2. Друга сторінка вводу реєстраційних даних
Рис. 3 Завершальний крок реєстрації сайту
10. Після відкриття сторінки завантаження файлів (рис.5) натискаємо кнопку "Обзор" та вибираємо необхідні файли.
На даному сервері головною сторінкою сайту буде index.html, який повинен знаходитись в корневій теці. Після вибору файлів необхідно натиснути на кнопку "Загрузить файли". Рекомендується завантажувати за один раз не більше 3-4 файлів. В випадку відмови від вибраного файлу натискаємо на кнопку "Очистить". Відзначимо, що файли будуть завантажуватись в корневу теку. Для завантаження в іншу теку її необхідно спочатку створити за допомогою відповідного гіперпосилання (рис. 4) та відкрити (рис.5).
Рис. 4. Консоль керування файлами
Рис. 5. Сторінка завантаження файлів
11. Назви завантажених файлів, а також їх основні параметри будуть показані в консолі керування файлами. На приклад на рис.7 показано, що 24.11.05 на сервер було завантажено файл index.html розміром 72 Б.
12. Для знищення завантажених файлів можливо скористатись кнопкою "Удалить" (рис.7).
13. Після завантаження всіх необхідних файлів за допомогою гіперпосилання "Выход" необхідно закрити консоль керування сайтом.
14. Для перегляду опублікованого сайту в адресному рядку браузера записуємо www."ім’я_сайту".narod.ru. В наведеному прикладі www.mynewtestsite.narоd.ru.
15. Перевірити працездатність всіх завантажених сторінок вашого сайту.
16. Для модернізації вашого сайту необхідно на головній сторінці www.narod.ru (рис.1) ввести свій логін та пароль і натиснути кнопку "Вход". Після цього слід, використовуючи відповідні гіперпосилання відкрити консоль керування (рис.5) та повторити п.9-13.