Використання Мастера диаграмм 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=название на кнопке>

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

<INPUT TYPE=checkbox NAME=значение1 [CHECKED]>

<INPUT TYPE=checkbox NAME=значение2 >

………………..

<INPUT TYPE=checkbox NAME=значениеN>

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

<INPUT TYPE=radio NAME=значение1 [CHECKED]>

<INPUT TYPE=radio NAME=значение2>

………………..

<INPUT TYPE=radio NAME=значениеN>

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

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

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

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

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

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

……………

<OPTION параметриN>

</SELECT>

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

<TEXTAREA NAME=ім’я

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

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

Текст </TEXTAREA>.

 

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

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

<STYLE TYPE="text/css">

{Список тегів|.клас} {властивість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-сторінки.

<HTML> <!--Це файл filel.htm -->

<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-архівів.