Сүзгілеуді суретке қолдану.

• Alpha сүзгісі - сурет түсін ақшылдандыру

• Blur сүзгісі- суретті бұлдырату

• Invert сүзгісі - суретті инверсиялау

• Gray сүзгісі - ақшыл-қара сурет

• XRay сүзгісі - негативті сурет

Бұл суретке барлық сипатталған сүзгілер қолданылған.

Alpha cүзгісі

Сурет түсін ақшылдандырады.

Синтаксис: STYLE="filter:Alpha(Opacity='Opacity', FinishOpacity='Finishopacity', Style='Style', StartX='X', StartY='Y', FinishX='X', FinishY='Y')" Opacity – ақшылдандыру дәрежесі(0-100. 0 ашық, 100 қою). FinishOpacity – ақшылдандырудың ақырлы дәрежесі (0-100. 0 ашық, 100 қою). Style - ақшылдандыру әдісі (саны: 0(ақшылдандырусыз ), 1(сызық) 2(шеңбер) 3(тіктөртбұрыш) StartX, StartY, FinishX, FinishY – ақшылдандыру аймағының координаттары

Мысалы: <IMG STYLE="filter:Alpha(Opacity='90',FinishOpacity='45',Style='2')" SRC="Кескін аты" WIDTH="Кескін ені" HEIGHT="Кескін биіктігі"></P>

Blur сүзгісі

Суретті белгілі бір бағытқа бұлдыратады.

Синтаксисі: STYLE="filter:Blur(Add='Add', Direction='Direction', Strength='Strength')" Add - қалыпты немесе қатты бұлдырау (сәйкесінше1немесе 0) Direction - бұлдырау бағыты ( 0-ден 315-ке дейін) Strength - бұлдыраудың ығысуы

Мысалы: <IMG STYLE="filter:Blur(Add='1',Direction='310',Strength='10')" SRC="Кескін аты" WIDTH="Кескін ені" HEIGHT="Кескін биіктігі"></P>

Invert сүзгісі

Кескін инверсиясы

Синтаксисі: STYLE="filter:Invert"

Мысалы: <IMG STYLE="filter:Invert" SRC="Кескін аты" WIDTH="Кескін ені" HEIGHT="Кескін биіктігі"></P>

Gray сүзгісі

Кескінді ақшыл-қара етеді.

Синтаксисі: STYLE="filter:Gray"

Мысалы: <IMG STYLE="filter:Gray" SRC="Кескін аты" WIDTH="Кескін ені" HEIGHT="Кескін биіктігі"></P>

Xray сүзгісі

Негативті сурет

Синтаксисі: STYLE="filter:Xray"

Мысалы: <IMG STYLE="filter:Xray" SRC="Кескін аты" WIDTH="Кескін ені" HEIGHT="Кескін биіктігі"></P>

Ms FrontPage бағдарламасымен танысу

Microsoft FrontPage Microsoft Office қолданбалы программалар пакетінің құрамындағы Web-беттерді құрушы бағдарлама.

FrontPage бағдарламасында әр түрлі тақырыптағы Web-беттерді құруға көмектесетін арнаулы шаблондар мен шеберлер жинақталған. Мәтінді форматтау үшін арнаулы динамикалық әсерлерді қолдануға болады. Бағдарламада кестелермен жұмыс, суреттерді, бейнелерді, дыбыстар мен видеоларды кірістіру жолдары да қарастырылған.

Стандартты жүктелу жолы: ПускПрограммы MS OfficeMS Office FrontРage 2003. Microsoft компаниясының өнімі болғандықтан жалпы көрінісі мәтіндік Word редакторына ұқсас (1-сурет).

1-сурет. MS FrontPage 2003 бағдарламасы.

Жоғарғы бөлімде тақырыптар қатары, мәзірлер қатары, «Стандартты» және «Форматтау» құрал саймандар тақтасы орналасқан.

Ағымды құжатқа үнсіздік бойынша деген атау беріледі.

Терезенің оң жақ бөлігінде бағдарлама жұмыс туралы анықтама алуға болатын тапсырмалар тақтасы орналасқан. Бұл терезені «Ctrl+F1» перенелер комбинациясын баса отырып жауып қоюға болады.

Бағдарламада Web-беттердің құрылымын көруге мүмкіндік беретін бірнеше тәсілдер бар:

1) Беттер (Страница) ;

2) Бумалар (Папки);

3)Жойылған Web-торап (Удаленный Web-узел);

4)Есептер (Отчеты);

5)Ауысымдар (Переходы);

6)Гиперсілтемелер (Гиперссылки);

7) Тапсырмалар (Задачи).

