Тапсырма.

Читайте также:

1. RASP.HTM файлына төмендегідей өзгерістер енгізіңдер:

<HTML>

<HEAD> <H2> Менің алғашқы парағым </H2>

<TITLE>Алғашқы HTML файлы </TITLE>

</HEAD>

<BODY>

Сәрсенбі күнгі</FONT></B></I></U><BR>

<FONT COLOR=”GREEN” FACE=”ARIAL” SIZE=”4”>сабақ кестесі

</BODY>

</HTML>

Тапсырма. Бір ақынның өлеңін өз Web бетіңізге орналастырыңыз.

Төмендегідей нәтиже шығатындай етіп, келесі әрекетті орындаңыз:

<HTML>

<HEAD>

<TITLE>Сейдахметова Зарина </TITLE></HEAD>

<BODY bgcolor="Green"

TOPMARGIN=150

BOTTOMMARGIN=150

LEFTMARGIN=150

RIGHTMARGIN=150>

<H1>З.А.Сейдахметова </H1>

<H2> <I>Дана Абай </I></H2> 1.<U>Абай ата ұлылардың ұлысы,</U><BR><B>Үлгі болып келе жатыр көп ісі.</B><BR><EM>Теңдесі жоқ қандай жақсы нақыл сөз</EM><BR>Абай жазған өлеңдердің үлгісі.<BR>

<BR>2.<I>Абай ата дара туған данышпан</I><BR><B>Қарапайым қазақ үшін болысқан.</B><BR><EM>Қазақ елі қалмасын деп білімсіз </EM><BR>Өмір бойы надандықпен алысқан.<BR><BR> 3.Ғажап сөздер жалындаған асылдан,<BR>Абай ата «Ұлы туған данышпан»!<BR><U>Таң қаламыз сондай нақыл сөздерге</U>

<BR>Жібергендей сонау биік ғарыштан.<BR>Алдын – ала ойлаған болашағын халқының<BR>Сол үшін де қара өлең жазды, айтып мұң<BR><BR>

<BR>4.Әр сөзінде терең сыр бар мағына,<BR>Оқимыз біз өлеңдерін сағына.<BR>Ұмытпайды қазақ елі Абайды<BR>Ұрпақтары оның сөзін жалғайды!<BR><BR>

<BR>Абай жазған өлеңдердің бәрін де<BR>Елі оны мәңгі есінде сақтайды. <BR><I>2007</I></BODY></HTML>

Нәтижесі:

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

1. Web бетті құру кезінде қандай тегтерді қолдандыңыз?

2. Тег дегеніміз не?

3. Құжаттың денесі қалай орындалады?

4. Жолдың оң жағын туралау үшін қандай атрибутты қолдандыңыз?

5. Абзацты туралау кезіндегі тегті көрсетіңіз.

6. Курсив, жирный, подчеркнутый қолдану үшін қандай тектер қолданылады?

Әдебиеттер:

1. Н.Комолова Самоучитель HTML Москва 2009г.

2. Хабибуллин И. Самоучитель Java2.-СПб.: БХВ-Петер-бург, 2007. -720 с.

3. Будилов В. Интернет-программирование на Java. -СПб.: БХВ-Петербург, 2003. -694 с.

4. Флэнаган Д. Java. Справочник:Пер.с англ. -СПб.: Сим-вол-Плюс, 2003. -1040 с.

Зертханалық жұмыс №4. Web- графикамен жұмыс.

Тапсырма. Көлденең сызықтарды сызу.

Төмендегідей нәтиже шығатындай етіп, HTML кодтарын теріңіз?

<HTML>

<HEAD>

<TITLE>Сейдахметова Зарина </TITLE>

</HEAD>

<BODY BGCOLOR="RED" LEFTMARGIN=60><CENTER><H2>СЕЙДАХМЕТОВА ЗАРИНА АЛИМБАЕВНА<H2>

<HR>

HORIZONTAL RULE - ГОРИЗОНТАЛЬНАЯ ЧЕРТА - ОДИНАРНЫЙ ТЕГ.

<H3>ЗНАЧЕНИЕ SIZE =N WIDTH=</H3>SIZE=40 WIDTH = &QUOT; 20% &QUOT;

SIZE=30 WIDTH=&QUOT; 30% &QUOT;

SIZE=20 WIDTH=&QUOT; 40% &QUOT;

SIZE=10 WIDTH=&QUOT; 50% &QUOT;

SIZE=5 WIDTH=&QUOT; 60% &QUOT;

</CENTER></BODY></HTML>

Нәтижесі:

Тапсырма. HTML- да клавиатура символдары арқылы күннің суретін салу

Төмендегідей нәтиже шығатындай етіп, HTML кодтарын теріңіз?

<HTML><HEAD><TITLE>Солнышко, построение с помощью символов клавиатуры</TITLE></HEAD>

<BODY BGCOLOR="#90EE90" LEFTMARGIN=300><CENTER>Солнышко,<BR>построение с помощью символов, <BR>введенных с клавиатуры</CENTER>

<PRE>

\ | | | /

\ ___ /

__ / \ __

| |

__ __

/ \___/ \

/ | | | \

</PRE></BODY></HTML>

Нәтижесі:

Тапсырма. Белгілі бір суретті үш түрде әртүрлі мөлшерде бейнелеңіз.

Төмендегідей нәтиже шығатындай етіп, HTML кодтарын теріңіз?

<HTML><HEAD><TITLE>РАЗМЕРЫ РИСУНКА</TITLE></HEAD>

<BODY>

</BODY></HTML>

Нәтижесі:

Тапсырма. Ашып жабатын тегтері бар веб құжатын құру.

Төмендегідей нәтиже шығатындай етіп, HTML кодтарын теріңіз?

<HTML><HEAD><TITLE>Цвет текста</TITLE>

</HEAD><BODY BGCOLOR=WHITESMOKE>

<FONT SIZE=5 COLOR=MAROON> FONT SIZE=5 &LT; FONT COLOR=MAROON &GT; <BR>

<FONT COLOR=NAVY> &LT; FONT COLOR=NAVY &GT; <BR>

<FONT COLOR=PURPLE> &LT; FONT COLOR=PURPLE &GT; <BR>

<FONT COLOR=FUCHSIA> &LT; FONT COLOR=FUCHSIA &GT; <BR>

<FONT COLOR=TEAL> &LT; FONT COLOR=TEAL &GT; <BR>

<FONT COLOR=LIME> &LT; FONT COLOR=LIME &GT; <BR>

<FONT COLOR=AQUA> &LT; FONT COLOR=AQUA &GT; <BR>

<FONT COLOR=OLIVE> &LT; FONT COLOR=OLIVE &GT; <BR>

<FONT COLOR=PLUM> &LT; FONT COLOR=PLUM &GT; <BR>

<FONT COLOR=BLACK> &LT; FONT COLOR=BLACK &GT; <BR>

<FONT COLOR=SILVER> &LT; FONT COLOR=SILVER &GT; <BR>

<FONT COLOR=ROYALBLUE> &LT; FONT COLOR=ROYALBLUE &GT; <BR>

<FONT COLOR=MEDIUMVIOLETRED> &LT; FONT COLOR=MEDIUMVIOLETRED &GT; <BR>

<FONT COLOR=SPRINGGREEN> &LT; FONT COLOR=SPRINGGREEN &GT; <BR>

<FONT SIZE=3 COLOR=GRAY> &LT; FONT COLOR=GRAY &GT; <BR>

</BODY></HTML>

Нәтижесі:

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

1. PRE –нің міндеті?

2.Мәтінді ортаға орналастыру қалай жүзеге асады?

3.Суретті қо кезінде қандай форматтар қолданылады?

4. Құжаттың денесі қалай орындалады?

5. BR қандай мақсатта қолданылған?

6. Сілтеменің түсін қалай анықтауға болады?

Әдебиеттер:

1. Н.Комолова Самоучитель HTML Москва 2009г.

2. Хабибуллин И. Самоучитель Java2.-СПб.: БХВ-Петер-бург, 2007. -720 с.

3. Будилов В. Интернет-программирование на Java. -СПб.: БХВ-Петербург, 2003. -694 с.

4. Флэнаган Д. Java. Справочник:Пер.с англ. -СПб.: Сим-вол-Плюс, 2003. -1040 с.

5. Кришнамурти, Дж. Рексфорд Web-протоколы. Теория и практика. HTTP/1.1, взаимодействие протоколов, кэширование, измерение трафика Издательство: Бином, 2002 г.

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

Кестемен жұмыс

Тапсырма. Төрт жол және екі бағаннан құралған кесте кұрыңыз.

Төмендегідей нәтиже шығатындай етіп, HTML кодтарын теріңіз?

<HTML> <HEAD> <TITLE> СЕЙДАХМЕТОВА ЗАРИНА </TITLE> </HEAD>

<TABLE WIDTH="30%" BORDER=1

<TR>

<H2>ЦВЕТОВАЯ МОДЕЛЬ CMYK</H2>

<TR>

<TD WIDTH="50%"> MAGENTA </TD>

<TR>

<TD WIDTH="50%">YELLOW</TD>

<TR>

<TD WIDTH="50%"> BLACK</TD>

</TABLE>

</BODY>

</HTML>

Нәтижесі:

Тапсырма. Кестенің тегтерін пайдаланып, шахмат тәріздес екі жолдан және жеті бағанадан тұратын кесте құру. Фон түсін беру.

Төмендегідей нәтиже шығатындай етіп HTML кодтарын теріңіз

<HTML>

<HEAD>

<TITLE> Таблица из двух строк и семи столбцов </TITLE>

</HEAD>

<BODY>

<H3>Таблица из двух строк и семи столбцов</H3>

<TH BGCOLOR=WHITE>a12

<TH BGCOLOR=WHITE>a14

<TH BGCOLOR=WHITE>a16

<TH BGCOLOR=WHITE>a21

<TH BGCOLOR=WHITE>a23

<TH BGCOLOR=WHITE>a25

</TABLE></BODY></HTML>

<HTML>

<HEAD>

