№3-зертханалық жұмыс. Компьютердің архитектурасы. Ақпараттарды сақтау. Санау жүйелері

жүктеу/скачать 4.17 Mb.

бет	14/18
Дата	16.09.2023
өлшемі	4.17 Mb.
	#477705

1 ... 10 11 12 13 14 15 16 17 18

МУ Лаб Инф каз 2-часть

4-мысал: USEMAP-ты қолдану.

Ескерту. Әрқашан графикалық файлдың пішініне (көлемі байтпен) назар аударыңыз, себебі ол Web-парақтың жүктелу уақытына әсер етеді.
Фондық графика. Фондық бейне – браузерді қарау барысында бірнеше рет қайталанып отыратын, терезені толтыратын графикалық файл және ол терезенің пішінінен тәуелсіз болады.
Фондық графика тэгінде беріледі. Мысалы, терезе фонына WAGON.GIF атымен берілген графикалық файлды қою үшін былай жазамыз:

Кестелер дайындау. Кестелер HTML құжатының маңызды бөлігі болып табылады. Ол ұяшықтардан тұрады. Ұяшықта мәтін, графика немесе басқа кесте орналасуы мүмкін. Кесте негізгі үш бөліктен тұрады: кесте атауынан, бағандар тақырыбынан, ұяшықтардан.

6.1- кесте – Кестені дайындау үшін қолданылатын тэгтер

мәтін

Тэг

Форматы

Сипаттамасы

TABLE

мәтін

Кестені жариялау

Жолды көрсететін тэг

мәтін

Бағанды көрсететін тэг

6.2-кесте - тэгінің атрибуттары

Атрибут

Форматы

Сипаттамасы

BORDER

Кесте айналасына қоршау орнатады

WIDHT

тэгтарының атрибуттары

Кесте енін парақ еніне байланысты процентпен немесе пикселмен береді

BGCOLOR

Кесте фонының түсін береді

6.3-кесте -

және

Атрибут	Форматы	Сипаттамасы
ALIGN
Көлденеңінен туралауды тағайындайды (RIGHT, LEFT, CENTER)
VALIGN
Тігінен туралауды тағайындайды (TOP, MIDDLE, BOTTOM, BASELINE)
BGCOLOR
Фон түсін береді

3-бағаннан және 2-жолдан тұратын кесте құру үшін келесі тегтерді жазу керек:

Бір құжат аймағындағы сілтеме. Бұл сілтемелер үшін 2 бөліктің бар болуы шарт: таңба және сілтеменің өзі. Сілтеме таңба атын қолданады. Сілтемелер ерекше түспен немесе астын сызу арқылы ерекшеленеді. Бұл браузердің орналасуына байланысты болады. Сілтеме түсін өзгерту үшін тэгінің LINK және VLINK атрибуттары қолданылады. Сілтеме сипаттамасы: Сілтеменің аты
“>” және “<” символдары арасында мәтін жазылады. Браузер терезесінде бұл мәтіннің асты сызылып, оны басқанда қажетті файлға көшу орындалады.

2-тапсырма: HTML тегтерін қолданып қарапайым Web-парақтар құрастыру.

1-жаттығу. Қарапайым HTML файлдарын құрастыру.
< HTML >

<a href="/sabati-tairibi-ms-word-metindik-processorin-jattamani-dajindau.html">Топтың атауын енгізіңіз </a>

Студенттің аты-жөні

2-жаттығу. Шрифтпен жұмыс істеу.
шрифтік тегі 1-ден 7-ге дейінгі диапазонда мәтіннің кез келген жерінде ағымдағы шрифтінің өлшемін беріңіз. COLOR = “X” атрибутын қолданыңыз. Мәтіндерге … - жартылай қалың қарамен ерекшелеуді, … - курсивпен ерекшелеуді, …-астын сызу арқылы ерекшелеуді қолданыңыз. HTML-тегтерінің көмегімен мәтінді теңестіруді орындаңыз:
COLOR = #FF0000 SIZE =7>
ALIGN = CENTER>
Студенттің аты-жөні

3-жаттығу. Тізімді құру үшін:

1-жолдың 1-бағаны 1-жолдың 2-бағаны 1-жолдың 3-бағаны

2-жолдың 1-бағаны 2-жолдың 2-бағаны 2-жолдың 3-бағаны

Берілетін текст

HTML форматында

Строка 1 списка

Строка 2 списка

Строка 3 списка

Строка 1 списка
Строка 2 списка
Строка 3 списка

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

Жасыл түсті сызық

Көк түсті сызық
4-жаттығу.
Сурет орналастыру үшін:
1. Өз фотаңызды орналастырып, Avtor.htm файлын құрыңыз.

2. Зертханалық жұмысқа титулдық парақ дайындап, tit.htm атымен сақтаңыз.

3. Зертханалық жұмыстың тақырыбын орналастырып, lab.htm файлын құрыңыз.

5-жаттығу: HTML тегтерін қолданып Web-парақты бөлу. Жүгіру жолын құру
Фреймнің барлық мүмкін болатын түрлерінің төрт нұсқасы көрсетілген.

tit

avtor

lab

tit

avtor

lab

tit

avtor

lab

tit

lab

Avtor

Фреймнің келесі нұсқасын қарастырайық:

tit

avtor

lab

< html>

Фреймге бөлу
rows="100,*,150">

rows-параметрі бұл мысалда мына түрде берілген: rows="100,*,150". Біздің құжатымыз бірнеше жолға бөлінеді. Бірінші жолдың биіктігі - 100 пиксель, үшінші -150, ал екінші қалған барлық бөлікке ие болады. Бірінші жолда – tit.htm, екінші жолда – avtor.htm, үшінші жолда – lab.htm. frame тегі броузерге әр жолда қандай құжат болатынын айтады.
Келесі мына нұсқаны әзірлейік:

tit

avtor

lab

Бұл жағдайда жолды бірнеше бағанға бөлуді қарастырамыз. Бірінші жолда tit.htm, екінші жолды екі бағанға бөлеміз. Бұл жағдайда Frameset-ті қолданамыз.

Хождение по фреймам

Жүгіру жолын құру. Жүгіру жолын мына команда арқылы орындайды: .

Команда: Бұл мәтін оңнан солға қарай жылжиды

Команда: Бұл мәтін оңнан солға қарай және кері жылжиды

3. Команда: Бұл мәтін жылжып және тоқтап отырады
4. Команда: SCROLLDELAY="0" SCROLLAMOUNT="50"> Бұл мәтін өте тез жылжиды
5. Команда: Бұл мәтін жоғарыдан төменге қарай жылжиды
6. Команда: <marquee behavior="slide" scrollamount=9 direction=up> Бұл мәтін төменнен жоғарыға қарай жылжиды

Тапсырма: Нұсқа тапсырмасына сілтеу жасау және өткен тегтерді пайдаланып web-парақты безендіру. Берілген нұсқадағы тақырып бойынша Web-парақты құру.
6.4-кесте – Тапсырма нұсқалары

Нұсқа №

Тақырыбы

1.

Менің болашақ мамандығым

2.

Жол қозғалысы ережелері

3.

Менің халқымның салт-дәстүрі

4.

ҚарМТУ-дың әскери кафедрасы

5.

Футбол клубтары және футболшылар

6.

Спорт түрлері

7.

Қазіргі замандағы музыка

8.

Әлемнің атақты боксерлары

9.

Қазақ киносының актерлері

10.

Біздің қаланың жоғарғы оқу орындары

11.

Біздің ескі және сүйікті кинофильмдеріміз

12.

Суреттелген әліппе

13.

Қазақстанның курорттық аймақтары

14.

Қазақстандағы демалыс орындары

15.

Менің сүйікті қалам

16.

Автомобиль маркалары

17.

Қарағанды қаласының КВН командалары

18.

Ұлттық тағамдар

19.

ҚарМТУ факультеттері

20.

Қазақ эстрадасының жұлдыздары

Есеп беру мазмұны:
1. Жұмыстарға қысқаша сипаттама беру.
2. Жұмыстың орындалу ретін көрсету.
3. Құрылған web-парақтарды шығару.
4. Бақылау сұрақтарына жауап беру.

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

