Використання Мастера диаграмм 4 страница

Форми

Тег для опису форми

<FORM ACTION=”url обработчика даних”

METHOD={Get|Post} <!--способ передачі даних по посиланню або за значенням

ENCTYPE={application/x-www-form-urlencoded або text/plain} - тип кодування для обрабки програмою або для передачі по електроної пошті

[TARGET=значение]>

елементи форми

</FORM>

Поле введення: тексту, пороля, вибір файла, сритий текст:

<INPUT TYPE={Text | Password | File | Hidden }

NAME=ім’я элемента

VALUE=текст за умовчанням

SIZE=кількість видімих символів рядка

MAXLENGTH=максимальна кількість символів рядка>

Кнопки: посилання даних, кнопки-картинки, відміни:

<INPUT TYPE={Submit | Image | Reset}

VALUE=название на кнопке>

Список варіантів

………………..

Список перемикачів:

………………..

Список, що випадає:

<SELECT NAME=ім’я списка

SIZE=висота видимої частини списка (у рядках)

MULTIPLE (без значень) > - вибір декількох пунктів

<OPTION VALUE=»передаваєме значення»

SELECTED (без значень)> за умолчанням

……………

</SELECT>

Текстове поле:

<TEXTAREA NAME=ім’я

ROWS=висота (у рядках)

COLS =довжина (у символах)>

Текст </TEXTAREA>.

Таблиці стилів

Впроваджена таблиця:

{Список тегів|.клас} {властивість1:значення1;

властивість2:значення2; властивість3:значення3; . . . </STYLE>

Загальні властивості стилів та їхні значення

Властивість	Значення	Пояснення
Border-color	red, green, #ffcc55	Колір рамки
Border-style	none, dotted, dashed, solid, double, groove, ridge, inset, outset	Стиль рамки
Border-width	2mm, 3mm	Товщина рамки
Font-family	Arial, «Times New Roman», Serif	приоритетний список шрифтів
ІFont-size	12pt, 16pt	Розмір шрифта
Font-style	normal, oblique, italic	Стиль шрифту
Font-weight	normal, bold, bolder	Товщина шрифта
Word-spacing	число у mm	Відстань між словами
Letter-spacing	число у mm	Відстань між символами
Line-height	число у mm	Відстань між рядками
Background-attachment	Fixed, scroll	Тло фіксоване,прокручується
Background-color	red, green, #ffcc55	Колір тла
Background-image	URL("aдрeca графічного файлу для тла")
Color	red, green, #ffcc55	Колір елемента
Text-align	Left, right, center,justify	Вирівнювання тексту
Text-decorate	none, underline, overline, line-through, blink	Оформлення тексту
Text-indent	Число	Абзацний відступ
Vertical-allign	top, super, middle, sub, bottom	Вертикальне вирівнювання
Margin або Margin-top Margin-right Margin-bottom Margin-left	Число1 число2 число3 число4	Відступи зверху, справа, знизу, зліва
Padding або Padding-top Padding-right Padding-bottom Padding-left	Число1 число2 число3 число4	Величина вільного простору між стороною рамки і елементом у рамці
Height	Число	Висота елемента
Width	Число	Ширина елемента
Float	none, left, right	Обтікання об'єкта текстом
List-style-image	URL("aflpeca графічного маркера списку")
List-style-type	disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none	Вигляд маркера списку (диск, круг, квадрат, арабські цифри, малі чи великі римські тощо)
List-style-position	inside, outside	Позиція маркера

Зв’язана таблиця стилів:

Таблиця є самостійний файл.css, а у html-файлі створюється запис у тегі <HEAD>:

<LINK HREF ="адреса таблиці стилів (наприклад, styles.css)"

TYPE = "text/css" REL = "stylesheet" TITLE = "URL таблиці стилів">

Хід роботи:

1. Відкрийте html-редактор NVU.

2. Створіть за допомогою текстового редактора html-файл з особистими данними о собі.

Текст повинен мати заголовок, складатися з декількох абзаців, мати коментарі.

3. Задайте назву вікна web-сторінки.

<HEAD>

<TITLE>Особисті данні</TITLE>

</HEAD>

<BODY>

Я Сідор Сідорович Сідоренко. Народився 12 квітня 199...р.

у м.Одеса.

В 20... році закінчив школу №... м.Одеса.

Моя адреса: індекс, місто, вулиця,будинок,квартира.

</BODY>

</HTML>

4. Збережіть його під назвою filel1.htm у власній папці.

5. Відкрийте файл file1.htm у броузері Internet Explorer.

Для цього відкрийте свою робочу папку і двічі клацніть мишею на назві файлу.

6. Відредагуйте сторінку. Для того щоб відредагувати файл, треба спочатку відкрити програму NVU, а потім файл і кожного разу після редагування треба зберегати файл.

Задайте колір фона та текста. Змінювайте відповідні параметри тега BODY - BGCOLOR і TEXT (назви кольорів: red, green, white, yellow, blue, #ffaa55 тощо).

7. Виконайте форматування тексту у файлі filel.htm. Застосуйте у тексті різні накреслення літер (жирний, курсив, підкреслений).

Заголовок тексту відцентруйте та відокремти від іншого тексту порожнім рядком.

Кожний абзац розташуйте з нового рядка.

У кінці всього текста наведіть черту.

8. Створіть ще один html-файл з розповіддю про себе.

Поекспериментуйте з тегами форматування тексту. Використайте якнайбільше тегів форматування і надайте своїй сторінці якнайліпшого вигляду.

9. Збережіть файл із назвою file2.htm.

10. Перегляньте цей файл за допомогою броузера і поекспериментуйте з розмірами вікна, в якому демонструється документ.

11. Удоскональте свою попередню web-сторінку та додайте до текста список своїх уподобань.

12. Відкрийте file2.htm із розповіддю про себе. Список уподобань створіть як нумерований чи ненумерований список.

13. Збережіть файл на диску і перегляньте його у броузері.

14. Проведіть на сторінці лінії різної ширини, довжини та кольорів.

15. Виокремти список у тексті іншим шрифтом.

16. Додайте список тлумачення.

Відкрийте file1.htm із особистими данними та створить список про своїх близьких.

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

1. Що таке web-документ?

2. Для чого призначена програма-броузер?

3. Що таке web-вyзoл (web-сайт)?

4. Яка структура простого web-документа?

5. Для чого призначена мова HTML?

6. Що таке тег і які є теги?

7. Які параметри може мати тег BODY?

8. Який тег позначає початок нового абзацу?

9. Які теги позначають товстий, курсивний і підкреслений шрифти?

10. Які теги призначені для вирівнювання елементів на сторінці?

11. Яке призначення тега FONT, параметри тега FONT?

12. Які є типи списків?

13. Як створити ненумерований список?

14. Як створити нумерований список?

15. Як створити список означень?

16. Яке призначення тега TABLE, параметри тега TABLE?

17. Які теги формують у таблиці рядки, клітинки-заголовки і звичайні клітинки?

18. Як у таблиці об'єднати декілька клітинок в одну?

19. Який параметр використовують для вирівнювання елементів?

20. Яка особливість пари тегів <PRE>...</PRE>?

21. Як вставити графічне зображення у web-сторінку?

22. Які параметри може мати тег IMG?

23. За допомогою якого тега вставляють гіперпосилання?

24. Яке призначення параметрів LINK, VLINK, ALINK?

25. Як деяке графічне зображення зробити гіперпосиланням?

26. Які є види посилань у межах одної web-сторінки?

27. Що таке якори?

28. Як запустити звук одночасно з відкриванням сторінки?

29. Як створити динамічний ефект рухомого тексту?

30. Які ви знаєте параметри рухомого тексту?

Лабораторна робота №12

Тема: Хостінг сайтів. FTP доступ до файлів сайту.

Мета: навчитися налаштовувати FTP-сервер.

Теоретичний матеріал:

FTP розшифровується як "протокол передачі файлів" (File Transfer Protocol). Це один з базових протоколів Інтернету, що розроблені для обміну інформацією. На відміну від HTTP, який служить переважно для передачі web-текстів і зображень, FTP застосовується для обміну довільними файлами, переважно великого розміру. Окрім того, FTP є зручним для "навігації" по каталогах віддаленого комп'ютера і для доступу до великої, розгалуженої файлової структури. Доступ до файлів на віддаленому комп'ютері за протоколом FTP здійснюється за допомогою програм, що називаються FTP-клієнтами (в якості найпростішого FTP-клієнта можна використати www браузер, наприклад Opera, Mozilla або Microsoft Internet Explorer).

Практично всі сучасні операційні системи містять FTP-клієнт для роботи у командному рядку, який так і пишеться "ftp".

FTP-сайт (або FTP-сервер) – це комп'ютер в мережі Інтернет, на якому запущена відповідна програма, що надає доступ до файлів і каталогів у цьому комп'ютері за протоколом FTP. FTP-сайт загального доступу (по-англійськи anonymous FTP site) відрізняється тим, що на ньому організовано спеціальне піддерево каталогів, доступ до якого надається будь-кому. Зазвичай на таких сайтах зберігають файли, що представляють інтерес для багатьох людей, - безкоштовне програмне забезпечення, тексти, картинки, звукові файли і інше, тому такі сайти називають також FTP-архівами. Об'єм інформації, що надається сайтами загального доступу, величезний: тільки українські та російські сайти містять більше 100000 гігабайт.

Основна відмінність між FTP-сайтом і HTTP-сайтом полягає в тому, що HTTP сайт - це фасад палацу, а FTP сайт - це прості складські приміщення. Також швидкість завантаження з FTP, зазвичай є вищою, ніж завантаження за допомогою HTTP.

Більшість FTP-сайтів мають чіткий ліміт кількості одночасно підключених користувачів. У разі перевантаженості сайту слід або зайти пізніше або спробувати знайти "дзеркало" сайту - інший сайт, що містить точну копію вмісту оригінального сайту. Такі дзеркала, як правило, розміщуються в різних частинах світу, для економії міжконтинентального трафіку. Отже, якщо є можливість працювати з сайтом що знаходиться в Україні або в Росії, то краще так і поступити, це гарантує істотне збільшення швидкості роботи.

Інформація в FTP-архівах поділяється на три категорії:

· захищена інформація, режим доступу до якої визнається її власником і надається за спеціальною угодою із споживачем; до цього виду ресурсів відносяться комерційні архіви, закриті національні та міжнародні некомерційні ресурси, приватна некомерційна інформація із спеціальними режимами доступу;

· інформаційні ресурси обмеженого використання, до яких відносяться програми класу shareware; до даного класу можуть входити ресурси обмеженого часу використання або обмеженого часу дії (тобто користувач може використовувати цю версію на свій страх і ризик, але ніхто не буде надавати йому підтримки);

· вільно розповсюджувані інформаційні ресурси або freeware, якщо мова йде про програмне забезпечення; до цих ресурсів відноситься все, що можна вільно отримати по мережі без спеціальної реєстрації - це може бути документація, програми, та інше.

З вище перерахованих ресурсів найбільш цікавими, звичайно, є дві останні категорії, які, як правило, оформлюються у вигляді FTP-архівів.

5rik.ru

Материалы для учебы и работы

Використання Мастера диаграмм 4 страница