<TITLE> Таблица из двух строк и семи столбцов </TITLE>

</HEAD>

<BODY>

<H3>Таблица из двух строк и семи столбцов</H3>

<TR>

<TD BGCOLOR=YELLOW>a12

<TD BGCOLOR=YELLOW>a14

<TD BGCOLOR=YELLOW>a16

<TR>

<TD BGCOLOR=YELLOW>a21

<TD BGCOLOR=YELLOW>a23

<TD BGCOLOR=YELLOW>a25

</TABLE></BODY></HTML>

Нәтижесі:

Тапсырма. Кестеге сілтеме қосу. Кестенің тегтарын пайдаланып сілтеме құру..

Төмендегідей нәтиже шығатындай етіп, HTML кодтарын теріңіз?

<HTML>

<HEAD>

<TITLE> И.ЖАНСУГУРОВ атындағы ЖМУ </TITLE> </HEAD>

<H2 ALIGN= CENTER> ELMIRA</H1>

<CAPTION>ФАКУЛЬТЕТТЕР </CAPTION>

<TBODY>

<TR><TH BGCOLOR=YELLOW>МАТЕМАТИКА ЖАНЕ ЖАРАТЫЛЫСТАНУ ФАКУЛЬТЕТИ

<TR><TH BGCOLOR=YELLOW> КАРЖЫ ФАКУЛЬТЕТИ

<TR><TH BGCOLOR=YELLOW>ЗАН ФАКУЛЬТЕТИ

<TR><TH BGCOLOR=YELLOW>ДЕНЕ ШЫНЫКТЫРУ ФАКУЛЬТЕТИ

<TBODYC<TABLE >

</BODY>

</HTML>

Нәтижесі:

Тапсырма. Web-бетке сурет және мәтін қою. Мәтін өлшемін беру. Суреттің енін және биіктігін беру.

Төмендегідей нәтиже шығатындай етіп HTML кодтарын теріңіз

<HTML>

<HEAD>

<TITLE> Обтекание графики текстом </TITLE>

</HEAD>

<BODY>

<H1> Обтекание текстом объектов </H1>

<FONT SIZE=2>Куаныштын барлыгын

<BR> Мен озинмен болискем </BR>

<BR> Бирге журген ар куним </BR>

<BR> Шын бакыт кой периштем </BR>

<TR>

<TD>Возможно</TD>

</TR>

<TR>

<TD>Обтекание текста </TD>

</TR>

<TR>

<TD> Вокруг таблицы </TD>

</TR>

Не бар екен сірә бұл

шын достықтан таттірек

Гұмар сапар тұрамын

Саған ылғи сәт тілеп </FONT>

</BODY>

</HTML>

Нәтижесі:

Фреймдармен жұмыс.

Тапсырма. Фрейм құру. Терезені бірнеше фреймға бөлу. Оларға суреттер қою.

Төмендегідей нәтиже шығатындай етіп, HTML кодтарын теріңіз?

<HTML>

<HEAD><TITLE>Өлшемдері бірдей төрт терезе </TITLE></HEAD>

</FRAMESET>

</FRAMESET>

</HTML>

Нәтижесі

Тапсырма. Қысқартылған сөздің түсініктемесін беру.

Төмендегідей нәтиже шығатындай етіп, HTML кодтарын теріңіз?

<HTML><HEAD><TITLE>Сейдахметова Зарина</TITLE></HEAD>

<ACRONYM TITLE="ЖЕТЫСУ МЕМЛЕКЕТТЫК УНИВЕРСИТЕТ"Ы> ЖМУ

</ACRONYM> </FORM>

</BODY></HTML>

Нәтижесі:

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

1. Кесте құру үшін қай қос тегін пайдаланамыз?

2. Ұяшықтар арасындағы ара қашықтықты анықтайтын тег?

3. <CAPTION> тегі?

4. Кесте жиегінің қалыңдығын беретін тег?

5. Кесте енін беретін тег?

6.Мәтін өлшемін беретін тег?

7. Жаңа жол қосу тегі?

8. <TR> тегі?

9. <TD> тегі?

10. Сурет өлшемін беретін тег?

11. Фреймдар дегеніміз не?

12. Фреймдарды қаншаға дейін бөлуге болады?

13. Сөз бен суретті бірдей фреймдарға қолдануға бола ма?

14. Фреймнің атрибуттары қандай?

15. Шекара түсін қандай тег береді?

Әдебиеттер:

1.Н.Комолова Самоучитель HTML Москва 2009г.

2.Хабибуллин И. Самоучитель Java2.-СПб.: БХВ-Петер-бург, 2007. -720 с.

3.Будилов В. Интернет-программирование на Java. -СПб.: БХВ-Петербург, 2003. -694 с.

4.Флэнаган Д. Java. Справочник:Пер.с англ. -СПб.: Сим-вол-Плюс, 2003. -1040 с.

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

Тапсырма: Microsoft Front Pageшаблонының негізінде сайт құру

Төмендегі алгоритмді қолданып, шаблон негізінде сайт құрыңыз. Шаблон көмегімен құрылған сайт парағына суретті, мәтінді қоюдың, мәтінді безендірудің әртүрлі варианттарын қолданыңыз