Internet-тің басқа компьютерлік желіден айырмашылығы.

TCP/IP түсінігі және тағайындалуы.

Қосымша деңгейінің негізгі хаттамалары.

Internet – ке басқа адресация не үшін қажет?

Internet- гі адрестердің түрлері.

IP-адрестің құрылымы не?

Сокет түсінігі?

Web-парақтың орналасуы немен анықталады?

WWW торабының ресурстар көрсеткіші неден басталады?

FTP торабының ресурстар көрсеткіші неден басталады?

URL адресінің домендік бөлігі неден тұрады?

Ішкі домендер (поддомен) неден тұрады?

Гипермәтін деген не?

World Wide Web форматында құжатты көруге және қабылдауға арналған бағдарламалар тобы қалай аталады?

Интернетте World Wide Web қызметіндегі форматта шыққан құжат не деп аталады?

Қай объектілердің көмегімен URL адресін білмей, бір Web-парақтан басқасына қалай ауысуға болады?

Әдебиеттер:

Могилев А.В. Информатика: Учеб. пособие для студ. пед. вузов. - М.: Издательский центр «Академия», 2003.

Олифер В.Г. Компьютерные сети. Принципы, технологии, протоколы. - СПб: Питер, 2008.

Симонович С.В. Информатика. – СПб, 2004.

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

Тақырыбы: Графиктік қосымшалармен жұмыс

Жұмыстың мақсаты: Paint, Corel Draw, Photoshop графиктік редакторларымен жұмыс істеуді үйрену. Әртүрлі графиктік редакторларда графиктік объектілерді құруды, безендіруді, сақтауды және түзетуді үйрену.

1. Paint графиктік редакторы
Графиктік бейнелермен жұмыс істеуге арналған қарапайым және аса кең таралған бағдарламалардың бірі Windows операциялық жүйесінің тобына жататын американдық Microsoft фирмасының Paint графиктік редакторы. Microsoft Paint растрлі графиктің бір терезелі редакторынан тұрады, оның көмегімен қарапайым бейнелерді құруға, редактрлеуге болады және де оларды аса кең таралған BMP, JPEG, GIF форматтарында сақтауға болады. Редактордың ерекшелігі тек қана бір файлмен бір уақытта жұмыс жасау болып табылады. Құрылған суреттерді баспаға шығаруға, Windows жұмыс үстелінің фоны ретінде қолдануға болады, немесе басқа құжаттарға апарып қондыруға болады. Paint сонымен бірге бейненің өлшемін, өзгертуге, көлбеулікті, бұрылуды, созылуды және кескіндеуді орындау мүмкіндігін береді.
Paint құралдарының көмегімен растрлі үлгідегі қарапайым геометриялық фигураларды (түзу, дөңгелек, эллипс және т.б.) құруға болады, сонымен қатар Windows-тың шрифтер жиынын қолдана отырып суретке мәтін қосуға болады. Microsoft Paint бейнені «салу» процесіне және дайын фрагменттерді жинақтауға бағытталған және күрделі графиктік жұмыстарды, автоматтандырылған жобалауды, фотосуреттерді редактрлеуді жүргізу үшін қолданылмайды.
Paint қосымшасының терезесі келесі бөлімдерден тұрады: құрал саймандар панелі; палитра; басты тізбелік; форматтау панелі.
Суретті қарап шығу аймағы. Барлық сурет – олар нүктелер жиыны. Егер масштаб 100% болса, онда нүктелер көрінбейді. Нүктелер масштаб 400% және одан көп болғанда көріне бастайды. Масштабты үлкейту үшін масштаб батырмасын басу керек немесе «Рисунок» тізбелігінен «Масштаб» командасына бару керек. «Сетка» режимінде суретті нүктелер арқылы түзетуге немесе қарындашпен жөндеуге болады. Суретті көлденеңінен және тігінен созуға болады, оны «Рисунок» тізбелігінде 1* дейінгі дәлдікпен бұрылу бұрышын бере отырып бұруға болады.