КАТЕГОРИИ: Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748) |
Використання Мастера диаграмм 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> Загальні властивості стилів та їхні значення
Зв’язана таблиця стилів: Таблиця є самостійний файл. 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-архівів.
Дата добавления: 2014-11-20; Просмотров: 524; Нарушение авторских прав?; Мы поможем в написании вашей работы! Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет |