Добавил:

Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.

Вуз:

Казахская академия транспорта и коммуникаций им. М. Тынышпаева

Предмет:

[НЕСОРТИРОВАННОЕ]

Файл:

Алдабергенова ИСС411 Ик 412 Силлабус Web_технологии 2015_16 уч год++.doc

Скачиваний:

Добавлен:

01.07.2025

Размер:

9.49 Mб

Скачать

☆

<<< < Предыдущая 1 2 3 45 / 185 6 7 8 9 10 11 12 13 14 15 16 17 18 > Следующая >>>

Зертханалық (практикалық) жұмыстарды орындауға әдістемелік нұсқаулар

Берілген зертханалық жұмыстарды орындап, бақылау сұрақтарына жауап беріңіздер.

Зертханалық жұмыс №3. Қарапайым html файлын жасау. Экрандағы мәтіннің түрін өзгерту.

Тапсырма. Өзіңіздің Web бетіңізді құрыңыз.

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

<HTML>

<HEAD>

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

</HEAD>

Нәтижесі:

Тапсырма. Блокнот редакторы терезесінде төменде көрсетілген қарапайым HTML файлының мәтінін теру керек:

< HTML>

<HEAD>

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

</HEAD>

<BODY>

Сәрсенбі күнгі сабақ кестесі

</BODY>

</HTML>

3. Файлды RASP.HTM атымен сақтап қойыңыз да, Блокнот терезесін жауып тастаңыз

4. Жасалған Web-құжаты көру үшін сол RASP.HTM файлы белгішесін екі рет шертіңіз, сонда Microsoft Internet Explorer броузері іске қосылып, жазылған мәліметті көруіңізге болады.

Тапсырма. Экрандағы мәтіннің орналасу түрін өзгерту

Қажет болса, алдыңғы тапсырманың 5 пунктін орындаңыздар
Енді Вид – В виде HTMl (источник) командасын орындау арқылы құжатың алғашқы терілген HTML файлын Блокнот терезесінде көруге болады. Осы мәтінді өзгеріске келтіру:

< HTML>

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

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

</HEAD>

<BODY>

Сәрсенбі күнгі сабақ кестесі

</BODY>

</HTML>

3. Осылай түзетілген мәтінді Файл-Сохранить командасы арқылы сақтап қояйық та, Блокнот терезесін төменге жасырып, қайтадан Тапсырмалар тақтасында белгішесі көрініп тұрған Алғашқы HTML файлы атын шертіп, Microsoft Internet Explorer броузері терезесін ашайық

4. Броузердің Вид – Обновить командасын орындап (немесе батырмасын басып) терезедегі мәліметтің өзгергенінен көз жеткізіңдер Алғашқы HTML файлы және RASP.HTM файлдарын жабыңыздар.

Мәтінмен жұмыс. Форматтау командалары

Тапсырма. RASP.HTM файлын ашып, оның алғашқы мәтіннін Вид – В виде HTML (Просмотр HTML – кода) командасы арқылы Блокнот терезесінде көрсету қажет

HTML файлы мәтінніндегі «Сәрсенбі күнгі», «сабақ», «кестесі» сөздерін жеке-жеке жолдарға жазайық:

< HTML>

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

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

</HEAD>

<BODY>Сәрсенбі күнгі

сабақ

кестесі

</BODY>

</HTML>

Өзгертілген осы мәтінді RASP.HTM файлына Файл – Сохранить командасы арқылы қайта сақтап. Блокнот программасын жасырып, Microsoft Internet Explorer терезесін ашыңыздар.
Microsoft Internet Explorer –де мәтін өзгерістерін бейнелеу үшін Ғ5 пернесін басу керек немесе Вид – Обновить командасын орындау қажет. Экрандағы бейне өзгерді ме? Жоқ.
Енді HTML файлы мәтінінің керекті орындарына төмендегідей түрде <BR> тегін жазамыз.

< HTML>

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

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

</HEAD>

<BODY>Сәрсенбі күнгі <BR>сабақ <BR>кестесі

</BODY>

</HTML>

Мәтінді қайта сақтап Web-құжатты жаңартыңыздар. (Вид – Обновить) терезедегі мәліметтің орналасуы төмендегі суреттегідей болып өзгереді. HTML құжаты мен RASP.HTM файлын жауып тастаңыздар

Келесі жолға көшуді ұйымдастырып, жаңа абзац ашатын арнайы команда бар. <P> абзац тәгі келесі жолға көшу ісін орындаумен қатар жаңа бос жол енгізіп, жаңа абзацты алдыңғы мәтін жолдарынан бөліп тұрады.

Келесі жолға көшіру және абзац ашу тәгтерін пайдалану

Тапсырма.

HTML файлы мәтіне төмендегідей өзгерістер енгізіңіздер:

< HTML>

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

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

</HEAD>

<BODY><P>Сәрсенбі күнгі</P> <BR>сабақ <BR>кестесі

</BODY>

</HTML>

