Зертханалық жұмысқа берілген тапсырмалар

1. Жоғарыдағы тапмырмаларды орындағаннан кейін төмендегі сұрақтарға жауап беріңдер:

• Қай CSS-сипаттама басты рөл атқарады: жеке тәгтегі жазылғаны ма немесе HTML-программаның <HEAD> бөлігінде жазылғаны ма?

• Қай CSS-сипаттама басты рөл атқарады: HTML-программаның <HEAD> бөлігінде жазылғаны ма немесе жеке CSS-файлда орналасып, құжатпен <LINK> тәгі арқылы байланысқаны ма? Олардың орналасу реттілігі жұмыс нәтижесіне әсер ете ме?

2. Жоғарыда көрсетілген үш стильді де пайдаланып, төмендегі код арқылы құжатты жасап шығыңдар. Осы құжатта:

• негізгі түстер: ақ фондағы қара символдар болсын (оларды әрбір тәсіл үшін өз қалауларың бойынша өзгертіңдер);

• құжаттағы барлық элементтер үшін сол жақ пен оң жақтағы бос орындар ені 2 см;

• абзацтар оң жақ шетке тураланады;

• тақырыптар оң жаққа тураланып, қызыл түсті жұмыр қаріппен жазылады;

• қисайтылып (курсив) жазылған терминдер жасыл түспен берілуі тиіс.

2 тапсырма үшін берілген құжат

St1.ss:

BODY {margin-left:60рх;}

Hl,H2,H3,H4,H5,H6

{

text-align: right;

color: red;

font-family: "Palatino Linotype", Baltica, Times New Roman;

}

<HTML>

<HEAD>

<META http-equiv="Content-Type"

content="text/html; charset=windows-1251">

<TITLE>Стиль для отдельного файла</TITLE>

<STYLE type="text/css">

<!--

H1,H2,H3,H4

{

text-align: right;

color:red;

font-family: "Arial Cyr",Geneva,Helvetica,sans-serif;

}

-->

</STYLE>

</HEAD>

<BODY bgcolor=#000000 text=black>

<H2> Приватные и публичные программы </H2>

<HR>

<H3> Приватные программы </H3>

<h4> Приватными программами я называю те, которые будут использоваться только вами (их разработчиками) или очень ограниченным кругом других людей, чьи навыки, требования и компьютеры хорошо известны. </h4>

<H2> Публичные программы </H2>

<h4> Публичные программы — прямая противоположность приватным. Они распространяются среди большого числа людей. <h4>

</BODY

</HTML>

Зертханалық жұмысты орындау реті

1. Әдістемелік нұсқаулармен танысу.

2. Әр студент берілген мысалды пайдаланып өзіне берілген есептің (варианттің) нәтижесін алу керек.

3. Әр вариант үшін зертханалық дәптерді толтырып оқытушыға тапсыру.

4. Бақылау сұрақтарына жауап беру.

Бақылау сұрақтары:

1. CSS қысқартылған сөзі қандай мағына береді?

2. CSS технологиясының атқаратын қызметі.

3. Бір тәгтегі стиль қандай атрибут арқылы беріледі?

№ 7 Зертханалық жұмыс

Css қасиеттеріне шолу. Түстерді тағайындау

Жұмыстың мақсаты:CSS қасиеттерімен мен түстермен жұмыс істеп үйрену.

Теориялық мағлұмат

Стильдік әр түрлі анықтаулар жазуда 70-тен аса оның түрлі қасиеттерін көрсетуге болады. Жалпы жұмыс атқару кезінде кітаптар соңында берілетін анықтамаларды пайдалану қажет.

Стильдегі оның қасиеттерін мынадай топтарға бөліп беру қалыптасқан:

·        қаріп (қаріп);

·        түстер;

·        мәтін;

·        өрістер мен жақтаулар (поля и рамки);

·    сыртқы түрлері.

Стильдерде қолданылатын өлшем бірліктері төменде көрсетілген.

1-кесте

Белгіленуі	Атауы	Мысалы
in	Дюйм	<Р style="font-size:1in">
cm	Сантиметр	<Р style="font-size: 1cm">
mm	Миллиметр	<P style="font-size:1mm">
рх	Пиксел	<Р style="font-size:1px">
pt	Пункт	<Р style="font-size:1pt">
рс	Пики	<Р style="font-size:1pc">
%	Проценты	<Р style="font-size :1%">

Пункттер мен пикалар — типографиялық өлшем бірліктері, олар қаріп көлемін немесе оның кеглін береді.

Word-та, мысалы, бұл параметр 8-ден 72 пт-ке дейін. Бұл кегльдің пунктпен берілген мөлшері. 1 типографиялық пт = 1/72дюйм= 0,375 мм. Бұл символдың өз мөлшері емес, оның “ұпай” («очко») мөлшері, яғни типографиядағы сол символды (литер) ойып орналастыратын матрица биіктігі. Оның мөлшері литер мөлшерінен үлкен. Мысалы, кеглі 10 қаріптің бас әрпінің көлемі 7 пункт шамасында болады.

Кітап шығаруда – мәтін көлемі 10 немесе 12 пт болады. Тақырыптар үшін — үлкенірек кегль, ал сілтемелер мен ескертпелер үшін кішірек (әдетте 8 пт) мәндері қолданылады.

Пика — үленірек өлшем бірлігі. 1 пика = 12 пт.

Пайыздық өлшем (процентный отсчет) негізгі мөлшерге байланысты болады. Қаріптер үшін — ағымдағы мән негізге алынады. Пайызды пайдалану ыңғайлы болып саналады. Егер программалаушы браузердегі қаріп көлемін стильдерде пайызбен беріп отырса, олар пропорциональ түрде өзгереді.

font-family қаріп түрі (шрифт типі). Бұл стильдік қасиет қаріптің гарнитурасы атын (мысалы, Arial) немесе оның топ атауын (родовое имя) көрсетеді:

serif – шығыңқы қаріп (с засечками – серифный);

sans-serif – жұмыр қаріп (без засечек – рубленый);

monospace – ені бірдей қаріп (моноширинный қаріп – символдарының ендері бірдей).

Это шрифт с засечками.