Дербес портал құру

•    «Мөлдір», яғни суреттің арасынан артқы план көрініп тұратын түстерді сақтай алады.

 

 

JPEG пішімі (кеңейтуі .jpg немесе .jpeg):

• Бояулары жұмсақ ауысатын кескінді (мысалы, порттер, пейзаждар, фотосуреттер) жақсы сығымдайды.

• Сығымдауды сапаның төмендеуін берумен орнатуға болады.Осылайша, файл өлшемі / сапа арақатынасын таңдауға болады.

FrontPage Редакторы Web-беттерде суреттер, фотосуреттер, картинкалар кірістіруге мүмкіндік береді.Графикалық файлдарды алдын ала дайындауға да, Clip Art кітапханасының суреттерін пайдалануға болады.

Қане, біз өз сайтымызға кірістірейік; мұғалімдер мен оқушылардың  фотосуреттерін сканерлеп алып, тиісті беттерге жайғастырсақ, жақсы болар еді, бірақ бұл іс көп уақытты талап етеді, сондықтан кітапханада барын пайдалана тұрайық.

Суретті бетке орналастыру  үшін:

1. FrontPage Редакторын іске қосыңдар;
2. File → Open командасын орындап немесе инструменттер панеліндегі Open батырмасын шертіп, Web-торабыңызды ашыңдар.
3. Екі рет мауспен шерту арқылы үй бетін – index файлын ашыңдар.
4. Суретті кірістіргілерің келетін жерге меңзерді орнатып, кітапханадан Insert →Picture → Clip Art командасын немесе кеңейтуі .gif, я болмаса .jig я болмаса .jpeg дайын графикалық файлдан Insert →Picture →From File командасын орындаңдар.
5. Clip Art Gallery терезесінде (4.13.- сурет) тақырыпқа сәйкес суреттер  категориясын, мысалы, Akademic-ті таңдаңдар да, лайықты суретті кірістіріңдер.
6. Суретті үлкейтуге, кішірейтуге, жылжытуға және т.б. жасауға болады. (4.14-сурет).
7. Беттеріңізді сақтап, тиісті суреттерді басқа беттерге (Директор и завучи,Учителя, Мой класс, оқушылардың жеке беттері) кірістіріңдер.

 

Гиперсілтемелерді жасау және пайдалану

Word мәтіндік редакторында және PowerPoint презентацияларында гиперсілтемелер қалай жасалатынын біз білеміз.Енді гиперсілтемелердің FrontPage Редакторында қалай жасалатынын қарастырайық.

 

4.13.-сурет. Clip Art Gallery кітапханасының терезесі

 

                                            4.14.-сурет. Үй беті

 

Word сияқты, FrontPage Редакторы да бетбелгілер бойынша және сол бетке гиперсілтемелер бойынша сайттарыңның басқа бетіне өтуге ғана емес, басқа жерлерде орналасқан басқа сайттардың беттеріне шығуды жүзеге асыра алады.

Сайтымыздың мысалында гиперсілтемелер  жасауды қарастырайық.Ол үшін:

1. FrontPage Редакторын іске қосыңдар;
2. File → Open командасын орындап немесе инструменттер панеліндегі Open батырмасын шертіп, Web-торабыңызды ашыңдар;
3. Екі рет мауспен шертіп, Мой класс файлын ашыңдар;

4. Бір оқушының атын  ерекшелеп, мысалы, Әйгерім деп, Insert→Hypelink

 командасын орындаңдар немесе  таңдалған есімді маустың оң  батырмасымен шертіңдер де, Hypelink Properties командасын таңдаңдар;

5.URL өрісіндегі Create Hypelink диалогтық терезесінде өткелі отырған беттеріңнің адресін теріңдер немесе бет файлының таңбашасы бойынша (біздің мысалда бұл Әйгерім.htm файлы) ОК батырмасын шертіңдер. URL өрісіндегі басқа сайттарға өту үшін сайт, яғни негізгі бетінің адресі енгізіледі, мысалы, http://www. microsoft. сom.

