Практичне заняття
Управління властивостями інтернет сторінок
МЕТА РОБОТИ – вивчення властивостей елементів і особливостей їх застосування при проектуванні HTML – сторінок.
ЗМІСТ|вміст| РОБОТИ
Загальні|спільні| властивості елементів
Використання тегів можна істотно|суттєвий| різноманітити і набудувати|настроїти| щонайкраще|якнайкраще| на роботу в браузере|, якщо правильно задати значення їх властивостям. В даний час|нині| властивості тегів вельми|дуже| різноманітні|всілякі|, і з|із| кожним
Нижче дається характеристика деяких властивостей тегів. При цьому не уточнюється, якому ж конкретно тегу належить властивість. Це легко встановити досвідченим|дослідним| шляхом|колією|, і, крім того, що належать конкретним тегам властивості, як правило, відображаються|відображують| практично в будь-якому середовищі|середі| проектування, призначеному для Web|, – дизайну. В деяких випадках складносурядні властивості потрібно буде записувати|занотовувати| через дефіс (font-Family|, font-Weight| і так далі).
Напроти|навпроти| кожної властивості даються цифрові посилання|заслання|, що конкретизують, для якої ж властивості можна задати відповідне значення. Самі значення, які допустимі для перерахованих властивостей, приведені в таблиці 1:
AccessKeyaccessKey – «Гаряча» клавиша*1;
Actionaction – повертана адреса формы*2;
Alignalign – спосіб выравнивания*3;
AlinkColoralinkColor – колір активних ссылок*4;
Altalt – альтернативний текст, що заміщає що не відображаються графічні элементы*5;
AltKeyaltKey (CtrlKeyCtrlKeyShiftKeyShiftKey) – стан клавіш при походженні события*6;
Backgroundbackground – фонова картинка*2;
BackgroundAttachmentbackgroundAttachment – прокручується фонова картинка або нет*7;
BackgroundColorbackgroundColor – колір фону элемента*4;
BackgroundPositionbackgroundPosition – початкова позиція фонової картинки*3;
BackgroundRepeatbackgroundRepeat – спосіб повторення фонової картинки*8;
Behaviorbehavior – спосіб перегортування текста*9;
BgColorbgColor – колір фону сторінки або элемента*4;
Borderborder – вид рамки навколо елементів і між фреймами*10;
BorderBottomborderBottom (Left/Right/Top) – атрибути краю рамки *см. ниже;
BorderBottomColorborderBottomColor (Left/Right/Top) – колір краю рамки*4;
BorderBottomStyleborderBottomStyle (Left/Right/Top) – стиль краю рамки*11;
BorderBottomWidthborderBottomWidth (Left/Right/Top) – ширина краю рамки*12;
BorderColorDarkborderColorDark (Light) – колір ліній обрамления*4;
BorderWidthborderWidth – ширина ліній обрамления*12;
BottomMarginbottomMargin – нижній відступ для сторінкы*10;
Buttonbutton – кнопка мишки, зухвала событие*13;
CellPaddingcellPadding – відступ вмісту осередку від її рамки*10;
CellSpacingcellSpacing – відстань між осередками таблицы*10;
Checkedchecked – виділений прапорець або переключатель*6;
Clearclear – подальший елемент або текст буде нижчий за картинку, вирівняну по краю сторінкы*14;
ClientHeightclientHeight (Width/X/Y) – розмір/координата елементу (без обрамлення)**;
Closedclosed – вікно закрыто**;
Colorcolor – колір тексту або переднього плану элемента*4;
Colscols – число колонок в таблиці, наборі фреймів або число символів в елементі ввода*10;
ColSpancolSpan (rowSpanrowSpan)– обов’язкове число колонок/рядків в таблице*10;
Cursorcursor – вид курсора при проходженні мишки над элементом*15;
Datadata – URL для посилання на дані, використовувані объектом*2;
DataFlddataFld – колонка або назва поля для даних, пов’язаних з элементом*5;
DataFormatAsdataFormatAs – формат данных*16;
DataSrcdataSrc – джерело данных*17;
DefaultValuedefaultValue – початковий текст, що знаходиться в елементі управления*5;
DialogHeightdialogHeight (Left/Top/Width) – розмір/положення діалогового окна*10;
Directiondirection – напрям движения*18;
Disableddisabled – доступність элемента*6;
Displaydisplay – видимість елементу на сторінке*10;
Durationduration – тривалість перехідного стану для фильтров*10;
Dynsrcdynsrc – адреса видеоизображения*10;
Encodingencoding – тип кодування сторінкы*10;
Faceface – тип шрифта*10;
FgColorfgColor – цвет тексту переднього плана*10;
Fontfont – атрибути шрифта*10;
FontFamilyfontFamily (Size/Style/Variant/Weight) – тип/размер/стиль/малые прописные/«жирность» для шрифта*10;
Frameframe – вид обрамлення таблицы*10;
FrameBorderframeBorder (Spacing) – вид обрамления/расстояние між фреймами*10;
Heightheight – висота елементу або экрана*10;
Hiddenhidden – видимість элемента*19;
Hspacehspace (vspacevspace) – горизонтальный/вертикальный просвіт між элементами*10;
Idid – ідентифікатор элементов*5;
Indexindex – порядковий номер в списке*5;
LastModifiedlastModified – дата останньої зміни сторінкы**;
Leftleft – координата Х верхнього лівого кута элемента*10;
LinkColorlinkColor – колір ще не відвіданих гиперссылок*4;
Locationlocation – повний URL*2;
Looploop – число повторений*10;
MarginBottommarginBottom (Height/Left/Right/Top/Width) – відступ сторінки або текста*10;
MaxLengthmaxLength – максимальне число символов*10, що вводяться;
Methodmethod – спосіб пересилки данных*20;
Multiplemultiple – дозвіл на вибір декількох елементів із списка*6;
Namename – назва элемента*5;
NoResizenoResize – забороняється змінювати розмір фрейма*6;
NoShadenoShade – відображення горизонтальної лінійки без тени*6;
NoWrapnoWrap – забороняється автоматичне обтікання текстом*6;
OffsetHeightoffsetHeight (Left/Top/Width) – повні размеры/положение элемента*10;
OffsetXoffsetX (Y) – координати миші щодо елементу у момент события*10;
PaddingBottompaddingBottom (Left/Right/Top) – відстань від вмісту елементу до лінії обрамления*5;
PageBreakAfterpageBreakAfter (Before) – розрив розділу сторінки перед/после элементами*21;
ReturnValuereturnValue – повертане значення для события*6;
Rowsrows – число рядків в текстовій області або висота фрейма*10;
Rulesrules – вид розділових ліній в таблице*22;
ScreenXscreenX (Y) – координата миші щодо екрану у момент события*10;
ScrollAmountscrollAmount – плавність прокрутки одного цикла*10;
ScrollDelayscrollDelay – время в мілісекундах між циклами*10;
ScrollHeightscrollHeight (Left/Top/Width) – повні розміри елементів в пикселах*10;
Scrollingscrolling – дозвіл на прокручування фрейма*23;
Selectedselected – виділення за умовчанням елементу в списке*6;
SelectedIndexselectedIndex – номер виділеного елементу в списке*10;
Sizesize – розмір элемента*10;
Srcsrc – зовнішній файл, що містить початкові дані для элемента*2;
Startstart – початковий номер в списку або місце почала програвання клипа*24;
Statusstatus – текст в рядку стану або значення змінної для кнопки, або поточний стан фильтра*5;
TabIndextabIndex – номер елементу в порядку табуляции*10;
Targettarget – місце нової сторінки для вікна або фрейма*5 або 25;
Texttext – текст усередині деяких тэгов*5;
TextDecorationtextDecoration – елементи оформлення шрифта*6 або 26;
TextIndextextIndex – величина відступу для першого рядка текста*10;
TextTransformtextTransform – регістр шрифту для текста*27;
Titletitle – текст випадної подсказки*5;
ToElementtoElement – визначення елементу, на який «наїжджає» мышка**;
Toptop – координата Y верхнього лівого кута элемента*10;
TrueSpeedtrueSpeed – спосіб обчислення швидкості прокрутки*6;
Typetype – тип елементу або назва события*5;
VAlignvAlign – вирівнювання компонентів по верхній або нижньою границе*3;
Valuevalue – значення, визначене по умолчанию*5;
Visibilityvisibility – видимість элемента*6;
VlinkColorvlinkColor – колір відвіданих гиперссылок*4;
Widthwidth – ширина елементу або экрана*10;
Wrapwrap – параметри обтікання текстом в текстовій области*28;
X (Y) – координата положення курсора відносно окна*10;
ZIndexzIndex – порядок перекривання элементов*10 або 29.
Таблиця 1 – Допустимі значення властивостей
** тільки для читання |
1 – символ з клавіатури |
2 – URL |
3 – absbottom, absmiddle, baseline, bottom, left, middle, center, right, texttop, top |
4 – #000000. #ffffff |
5 – рядок |
6 – без параметрів (у таблиці властивостей true, false) |
7 – scroll, fixed |
8 – repeat, no-repeat, repeat-x, repeat-y |
9 – alternate, scroll, slide |
10 – число |
11 – none, solid, double, groove, ridge, inset, outset |
12 – thin, medium, thick |
13 – 0,1,2,4 |
14 –all, left, right, none, both |
15 – auto, crosshair, default, hand, help, move, – resize, text, wait |
16 – text, html, no |
17 – порядок |
18 – down, left, right, up |
19 – none, block, inline, list-item |
20 – post, get |
21 – auto, always, left, right |
22 – all, cols, groups, none, rows |
23 – auto, yes, no |
24 – число, fileopen, mouseover |
25 – _blank, _parent, _self, _top |
26 – none, line-through, underline, overline, blink |
27 – none|, lowercase|, uppercase| Capitalize |
28 – off, physical, virtual |
29 – auto |
ЗАВДАННЯ|задавання|
1 Ознайомитися із|із| змістом|вмістом| теоретичної частини|частки| роботи.
2 Запустити на виконання текстовий редактор.
3 Відкрити|відчиняти| HTML| – сторінку командою «Файл – Відкрити|відчиняти|». Вказати тип|типа| файлу «Всі файли» і назва файлу «KI_button|.htm».
4 Змінити|зраджувати| властивості тегів:
§ фон сторінки встановити (blue|) 00FF|(blue|) і колір|цвіт| тексту (властивість text|) (blue|) FF35|;
§ для всіх тегів <H1|> встановити вирівнювання по правому краю сторінки і спливаючу підказку, що містить|утримує| скорочений зміст|вміст| тега (2-4 слова);
§ для всіх тегів <HR|> встановити колір|цвіт| #FF0000| (red|) і ширину 6 пікселів;
5 Зберегти файл під тим же ім’ям командою «Файл – Зберегти як». Вказати тип|типа| файлу «Всі файли» і назва файлу «Ki_button|.htm».
ВИМОГИ ДО ОФОРМЛЕННЯ ЗВІТУ
Звіт повинен містити|утримувати|:
1 Текстовий файл, що містить|утримує| теги, необхідні для форматування тексту HTML|, – сторінки і збережений під ім’ям. «ki_button|.htm».
2 Звіт оформляється в електронному вигляді
Питання для самоперевірки
1. Назвіть вихідні дані для проектування технологічного процесу.
2. Назвіть основні дані для вибору асортименту продукції і подібний асортимент підприємств різного типу.
3. Назвіть вихідні дані для розрахунку продуктів.
4. Дайте методику розрахунку продуктів на молочних комбінатах.
5. Наведіть методику розрахунку продуктів на маслоробних, сироробних і молочноконсервних підприємствах.
6. Наведіть схему напряму перероблення молока на підприємствах різного типу.
7. Вихідні дані для будування графіка технологічних процесів, його призначення.
8. Призначення і вихідні дані для побудови графіка роботи обладнання.
9. Призначення І цихідні дані для побудови графіка організації виробничих процесів.
10. Вихідні дані для проектування автоматизації виробництва на підприємствах.
11. Рівень механізації та автоматизації технологічних процесів.
12. Заходи з охороні довкілля від забруднень стічними водами і промисловими викидами.
Реферати :
Читати далі