Адам

Microsoft Front Page (Пуск, Программы, Microsoft Front Page) бағдарламасын жүктеңіз.

2-қадам

File, New, Web… (Файл, Новый, Сайт) таңдаңыз.

1-сурет.

Пайда болған шаблондар терезесінен (1-сурет) Личный Web-узел шаблонын таңдаңыз, ОК батармасын басыңыз.

Front Page бірнеше парақтар шаблонын құрады және олар арасында байланыс орнатады. Экран түрі 2-суреттегідей болу қажет.

Егер экранда Folders List (Список папок) терезесі жоқ болса, онда View (Обзор) менюіне қатынап, Folders List (Список папок) батырмасын қосыңыз.

2-сурет

Адам

Веб-узел батырмасын тышқанмен шертіңіз, сонан кейін Переходы. Шаблон негізінде құрылған сайттың схемасы экранда көрсетіледі (3-сурет).

3-сурет

Адам

Парақтың атын өзгертіңіз. Ол үшін парақтың суреті бойынша тышқанның оң жақ батырмасын басып, пайда болған қосымша менюден Rename (Переименовать) (4-сурет) командасын таңдаңыз.

4-сурет

Мысалы, 5-суретті қараңыз:

5-сурет

5-қадам

Қажет болса навигация схемасына қосымша парақтарды қосыңыз. Ол үшін навигация схемасы өрісінде тышқанның оң жақ батырмасын шертіңіз, қосымша менюден New Top Page (Жаңа жоғарғы терезе) командасын таңдаңыз (6-сурет). Навигация схемасында пайда болған парақты тышқанмен іліп алып оны төменгі деңгейге байланыстар пайда болатындай (7-сурет) орналастырыңыз. 4-қадам бойынша жаңа беттердің атын өзгертіңіз

6-сурет

7-сурет

Адам

Басты бетке өтіңіз (ол «домик» белгісімен айрықшаланған).

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

Адам

Беттер арасындағы байланыстарды көрсету схемасын таңдаңыз. Ол үшін навигация жолы бойынша тышқанның оң жақ батырмасын шертіңіз және қосымша менюде Свойства Панель ссылок командасын таңдаңыз (8-сурет).

8-сурет

Пайда болған Свойства Панели ссылок терезесінде Child Pages under Home (Негізгі терезенің қосымша терезесі) таңдаңыз (9-сурет), OK батырмасын басыңыз.

9-сурет

8-қадам

Сайтты безендіру стилін таңдаңыз – меню Format, Theme (Формат, Тема). Шыққан тізімнен кез-келген тақырыпты таңдаңыз да ОК батырмасы басыңыз

Адам

Сайтты қарау режиміне көшіңіз (Preview (Просмотр) батырмасы Front Page терезесінің төменгі бөлігінде). Сілтемелермен көше отырып сайттың құрылымын қарап шығыңыз.

Адам.

Бетті жөндестіру режиміне көшіңіз (Front Page бетінің төменгі бөлігіндегі Конструктор батырмасы). Әрбір бетті жөндеңіз. Қажет емес мәтіндерді алып тастаңыз (Керексіз мәтінді ерекшелеп белгілеп Delete батырмасын басыңыз).

Бетке алдын-ала MS WORD бағдарламасында дайындалған мәтінді көшіріп қойыңыз. Дайындалған иллюстрациялық материалдарды қою үшін менюдің Insert, Picture, From File (Вставка, Рисунок, Из файла) командаларын қолданыңыз.

Әдебиеттер:

1.Н.Комолова Самоучитель HTML Москва 2009г.

2.Хабибуллин И. Самоучитель Java2.-СПб.: БХВ-Петер-бург, 2007. -720 с.

3.Будилов В. Интернет-программирование на Java. -СПб.: БХВ-Петербург, 2003. -694 с.

4.Флэнаган Д. Java. Справочник:Пер.с англ. -СПб.: Сим-вол-Плюс, 2003. -1040 с.

Зертханалық жұмыс №8. Macromedia Flash бағдарламасында жұмыс

Тапсырма 1. «Сілтеме (Arrow Tool)» сурет салу және ерекшелеу құрал-саймандары

Тапсырма 2. «Lasso (Лассо) және Line (Сызық)» сурет салу және ерекшелеу құрал-саймандары

Тапсырма 3. Сурет салу және ерекшелеу құрал-саймандары

Еркін трансформациялау (Free Transform)

Тапсырма 4. Жеке тапсырма

Тапсырма 1.

«Сілтеме (Arrow Tool)» сурет салу және ерекшелеу құрал-саймандары

1. Жаңа құжат ашыңыз, Қасиеттер панелінен құжатқа келесі баптауларды тағайындаңыз:

2. Жұмыс үстелі толығымен көріну үшін оның масштабын 150% орнатыңыз:

3. Қасиеттер панелінен бояу түсін сары, сыртқы штрих түсін көк түс, штрих стилі түзу сызық болатындай етіп таңдаңыз:

4. Саймандар тақтасынан элипс құралын таңдап, жұмыс алаңына түсіріңіз. Келесідей сурет шығуы қаже:

5. Осы суретке тағы бір сурет қосыңыз, оның қасиеттерін келесідей баптаңыз:

6. Саймандар тақтасынан сілтеме құралын таңдаңыз.

7. Сілтемемен сарғылт түсті шеңберді ерекшеленіз. Ол үшін келесі әрекеттердін бірін жасаңыз:

· тышқанның оң жақ батырмасымен объект ішін екі рет шертіңіз;

· тышқан сілтемесін объект сыртына орналастырып, шеңберді тұтас ерекшелеу үшін тышқанның оң жақ батырмасын басып тұрып объект ерекшелеу сызығының ішінде қалатындай етіп тартыңыз.

Ерекшеленген объект ұсақ тормен белгіленіп көрінеді:

8. Ерекшеленген суретті Түзету ► Көшіру (<Ctrl>+<C>) командасы арқылы көшіріп, Түзету ► Қою (<Ctrl>+<V>) командасы арқылы қойыңыз:

Жаңа үшінші дөңгелектен ерекшеуді алмай, Қасиеттер панелінен бояу түсін қызғылт, сыртқы штрих түсін сары түс, штрих стилі

болатындай етіп таңдаңыз.

9. Енді жұмыс алаңының кез – келген жерін шерту арқылы ерекшелеу режимінен шығыңыз. Нәтижесінде келесідей суреттер пайда болу қажет:

10. Құрал-cаймандар панелінен сілтеме құралын таңдап, кез-келген шеңбер үстінен шертіңіз. Нәтижесінде осы фигуранын тек түсі ғана ерекшеленеді:

Осы құралмен ерекшеленген түсті сырт жаққа орнын ауыстырыңыз:

11. Саймандар панелінен сілтеме құралын таңдап, сілтемені шеңбердің жиегіне тақаныз. Сілтеме жанында доғал сызықша пайда болады. Ол объектті өзгертуге мкіндік береді:

Тышқанның сол жақ батырмасын басып тұрып шеңбердің қалпын ауыстырыңыз:

Тышқанның сол жақ батырмасын жіберген кезде объект қалпы өзгертеді:

12. Дайын суреттерді *.fla форматымен сақтаңыз. Орындайтын процедураны анықтайды.

Тапсырма 2.

«Lasso (Лассо) және Line (Сызық)» сурет салу және ерекшелеу құрал-саймандары

1. Жаңа құжат ашыңыз.

2. Эллипс және төртбұрыш құралдары арқылы 4 әр түрлі фигура салыңыз.

3. Саймандар тақтасынан Лассо құралын таңдап, тышқанның сол жақ батырмасын басып тұрып, объект айналасын қоршайтын сызық сызыңыз:

Енді тышқан батырмасын жіберсеңіз объект ерекшеленеді.

Сілтеме құралымен объектінің орнын ауыстырыңыз

4. Саймандар тақтасынан Лассо құралын таңдап, тышқанның сол жақ батырмасын басып тұрып, объект ішінен қажетті сызық сызыңыз:

Тышқанның батырмасын жіберсеңіз, объекттің белгіленген бөлшегі ерекшеленіп шығады:

Тамызғыш құралымен кез-келген түсті таңдасаңыз ерекшеленген объект бөлшегі сол түске боялады.

Тапсырма 3. Сурет салу және ерекшелеу құрал-саймандарымен жұмыс

Сурет салу және ерекшелеу саймандары. Еркін трансформациялау (Free Transform)

1. Жаңа құжат ашыңыз.

2. Төртбұрыш құралы арқылы 6 әр түрлі фигура салыңыз

3. Құрал-саймандар панелінен еркін трансформациялау құралын таңдап, бір объектіні ерекшелеңіз:

Ерекшеленген жиекті маркерлер көмегімен объект өлшемін өзгертіңіз:

4. Құрал-саймандар панелінен Еркін трансформациялау құралын таңдап, бір объектіні ерекшелеңіз:

5. Ерекшеленген объектіні оның бұрышындағы ерекшеленген маркер арқылы оны 45° айналдырыныз:

6. Құрал-саймандар панелінен еркін трансформациялау құралын таңдап, бір объектіні ерекшелеңіз:

Ерекшеленген объект төбесінен оны еңкейтіңіз:

7. Құрал-саймандар панелінен еркін трансформациялау құралын таңдап, бір объектіні ерекшелеңіз:

Ерекшеленген объектінің бұрышындағы ерекшеленген маркер арқылы объектіні бұрмалаңыз:

Пайдаланылатын әдебиеттер

1. Р. Рейнхардт. Flash MX. Библия пользователя Р. Рйенхардт, С. Дауд. –М.:Вильямс, 2007.

2. М.Б. Бурлаков. Самоучитель Macromedia Flash MX / М.В. Бурлаков. – СПб.: БХБ-Петербург, 2006.

3. Б. Сандерс. Эффективная работа: Flash 5. СПб: Питер, 2001. -352 с.