4.15-сурет.Гиперсілтеме бойынша өту үшін беттің адресі көрсетілетін Create Hyperlink диалогтық терезесі

 

   

4.16-сурет.Браузерді  іске қосуға старт берілетін  Preview in Browser диалогтық терезесі

 

 

6. Мой класс бетіндегі Әйгерім есімі түсін көкке өзгертіп, асты сызылады.

7. 4,5-пункттерін барлық қалған оқушылардың аттарымен орындап шығыңдар.

Жасалған гиперсілтемелердің әрекетін тек браузерде ғана тексеруге  болады (PowerPoint-та гиперсілтемелер тек слайд көрсетімі кезінде ғана жұмыс істейтінін естеріңе түсіріңдер).

Гиперсілтеме жұмысын тексеру  үшін:

1.File→Preview  in Browser командасын орындаңдар;

2. Preview  in Browser диалогтық терезесінде (4.16.-сурет) Preview батырмасы бойынша шертіңдер;

3. Жасалған гиперсілтемелер бойынша көрсетілетін беттерге өту іске асырылатын Microsoft  Inter net Explorer қолданбасының терезесі ашылады (4.17.-сурет).

4.Гиперсілтемелер әрекетін тексерген соң, Microsoft  Inter net Explorer терезесін жабыңдар.

5. Сайттарыңыздың барлық беттерінде жоспарлаған гиперсілтемелердің бәрін жасаңдар.

Гиперсілтемені  жою үшін келесі әрекеттерді орындаңдар:

1.Гиперсілтемені, мысалы, Әйгерімді, ерекшелеңдер де, Insert→Hypelink командасын орындаңдар немесе есімді маустың оң батырмасымен шертіп, Hypelink Properties командасын таңдаңдар.

 

      

                          4.17.-сурет. Microsoft Internet Explorer браузерінің терезесі

 

2. URL өрісіндегі Creat Hyperlink диалогтық терезесінде Delete пернесімен өту іске асырылған беттің адресін (біздің мысалымызда Әйгерім htm адресін)жойыңдар да, ОК батырмасын шертіңдер.Бүтін бетке ғана емес, беттегі белгілі орынға сілтеме жасауға болады.Ол үшін Insert→Bookmark командасын орындау арқылы беттің қажетті жерінде бетбелгі жасап, оған ат қою керек.Бұдан кейін гиперсілтемелерде тек беттерді ғана емес, олардың бетбелгілерін де көрсетіп отыруға болады.бетбелгінің көрінісі мынада:

адрес_страницы#имя_закладки

немесе жай ғана #имя_закладки

 

Ортақ аймақтар және навигация

Навигация дегеніміз-бір орыннан басқасына өту, ең бастысы, торап ішінде бір беттен басқасына өту мүмкіндігі.Ортақ аймақтар дегеніміз-бір мезгілде тораптың барлық беттерінде болатын аймақтар.

Ортақ аймақтар орнату үшін келесі әрекеттерді орындаңдар:

 

4.18-сурет. Shared Borders диалогтық терезесі

 

4.19-сурет. Браузердегі  беттің көрінісі

 

 

1. Кез келген бетке (мысалы, Директор и завучи бетіне) кіріңдер.
2. Format ® Shared Borders командаларын орындаңдар.

3. Егер ортақ аймақтарды барлық беттерге қолданғыларың келсе (немесе Current-те, ағымдағы бет үшін болса), Shared Borders диалогтық терезесінде (4.18-сурет) All опциясында жалауша орнатыңдар.

4. Бұл аймақтардың түрін және санын таңдау үшін Top, Left, Right, Bottom опцияларында жалауша орнатыңдар.Жоғарғы және сол жақ аймақтарда навигациялық панельдер орналасады.
5. Навигациялық панельді қосу үшін Include... опциясында жалауша орнатыңдар.
6. ОК батырмасын шертіңдер.
7. File ® Preview in Browser командасын орындаңдар, тораптарың браузерде қалай көренетінін және жұмыс істейтінін байқаңдар (4.19-сурет).

 

                 FRONT PAGE РЕДАКТОРЫН ПАЙДАЛАНУ

           1-практикалық жұмыс.Web - бетті жасау.

