Блиц-тест1.CSS-те стильдік нұсқауларда пайдаланылатын өлшем бірліктерінің берілу ретіне қарай дұрыс жазылуын көрсету керек: Пика, Пункт, Пиксель, Миллиметр, Сантиметр, Дюйм: A) рс, pt, рх, mm, cm, in B) pic, pt, рiх, mm, cm, duim C) pa, pn, pc, mm, sm, dm D) рk, pu, рх, mm, sm, “ E) pica, punkt, mm, cm, dum
2.CSS-те 1 типографиялық пункт қанша дюймге тең? A) 1/72 B) 1/12 C) 1/7 D) 1/24 E) 1/2
3.CSS-те жұмыр қаріптер (рубленый шрифт) көбінесе нені жазу үшін пайдаланылады? A) тақырыптарды B) майда ескертпелерді C) индекстер мен дәрежелерді D) негізгі мәтінді E) программалар мәтіндерін
4.CSS-те шығыңқы қаріптер (шрифт с засечками) көбінесе нені жазу үшін пайдаланылады? A) негізгі мәтінді B) майда ескертпелерді C) индекстер мен дәрежелерді D) программалар мәтіндерін E) тақырыптарды
5.CSS-те ендері бірдей қаріптер (моноширинный шрифт) көбінесе нені жазу үшін пайдаланылады? A) программалар мәтіндерін B) майда ескертпелерді C) индекстер мен дәрежелерді D) негізгі мәтінді E) тақырыптарды Бақылау сұрақтар: 1. Кестені қолданудың қандай әдістеін білесіз? 2. Стилдің каскадтығы неде көрінеді? 3. Мұрагерлік дегеніміз не?
Әдебиеттер: 1. Б. Бөрібаев., Г.А.Мадьярова. Web технологиялар. Оқулық.Алматы,2011 2. Дузбаева Р.М. Основы создания HTML-документов. Уч. пособ. для студентов. –Алматы, КБТУ 2003. –82 с. 3. Нидерст Дж. Web-мастеринг для профессионалов. –СПб.:Питер, 2001. –576 4. Информатика и образование,№8, 2000. Е. В. Давыдова 5. Симонович С., Евсеев Г., Алексеев А. Специальная информатика: Уч. пособ. -М.: АСТ- Зертханалық жұмыс № 11 Тақырыбы: CSS құру негіздері. Стильдің мұра ретінде берілуі. Сыртқы түрлері Мақсаты:HTML тілінде CSS-ті қолдану технологияларын білу. Қажет құралдар мен қойылатын талаптар: дербес компьютер, Блокнот(Hotepad) және Internet Explorer программалары, сонымен бірге компьютерде қолданушы ретінде жұмыс жасай білу керек. Жұмыстың орындалу реті: 1. Теориялық материалды игеру. 2. Жұмыстың орындалуы. 3. Бақылау сұрақтары. Зертханалық жұмыстың орындалуына есеп беру формасы: 1. Зертханалық жұмыс номері 2. тапсырма 3. Бағдарлама мәтіні. 4. Тестілеу нәтижесі. 5. Бақылау сұрақтарына жауап беру. Әдістемелік нұсқау Стильдің мұра ретінде берілуі HTML-кодтың құрылымы сатылы түрде болады. Барлық құжат <body>...</body> тәгтері ішінде орналасады. Ал <Р> азат жолы ішінде <B> тәгімен белгіленген элементтер болуы мүмкін. Стильдің мұра ретінде берілуі <body> тәгі үшін анықталған стильдің құжаттағы барлық тәгтерге әсер ететіндігін білдіреді. Сәйкесінше егер бір тәг үшін стиль құрылса, онда сол тәг ішіндегі басқа тәгтерге де осы стиль міндетті түрде беріледі. Мысалы, <Р> тәгі үшін келесі стиль берілген болсын: P {color: red; font-size: 14pt; font-family: Arial,sans-serif} Онда осы азат жол ішіне орналасқан <ЕМ> тәгінің элементтері де экранда қызыл түспен, 14 пункт көлемде жұмыр қаріппен шығарылады. Мысалы: <Р> Стильдік анықтаулардың <ЕМ>мұралану</ЕМ> қасиеті болады. Егер <ЕМ> тәгі үшін мәтін символдары арасын ашып жазу қажет болса, онда мұндай қасиет қосымша беріледі: <HTML> <HEAD>
</TITLE> <STYLE type="text/css"> <!-- P {color:red;font-size:14pt;font-family:Arial,sans-serif} --> </STYLE> </HEAD> <BODY bgcolor=white text=black> <P> Стилдердің мұралану <EM style="letter-spacing: 6рt:"> қасиеті бар </EM> </BODY> </HTML> 1-сурет. Программа нәтижесі <ЕМ> тәгінің ішкі мәтіні <Р> тәгінің мәтіндері сияқты шығады (14 пункт, қызыл түсті, жұмыр қаріп), ал style="letter-spacing: 6pt" қосымша анықтаудың әсерінен сөздегі әріптердің арасы 6 пункт болып ашылып орналасады. Сонымен ішкі қосымша тәгте жаңа стильдік анықтаулар кіргізіп қана қоймай, оның ата тегі болып саналатын сыртқы тәгтің де қасиеттерін өзгертуге болады. Мысалы, келесі мәтіндегі “мұралау қасиеті бар” сөзі көк түске боялып тұрады. <HTML> <HEAD> <TITLE>Стилдік қасиеттерді қайта анықтау </TITLE> <STYLE type="text/css"> <!-- P {color: red;font-size:14pt; font-family:Arial,sans-serif} --> </STYLE> </HEAD> <BODY bgcolor=white text=black> <P> Стилдік анықтаудың <EM style="letter-spacing:6рt; color:blue">мұралау қасиеті бар</EM> </BODY> </HTML>
2-сурет. Программа нәтижесі . Тапсырмалар және Бақылау сұрақтары:
2.Мұраланатын стильді алдын ала анықтау мүмкін бе? Егер мүмкін болса қалай? 3. <Р> тәгі үшін Р {color:red} стилі берілген. Келесі кодтарға сәйкес «күрделі» сөзі қандай түспен шығарылады: а)<Н1>Бұл күрделі мысал</Н1>; б)<Н1>Это <;SPAN style="Color:Blue">күрделі</SPAN>мысал.</Н1>; в)<Р>Бұл күрделі мысал.</Р>; г)<Р>Бұл <;SPANstyle="color:blue">күрделі</SPAN>мысал.</Р>; д)<Р>Бұл<FONT color= blue>күрделі</SPAN>мысал.</Р>; е)<Р>Это<SPAN style =”font-size:smaller”>күрделі</SPAN>мысал.</Р>.
|
<TITLE>Қосымша стильдік нұсқаулар