4. С.И.Переверзев. Macromedia Flash в школе. Информатика и образование. 2003. № 5,6,11,12. 2004. № 1,3.

5. А.Кишик, П.Галушкин. Flash МХ. Эффективный самоучитель: -СПб.:ООО «ДиаСофтЮп», 2003.-416 с.

6. Этан Уотролл, Норберт Гербес. Flash MX. Санкт-Петербург, 2003 г.

7. Найджел Чепмен, Дженни Чепмен “Цифровые графические инструменты: Adobe Photoshop, Illustrator, Flash, Dreamweaver, ImageReady, Premiere и др.”, М., Диалектика, 2005. Macromedia Flash 8. Самоучитель”, М., 2003. -656 с.

8. 2 в 1: Самоучитель разработки Web-сайтов: HTML, CSS, графика, анимация, раскрутка + Видеокурс / М. П. Левин, Ю. М. Алексеев. - М.: ТРИУМФ, 2008 -56 с.

Зертханалық жұмыс №9 Анимациялар құру

Анимацияланған бейне фильм жасау.

Тапсырма 1. «Құлайтын шар»

Тапсырма 2. «Шарды қайта қалпына келтіру»

Тапсырма 3. «Сағат. I-ші эпизод»

Тапсырма 1. «Құлайтын шар»

1. Жаңа құжат ашыңыз, Қасиеттер панелінен құжатқа келесі баптауларды тағайындаңыз

2. Жұмыс үстелі толығымен көріну үшін оның масштабын 150% орнатыңыз

3. Жұмыс үстелінің үстіңгі жағына контурсыз шар бейнесін салыңыз:

уақыт шкаласында бірінші кадр кілттік кадр болып белгіленеді (қара нүкте):

4. Екінші кадрды тышқаннын оң жақ батырмасымен шертіп, Кілттік кадрды қою командасын таңдаңыз:

Монтажды үстелде фильмнің екінші кадры пайда болады:

Енді шар бейнесін жұмыс үстелінің төменгі жағына орнын ауыстырыңыз:

5. Шардан кесек жарылып бөлінгенін көрсететін бейне үшінші кілттік кадрда салыңыз:

6. Төртінші кілттік кадрда шардан тағы бір кесек жарылып бөліну керек:

7. Бесінші кілттік кадрда шар түгел бөлшектерге бөліну қажет:

8. Мәзірлер тақтасынан Өзгерту ► Құжат командасын таңдап кадр жиілігін секундына 5 кадр деп таңдаңыз:

9. Дайын фильмді <Ctrl>+<Enter> батырмаларын басу арқылы көріңіз.

10. Дайын фильмді *.fla форматымен сақтаңыз.

Кадрлік анимация

Тапсырма 2. «Шарды қайта қалпына келтіру»

1. Құлайтын шары бар фильмді ашыңыз (2.1 - тапсырма).

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

3. Дайын фильмді <Ctrl>+<Enter> батырмаларын басу арқылы көріңіз.

4. Дайын фильмді *.fla форматымен сақтаңыз.

Тапсырма 3. «Сағат. I-ші эпизод»

1. Жаңа құжат ашыңыз.

2. Құжат өлшемін 200 Х 200 пиксель деп өзгертіңіз.

3. Монтажды үстелде Қабатты қосу батырмасы арқылы, тағы екі қабатты қосып, Циферблат, Қысқа тіл, Ұзын тіл деп атын өзгертіңіз:

4. Циферблат қабатының бірінші кілттік кадрында болашақ сағат болатын циферблатын суретін салыңыз:

5. Қысқа тіл және Ұзын тіл қабаттарының бірінші кілттік кадрларына кіші және ұзын сағат тілі суретін салыңыз:

6. Барлық қабаттардың екінші кадрын ерекшелеп, тышқанның оң жақ батырмасын басып Кілттік кадрды қою командасын таңдаңыз:

7. Екінші кадрда ұзын тілді ерекшелеп, Еркін трансформациялау құралын таңдаңыз. Трансформация нүктесін циферблаттын орталығына қосып, тіліді 30° айналдырыңыз:

8. Кысқа тіл қабатының екінші кадрында тура осы амалды қайталаңыз, 10 деген цифрга 2,5° градусқа айналдырыңыз:

9. Ұзын және қысқа сағат тілдерін жаңа кілттік кадр құру барысында жылжыту арқылы ұзын тіл бір айналым жасап, ал кысқа тіл 10 санына келіп тоқтауы тиіс. Барлығы 13 кадр болуы керек:

10. Кадрдың ауысу жиілігін секундына 1 кадр деп таңдаңыз.

11. Дайын фильмді <Ctrl>+<Enter> батырмаларын басу арқылы көріңіз.

12. Дайын фильмді *.fla форматымен сақтаңыз.

Пайдаланылатын әдебиеттер

1. Р. Рейнхардт. Flash MX. Библия пользователя Р. Рйенхардт, С. Дауд. –М.:Вильямс, 2007.

2. М.Б. Бурлаков. Самоучитель Macromedia Flash MX / М.В. Бурлаков. – СПб.: БХБ-Петербург, 2006.