Web-беттердің дизайнын тиімді ету шарттарының бірі-тақырыптарды дұрыс пайдалану.Ірі тақырыптардың көптігі беттеріңнің оқылуын қиындатады, ал тақырыптарға кедей беттердің көрінісі жұпыны және оларға қабылдау қиын болады.Тақырыптар газет немесе журналдағыдай бетте берілген ақпаратты құрылымдауға көмектеседі.

Сайтымыздың бір бетінің  мысалында тақырыптарды пайдаланудың қарапайым үлгісін қарастырайық.Бетті  сыныптарыңа арнап Мой класс деп атайық.Бұл бетте біз оқушылар тізімін жасаймыз, соңында олардың меншікті беттеріне жасалған сілтемелер тіркеледі.Бұл тапсырманы орындау үшін келесі әрекеттерді іске асыру қажет:

1. File New Page командаларын орындап, Редакторда жаңа бет жасаңдар.
2. New диалогтық терезесінде (4.4-сурет) Normal Page шаблонын таңдап, ОК батырмасын басыңдар.

 

 

4.4-сурет. New диалогтық терезесі

 

Редакторда сол жақ жоғарғы  бұрышында жыпықтап тұрған меңзер орналасқан бос бет пайда болады.

3.Пішімдеу панеліндегі стильдер тізімінен Heading 1 (Заголовок1) таңдаңдар.Беттің шапкасы тиісінше, мысалы, бірінші дәрежелі тақырып сияқты ерекшеленіп тұруы керек. FrontPage Редакторында тақырып жаңа жолдан жеке абзац сияқты безендіріледі.

4. Енді 4.5-суретте көрсетілгендей Мой класс беттің негізгі тақырыбын енгізіңдер.

5. Оқушылардың аттарын  енгізіңдер.Меңзер жаңа жолға  өту үшін <Enter>-ді басып, стильдер тізімінен Heading3 (Заголовок 3) таңдаңдар да, Александр деген есімді теріңдер.

6. Енді 5-қадамды қайталай  отырып, сыныптың қалған оқушыларының аттарын енгізіңдер. Сіздің бетіңіз 4.6.-суреттегідей көрінетін болады.

Тізімде тақырыптардың алты дәрежесі аталғанын ескеру керек.4.7.-  суретте тақырыптардың барлық алты дәрежесінің салыстырмалы өлшемдері көрсетілген.

 

     

4.5-сурет. Бұл  тақырып бірінші дәрежелі тақырып  сияқты безендірілген; стильдер  тізімінде Heading1 опциясы таңдалғанына назар аударыңдар

 

      

4.6-сурет. Мой класс беті

 

 

         4.7.-сурет. Түрлі дәрежелі тақырыптар  өлшемдерінің арақатынасы

 

Бұл тақырыптар браузерлерінде Front Page Редакторындағыдан басқашалау көрінуі мүмкін, өйткені олардың қалай көрінуі керек екенін баузердің өзі белгілейді.Онда тұрған ештеңе жоқ, өйткені кез келген жағдайда бұл тақырыптардың пішімдері дәрежесі жоғары тақырыптың (ең жоғарысы –бірінші) әршқашан төмендеу дәрежелі тақырыптан ірілеу болатындай етіп беріледі.Әдетте, тақырып маңызды болған сайын, оның дәрежесі де жоғарылау, қаріп те ірілеу, оған және одан кейінгі аралықтар да үлкендеу болады.

Ақпаратты беттерге жайғастырғанда, кейде материалды абзацтармен емес, тізімдер түрінде беру ыңғайлы.Тізімдер ұзақ үздіксіз абзацтардан жеңіл оқылады, сондықтан тізімдерді орнымен қолдану беттерді қабылдауды жақсартады; бірақ тым әуестенудің де қажет жоқ, өйткені беттерді құрғақ, жалықтыратын етіп жіберу қаупі де жоқ емес.