1-суретте Беттер (Страница) тәсілі көрсетілген. Мұнда терезенің төменгі бөлігінде құжатты көруге мүмкіндік беретін төрт режім орналасқан:

а)Құрастырушы (конструктор)- үнсіздік бойынша қолданылатын режім. Мұнда қолданушы Web-беттерді өз қалауынша ұйымдастырады, өңдей алады;

ә) Код- қолданушыға HTML тегтерін өз бетінше көруге, өзгертуге және редакциялауға мүмкіндік береді;

б) Бөліп көрсету (с разделением) - бұл бөлімде Web-беттердің құрылымын экранды бір мезгілде екі бөлімге (Код және Конструктор) бөле отырып ұйымдастыруға болады;

в)Көру (просмотр)- беттің жалпы құрылымын Web-шолушыда көруге мүмкіндік береді.

2) Бумалар (Папки) тәсілінде бумаларды Microsoft Windows жүйесіндегідей қолдануға болады;

3)Жойылған Web-торап (Удаленный Web-узел) тәсілінде Web-беттерді толығымен немесе таңдаулы беттерді ғана жариялауға болады;

4)Есептер (Отчеты) тәсілінде Web-беттердің мазмұнын талдауға мүмкіндік береді.Мұнда файлдардың тораптағы көлемін анықтауға, өзара байланыспаған файлдарды көрсетуге, мерзімі өткен беттерді анықтауға, файлдарды мағынасына қарай топтастыруға болады;

5)Ауысымдар (Переходы) тәсілінде Web-беттердің иерархиялық құрылымын бейнелеуге болады;

6)Гиперсілтемелер (Гиперссылки) тәсілінде Web-тораптағы гиперсілтемелер тізім түрінде бейнеленеді;

7) Тапсырмалар (Задачи) тәсілінде Web-тораптың барлық тапсырмалары баған түрінде бейнеленеді және ір тапсырманың ағымдағы тақырыптары көрсетіледі.

MS FrontPage бағдарламасында «Вид» мәзірі арқылы осы тәсілдердің бірін жүктеуге болады және құрал саймандар тақтасын Microsoft Word редакторындағыдай жолдармен қолдана аламыз. Атап айтқанда: «Панели инструментов» ішкі бөлімінде қажетті саймандар алдына қанат белгі қоя отырып қосуға болады (2-сурет).

2-сурет. Құрал саймандар тақтасы

Web-сайттың макетін құру

Жаңа Web-бетті FrontPage бағдарламасында мына жолдардың бірі арқылы құруға болады:

1) «Стандартты» құрал саймандар тақтасындағы «Новая страница» батырмасын шерту арқылы;

2) «ФайлСоздатьСтраница или Web-узел» командасы көмегімен;

3) Ctrl+N пернелер комбинациясын басу арқылы.

MS FrontPage бағдарламасында арнаулы шаблондар көмегімен сайт ұйымдастыру жолдарын қарастырайық. Ол үшін тапсырмалар тақтасындағы бөлімнен «Другие шаблоны Web-узлов...» командасын таңдаймыз. Сонда MS FrontPage бағдарламасы Сізге жаңа құжатты арнаулы шаблон көмегімен құруды ұсынады. Ол үшін 4-суреттегідей сұхбаттық терезе ашылады.

4-сурет. «Шаблоны веб-узлов» сұхбаттық терезесі.

Шаблон страниц

Фреймдер.

Фреймдерді дайын шаблон көмегімен «ФайлСоздатьДругие шаблоны страницСтраница рамок» командасы арқылы құруға болады.

«ФайлСоздатьШаблоны страницСтраница рамок » командасы.

a) Әрбір фреймде «Создать страницу» батырмасын басқанда фреймдер ішінде жаңа беттер құрылады;

b)«Задать начальную страницу» батырмасы арқылы фреймдерге бастапқы ретінде құрылған файлдардың бірін таңдауға болады;

Интерактивті батырмалар.

Интерактивті батырманы «ВставкаВеб-компонент» командасымен «Вставка  Динамические эффектыИнтерактивная кнопка» диалогы арқылы құруға болады.

«Вставка компонента веб-узла» диалогы.

Диалогтың «Кнопка» бөлімінен батырма типін, ал «Текст» өрісінде батырмада бейнеленетін мәтінді, «Ссылка» өрісінен сілтеме адресін немесе «Обзор» батырмасы арқылы қажетті бетті таңдаймыз. Сонымен бірге «Шрифт» және «Рисунок» бөлімдері көмегімен қажетті қосымша өзгертулерді қосуға болады.

Интерактивті батырма көрінісі.