3. Б. Сандерс. Эффективная работа: Flash 5. СПб: Питер, 2001. -352 с.

4. С.И.Переверзев. Macromedia Flash в школе. Информатика и образование. 2003. № 5,6,11,12. 2004. № 1,3.

5. А.Кишик, П.Галушкин. Flash МХ. Эффективный самоучитель: -СПб.:ООО «ДиаСофтЮп», 2003.-416 с.

6. Этан Уотролл, Норберт Гербес. Flash MX. Санкт-Петербург, 2003 г.

Зертханалық жұмыс №10 Actions Script операторларымен жұмыс.

Тапсырма 1. Клип үшін сценари құру. «Көлік»

1. Жаңа құжат ашыңыз өлшемі 500x250 пиксель болсын.

2. Қабаттың атын Background деп деп ауыстырыңыз.

3. Осы қабатта суретте көрсетілгендей екі тіктөртбұрыш салыңыз:

4. Жаңа өабат құрып аьын Keys деп атаңыз

5. Keys қабатына ортақ кітапханадан Buttons/Key Buttons батырмаларын қойыңыз.

6. Батырмаларды суреттегідей орналастырыңыз:

7. Әр батырманы (Button) фильмге (Movie Clip) ауыстырыңыз:

8. Әр клип-«батырмасы» үшін код жазыңыз, enterFrame оқиғасын өңдейтін жөндеуші onClipEvent:

onClipEvent (enterFrame) {
if (Key.isDown(Key.LEFT)) {
gotoAndStop(3);
} else {
gotoAndStop(1);
}
}

onClipEvent (enterFrame) {
if (Key.isDown(Key.DOWN)) {
gotoAndStop(3);
} else {
gotoAndStop(1);
}
}

onClipEvent (enterFrame) {
if (Key.isDown(Key.UP)) {
gotoAndStop(3);
} else {
gotoAndStop(1);
}
}

onClipEvent (enterFrame) {
if (Key.isDown(Key.RIGHT)) {
gotoAndStop(3);
} else {
gotoAndStop(1);
}
}

9. Background және Keys қабаттары арасында жаңа қабат құрып, атын Avto деп атаңыз.

10. Avto қабатында автокөлік түрінде символ-клип құрыңыз. Атын (символ-клип) Car деп атаңыз.

11. Car клипына onClipEven өңдейтін tLoad және enterFrame оқиғасын кодын жазыңыз. өңдеушінің клипа Car оқиғаны өңдейтін код жазыңыз. Менің мысалымда ол келесідей корсетіледі:

onClipEvent (load) {
//ауыспалы жылдмдығын орнататын хабарландыру.

speed = 5;
}

onClipEvent (enterFrame) {
// Алға, Артқа, Солға, Оңға қозғалу.
if (Key.isDown(Key.LEFT) &&!Key.isDown(Key.RIGHT)) {
_x -= speed;
_rotation = 270;
}
if (Key.isDown(Key.RIGHT) &&!Key.isDown(Key.LEFT)) {
_x += speed;
_rotation = 90;
}
if (Key.isDown(Key.UP) &&!Key.isDown(Key.DOWN)) {
_y -= speed;
_rotation = 0;
}
if (Key.isDown(Key.DOWN) &&!Key.isDown(Key.UP)) {
_y += speed;
_rotation = 180;
}
//
// Диагоналы бойнша қозғалу
if (Key.isDown(Key.LEFT) && Key.isDown(Key.UP) &&!Key.isDown(Key.RIGHT) &&!Key.isDown(Key.DOWN)) {
_rotation = 315;
}
if (Key.isDown(Key.RIGHT) && Key.isDown(Key.UP) &&!Key.isDown(Key.LEFT) &&!Key.isDown(Key.DOWN)) {
_rotation = 45;
}
if (Key.isDown(Key.LEFT) && Key.isDown(Key.DOWN) &&!Key.isDown(Key.RIGHT) &&!Key.isDown(Key.UP)) {
_rotation = 225;
}
if (Key.isDown(Key.RIGHT) && Key.isDown(Key.DOWN) &&!Key.isDown(Key.LEFT) &&!Key.isDown(Key.UP)) {
_rotation = 135;
}
//
// маскаланған аймақтың қарама-қарсы жағына қайтып бару.
// объект экраннан шығып кеткен жағдайда.

if (_y<0) {_y = 231;}
if (_y>231) {_y = 0;}
if (_x<231) {_x = 465;}
if (_x>465) {_x = 231;}
}

12. Енді көлік тек белгілі зонада пайда болу үшін маскалап жасыру қажет.

Ол үшін көлік қабаты үшін маска қабатын құру керек:

1. Көлігі бар қабаттан жоғары жаңа қабат құрыңыз. Оның атын Mask деп ауыстырыңыз.

2. Mask қабатынан төртбұрыш аймақтың түсін ауыстырыңыз. Осы жерде көлік көрінеді.

3. Mask қабатын маска-қабатына ауыстырыңыз.

13. Дайын фильмды <Ctrl>+<Enter> батырмаларын басу арқылы көріңіз.

14. Дайын фильтмді *.fla форматымен сақтаңыз.