Нөмірленген тізімдердің  атрибуттарын өзгертіп отыруға болады.Мысалы, нөмірлеу рим сандарымен (кішісімен  де, үлкенімен де) немесе әріптермен (дәл солай кішісімен де, үлкенімен  де) жасалуы мүмкін; нөмірдің кез  келген бастапқы мәнін орнатуға болады.Тізімдердің барлық түрінің (типінің)

 

4.8-сурет. List Properties диалогтық терезесі

 

дәл көрінісін беттерді қарауға қолданылатын браузер белгілейді.

Редакторда тізімдермен  жұмыс істеу тізімдерді Word-та қолдануға ұқсас.Тізім жасау немесе оны өзгерту үшін, алдын ала ерекшелеп алып, Formal Bullets and Numbering ... командасын орындау қажет.List Properties диалогтық терезесінде (4.8-сурет) қосымша беттердің бірін активтеу керек, сосын, қажетті тізімді таңдап, ОК батырмасын шертіңдер.

 

 

 

 

 

 

 

2-практикалық  жұмыс.Web-сайт жасау.

Бір Web-бет қалай жасалатынын біз қарастырдық, енді Web-сайт жасауға кірісейік.Ол үшін:

1. Front Page редакторын іске қосыңдар.
2. File ®New ®Web командаларын орындаңдар.
3. New диалогтық терезесінде (4.9-сурет) One Page Web шаблонының таңбашасын таңдап, торап (қапшық) атын

 

       4.9-сурет. Болашақ беттің  шаблоны таңдалатын New диалогтық терезесі

 

 жадтарыңа түйіп,  ОК батырмасын басыңдар.Әдеттегідей,  Редактор

тораптарыңды My Webs қапшығында жасайды, ОК батырмасын басқаннан кейін терезе тақырыбында торап қапшығының аты пайда болды.

4. View ®Navigation командасын орындап немесе сол жақ View

инструменттер панеліндегі Navigation батырмасын мауспен шертіп, навигациялық түрге ауысамыз.Экранда Home Page негізгі (үй) бетінің таңбашасы бейнеленген терезе пайда болады.Назар аударыңдар: терезенің түрі өзгерді, оң жағында біздің торап бойынша Бағыттауыш терезесі ашылды.

5. Таңбашаны маустың оң батырмасымен шертіп және Rename командасын  таңдап, беттің (әзірше таңбаша) атын  Home Page-ден Наша школа деп өзгертейік.

6. Дәл осы терезеде File ®New ®Page  командасын орындаңдар.Терезеде New Page1 бірінші бетінің екінші таңбашасы пайда болады оның атын Преподаватели деп өзгертіңдер.

7. Дәл осы терезеде  жоғарыда сипатталған әдіспен екінші бет жасаңдар да, атын Мой класс деп қойыңдар.

8. Таңбашаны екі рет  шертіп, Наша школа бетін ашыңдар. 

Бос бет ашылады, Heading1 тақырыбын таңдаңдар да, Наша школа мәтінін теріңдер, жаңа жолдан мектептерің туралы мәтін теріңдер: қай жылы құрылған, онда қанша оқушы бар және т.б. File →Save →As командасын орындап немесе инструменттер панеліндегі Save батырмасын шертіп, бетті сақтаңдар.

9.Келесі бетке өту  үшін навигация режиміне өтіп, преподаватели бетін ашыңдар.Heading2 тақырыбын таңдаңдар да, Преподаватели мәтінін теріңдер, жаңа жолдан әр мұғалімнің аты-жөнін теріңдер (кейін әрқайсысына жеке бет жасап қоюға болады.Бетті сақтаңдар).

10.Дәл солай Мой класс бетін ашып, 9 пунктті қайталаңдар.

Енді Преподаватели және Мой класс беттеріне бағынышты беттер жасаймыз.Ол үшін:

1.Преподаватели таңбашасын ерекшелеңдер де, File →New →Page командасын орындаңдар немесе таңбашаны оң батырмамен шертіп, New Page 2 командасын орындаңдар.Терезеде New Page 2 бірінші бетінің үшінші дәрежелі таңбашасы пайда болады.Оның атын Директор и завучи деп өзгертіңдер, сондай-ақ Учителя бетін жасаңдар.