Өзгертулерді RASP.HTM файлында қайта сақтап қойыңыздар
Microsoft Internet Explorer браузері арқылы осы өзгертілген Web-құжатты қарап шығыңыздар. Экрандағы мәтін қандай өзгерістерге ұшырады?

Тапсырма. Мәтін фрагменттерін ерекшелеу

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

<HTML>

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

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

</HEAD>

<BODY>

<B>Сәрсенбі күнгі</B><I>сабақ</I><U>кестесі</U>

</BODY>

</HTML>

2. Өзгертілген Web-құжатты экраннан көріп шығыңыздар

Мұнда сөз тіркестерін ерекшелеуді аралас түрде де қолдануға болады: <I><B>Сәрсенбі күнгі</B></I><I>сабақ</I><U>кестесі</U>

Бірақ мұндайда тәгтерді араластыра жазудың мынадай ережелерін есте сақтаған жөн:

<Тәг-1><Тәг-2>…</Тәг-2></Тәг-1> - дұрыс жазылған тізбек

<Тәг-1><Тәг-2>…</Тәг-1></Тәг-2> - қате жазылған тізбек

<FONT> тәгі мәтін бөліктерінің көлемін, типін және түсін өзгертуге мүмкіндік береді. Қаріп типін өзгерту <FONT> тәгіне FACE атрибутын қосу арқылы орындалады. Мысалы, мәтін бөлігін KzArial қарпімен жазу үшін: <FONT FACE=»KZ ARIAL»> тәгін қолдану қажет.

Қаріп түсін беру үшін <FONT> тәгінің COLOR=»X» АТРИБУТЫН ЖАЗУ КЕРЕК. Мұндағы Х орнына ағылшын тіліндегі түсі атын немесе оның он алтылық жүйедегі сандық мәнін жазса болады. Он алтылық санды қолданғанда, түс құрамындағы қызыл (R-Red), жасыл (G-Green), көк (B-Blue)бояулардың араласу мөлшерін 00 мен ҒҒ сандары аралығындағы мәндермен көрсету керек. Осы тәсілді бояу түсін көрсетудің RGB форматы деп атайды.

Тапсырма.

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>

Нәтижесі:

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

Web бетті құру кезінде қандай тегтерді қолдандыңыз?
Тег дегеніміз не?
Құжаттың денесі қалай орындалады?
Жолдың оң жағын туралау үшін қандай атрибутты қолдандыңыз?
Абзацты туралау кезіндегі тегті көрсетіңіз.
Курсив, жирный, подчеркнутый қолдану үшін қандай тектер қолданылады?

Әдебиеттер:

Н.Комолова Самоучитель HTML Москва 2009г.
Хабибуллин И. Самоучитель Java2.-СПб.: БХВ-Петер-бург, 2007. -720 с.
Будилов В. Интернет-программирование на Java. -СПб.: БХВ-Петербург, 2003. -694 с.
Флэнаган Д. 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. Сілтеменің түсін қалай анықтауға болады?

Әдебиеттер:

Н.Комолова Самоучитель HTML Москва 2009г.
Хабибуллин И. Самоучитель Java2.-СПб.: БХВ-Петер-бург, 2007. -720 с.
Будилов В. Интернет-программирование на Java. -СПб.: БХВ-Петербург, 2003. -694 с.
Флэнаган Д. 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 шаблонының негізінде сайт құру

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

1-қадам

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

2-қадам

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

1-сурет.

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

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

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

2-сурет

3-қадам

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

3-сурет

4-қадам

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

4-сурет

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

5-сурет

5-қадам

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

6-сурет

7-сурет

6-қадам

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

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

7-қадам

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

8-сурет

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

9-сурет

8-қадам

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

9-қадам

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

10-қадам.

Бетті жөндестіру режиміне көшіңіз (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) » сурет салу және ерекшелеу құрал-саймандары

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тапсырма 2.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<<< < Предыдущая 1 2 3 45 / 185 6 7 8 9 10 11 12 13 14 15 16 17 18 > Следующая >>>

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]

#
18.11.2019524.29 Кб10аз.тар 2012-2013.doc
#
01.07.2025703.05 Кб4АиТ,РЭТ-11-4.Ибраим Мди Амалбеклы.docx
#
08.04.201524.07 Кб39Акикат кесте 2.docx
#
08.04.20159.35 Mб296АКС лек.doc
#
08.04.201545.9 Кб39Алгоритм.docx
#
01.07.20259.49 Mб4Алдабергенова ИСС411 Ик 412 Силлабус Web_технологии 2015_16 уч год++.doc
#
01.07.202523.31 Кб4алкоголь и подросток.docx
#
01.07.2025367.1 Кб2Арх.конс.лекц.-каз..doc
#
01.07.2025388.42 Кб4АСИРДП сертификация2.docx
#
01.07.202590.37 Кб4Ассемблер.docx
#
01.07.2025638.3 Кб2АССЖДТ лекциялар.docx