Тапсырма 2. Клип үшін сценари құру

1. 15.1 тапсырманың 1-10 пунктін негізге ала отырып жүретін танк жасаңыз.

Батырмаларға қойылатын әреткеттер:

onClipEvent (enterFrame) {
if (Key.isDown(Key.LEFT)) {
gotoAndStop(3);
} else {
gotoAndStop(1);
}
}

onClipEvent (enterFrame) {
if (Key.isDown(Key.DOWN)) {
gotoAndStop(3);
} else {
gotoAndStop(1);
}
}

onClipEvent (enterFrame) {
if (Key.isDown(Key.UP)) {
gotoAndStop(3);
} else {
gotoAndStop(1);
}
}

onClipEvent (enterFrame) {
if (Key.isDown(Key.RIGHT)) {
gotoAndStop(3);
} else {
gotoAndStop(1);
}
}

onClipEvent (load) {
//ауыспалы жылдамдық орналасу хабарламасы

speed = 5;
}

onClipEvent (enterFrame) {
// Солға, оңға, алдыға, артқа жүру
if (Key.isDown(Key.LEFT) &&!Key.isDown(Key.RIGHT)) {
_x -= speed;
_rotation = 270;
}
if (Key.isDown(Key.RIGHT) &&!Key.isDown(Key.LEFT)) {
_x += speed;
_rotation = 90;
}
if (Key.isDown(Key.UP) &&!Key.isDown(Key.DOWN)) {
_y -= speed;
_rotation = 0;
}
if (Key.isDown(Key.DOWN) &&!Key.isDown(Key.UP)) {
_y += speed;
_rotation = 180;
}
//
// диагоналі бойынша жүру
if (Key.isDown(Key.LEFT) && Key.isDown(Key.UP) &&!Key.isDown(Key.RIGHT) &&!Key.isDown(Key.DOWN)) {
_rotation = 315;
}
if (Key.isDown(Key.RIGHT) && Key.isDown(Key.UP) &&!Key.isDown(Key.LEFT) &&!Key.isDown(Key.DOWN)) {
_rotation = 45;
}
if (Key.isDown(Key.LEFT) && Key.isDown(Key.DOWN) &&!Key.isDown(Key.RIGHT) &&!Key.isDown(Key.UP)) {
_rotation = 225;
}
if (Key.isDown(Key.RIGHT) && Key.isDown(Key.DOWN) &&!Key.isDown(Key.LEFT) &&!Key.isDown(Key.UP)) {
_rotation = 135;
}
//
//маскіленген аймақтың қарама-қарсы жағына қайтуы

// танкі экраннан шығып кеткен жағдайда
if (_y<-35) {_y = 335;}
if (_y>335) {_y = -35;}
if (_x<250) {_x = 655;}
if (_x>655) {_x = 250;}
}

2. Ату үшін тағы бір клип-батырмасын құрыңыз.

Батырманы өңдейтін код жазыңыз:

onClipEvent (enterFrame) {
if (Key.isDown(Key.CONTROL)) {
gotoAndStop(3);
} else {
gotoAndStop(1);
}
}

3. Маска қабаты астынан жаңа маскаланатын қабат салыңыз.

4. Келесі процедуралар арқылы «оқ ату»- клипы бойынша маска жасалынады.

5. Келесі процедуралар арқылы «оқ ату» клипының іс-әрекетін келесі әрекеттер арқылы кодын жазыңыз:

onClipEvent (load) {
_visible = false;
speed = 15;
}

onClipEvent (enterFrame) {
if (Key.isDown(Key.CONTROL)) {
//ату координатын анықтау
_rotation = _root.Tank._rotation;
_x = _root.Tank._x;
_y = _root.Tank._y;
switch (_rotation) {
case 0:
_y -= 35;
break;
case 45:
_y -= 20;
_x += 20;
break;
case 90:
_x += 35;
break;
case 135:
_x += 20;
_y += 20;
break;
case 180:
_y += 35;
break;
case -135:
_y += 20;
_x -= 20;
break;
case -90:
_x -= 35;
break;
case -45:
_x -= 20;
_y -= 20;
break;
}
/ату
gotoAndPlay(1);
_visible = true;
}
//ату қозғалысы
switch (_rotation) {
case 0:
_y -= speed;
break;
case 45:
_y -= speed;
_x += speed;
break;
case 90:
_x += speed;
break;
case 135:
_x += speed;
_y += speed;
break;
case 180:
_y += speed;
break;
case -135:
_y += speed;
_x -= speed;
break;
case -90:
_x -= speed;
break;
case -45:
_x -= speed;
_y -= speed;
break;
}
}

6. Дайын фильмді <Ctrl>+<Enter> батырмаларын басу арқылы көріңіз.

7. Дайын фильмді *.fla форматымен сақтаңыз.

Дата добавления: 2015-10-02; просмотров: 539 | Нарушение авторских прав

<== предыдущая страница	\|	следующая страница ==>
Тапсырма.	\|	Тапсырма 3.

mybiblioteka.su - 2015-2024 год. (0.138 сек.)