Добавил:

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

Вуз:

Международный казахско-турецкий университет им. Х. А. Яссави

Предмет:

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

Файл:

2013-2014_Lektsia_zhina_y_-_internet_tekhnologia_ABA-011_012_3.doc

Скачиваний:

Добавлен:

15.02.2016

Размер:

8.17 Mб

Скачать

☆

<<< < Предыдущая 12 / 272 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 > Следующая >>>

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

Тақырыбы: Қаріп стильдері. Логикалық стильдер. Мәтінмен жұмыс жасауға арналған

тэгтер. тэгiн пайдалану.

Мақсаты: HTML тілінің негіздері оқып үйрену

Қажет құралдар мен қойылатын талаптар: дербес компьютер, Блокнот(Hotepad) және Internet Explorer программалары, сонымен бірге компьютерде қолданушы ретінде жұмыс жасай білу керек.

Жұмыстың орындалу реті:

1. Теориялық материалды игеру.

2. Жұмыстың орындалуы.

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

Зертханалық жұмыстың орындалуына есеп беру формасы:

1. Зертханалық жұмыс номері

2. тапсырма

3. Бағдарлама мәтіні.

4. Тестілеу нәтижесі.

5. Бақылау сұрақтарына жауап беру.

Әдістемелік нұсқау

Стильдерінің қысқа тізімі.

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

 bold (жуан)

 italic (жантайған)

 mono spaced (type writer – бекітілген әріптердің қолдануымен)

_{Сіздер
стильдердің әртүрлі түрлерін коса
алаcыздар , мысалы жу}_а_{н
және жантайған.}

Стиль	Элемент немесе тег	Нәтиже
Bold	<B>Бұл мәтін жуан</B>	Бұл мәтін жуан
Italic	<I>Бұл мәтін жантайған</I>	Бұл мәтін жантайған
Mono spaced	<TT>Бұл мәтін непроп . әріппен </TT>	Бұл мәтін непроп . әріппен

Стильдердің қиыстыруы сіздерге бірнеше элемент бір жолға әртүрлі стильдер көрсетуге рұқсат етеді , мысалы :

Жизнь - это песня!

Жизнь- это песня!

Қосымша стильдер:

 big (үлкен)

 small (кішкентай)

 sub (төменгі индекс)

 sup (жоғарғы индекс)


Стиль	Элемент немесе тег	Нәтиже
Big	Бұл мәтін<BIG>үлкен</BIG>	Бұл текст үлкен
Small	Бұл мәтін<SMALL>кішкентай</SMALL>	Бұл текст кішкентай
Sub	Бұл мәтін<SUB>төменгі индекс</SUB>	Бұл текст төменгі индекс
Sup	Бұл мәтін<SUP>жоғарғы индекс</SUP>	Бұл мәтін жоғарғы индекс

Әріп мөлшері <FONT SIZE>

Сіздер тега көмегімен әріп мөлшерін өзгерте алаcыздар :

<FONT SIZE =+|- n>

Әріп мөлшері 1 ден 7-ге шейін бола алады. Сіздер әріп мөлшерін цифрмен немесе салыстырмалы негіздік мағынасын ( жалпы -3) дұрыс немесе бұрыс жаққа түзу көрсете алаcыздар.

<BASEFONT SIZE=n>

Мысалы:

және

зм

ен

ен

ие

изменение

әріп түсі<FONT SIZE>

_Сіздер_тег_көмегі_{жанында}_әріп_түсін_{өзгерте}_ал_а_c_ыздар_:

<FONT COLOR="#xxxxxx>

Түс – әрбір мөлшерлілік нұсқауы оналтылық тү скомпоненттері арқылы RGB- форматта көрсетіледі ( Red - Green - Blue ). Мысалы , , ақ түс - "000000"белгіленеді, қара - "FFFFFF ", көк - 0000FF және т.б .

Қызыл

Жасыл

Көк

ҚызылЖасылКөк

Текстпен жұмыс  тегiн пайдалану.

тегі

атрибут

Анықтамасы

SIZE

COLOR

FACE

Шрифтпен жұмыс жасау

Шрифттн өлшемін өзгерту

Шрифтің түсінөзгерту

Шрифтің түрінөзгерту

Мысал-1:

<html><head><title> Текстпен жұмыс жасау үлгісі: тегін

пайдалану.</title></head><body>

<h1 align=center>Текстпен жұмыс жасау үлгісі: <FONT&</h1>

TYP

size =+1>ЛI

PA3MEP

ШPИ<font

Size=+2>ФTI

--&1;FONT SIZE…&GT;

ТҮРЛІ

ТҮСТІ

ШРИФТ

--&1t;FONT COLOR…>

ШРИФТТІҢ

ӘРТҮРЛІ

ЖАЗЫЛУЫ

--&1t;FONT FACE…>

©сабақ 3

</body>

</html>

Мысал-2:

Жартылай қалың, курсив шрифті, жартылай қалың курсив, ^асты^{сызылған}^,^«^үсті^{сызылға}^н^»^,_{төменгі} және ^жоғары

<html>

_<head>индекстер

<title> Текстпен жұмыс жасау үлгісі: шрифттің өзгеруі.</title>

</head>

<body>

<h1 align=center>Текстпен жұмыс жасау үлгісі: шрифттің өзгеруі.

</h1>

<hr size=4>Жартылай қалың,курсившрифті,

жартылай алың курсив, 

асты сызылған,<s>үсті сызылған</s>төменгі  және

жоғарғыиндекстер

<hr size=2>

&copy сабақ 4

</body>

</html>

Тапсырмалар

1 тапсырма.Тақырып стильдерін қолдану.

Тақырыптарды жазудың алты түрлі тәгтері бар (<H1>ден <H6>-ға дейін).Әрбір тәг броузер параметрлеріне сәйкес мәтінге белгілі бір нақты стиль бере алады.

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

<HTML>

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

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

</HEAD>

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

<H3><I>сабақкестесі</H3>

</BODY>

</HTML>

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

2тапсырма. Қолданып отырған қаріптің көлемін өзгерту.

 тәгі ағымды мәтін ішіндегі кейбір жолдарда қолданылып отырған қаріптің

көлемін 1-ден 7-ге дейін мөлшерде өзгерту мүмкіндігін береді.

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

<HTML>

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

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

</HEAD>

<BODY>

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

</BODY>

</HTML>

2.Осы тәгін пайдаланып, «сабақ кестесі» сөздерінің мөлшерін өз қалауларыңыз ша

өзгертіп көріп шығыңыздар.

3.Мәтін бөліктерін жоғарыда айтылған ерекшелеу түрлерін және көшу,жаңа абзац ашу

тәгтерін пайдалана отырып бірнеше тәсілмен безендіріңіздер.

3тапсырма.тәгі мәтін бөліктерінің көлемін,типін және түсін өзгертуге мүмкіндік

береді. Қаріп типін өзгертутәгіне FASE атрибутын қосу арқылы

орындалады.Мысалы: мәтін бөлігін KZ Arial қаріппен жазу үшін:<FONT FASE=”KZ

ARIAL”>тәгін қолдану қажет.

Қаріп түсін беру үшін тәгінің COLOR=”X” атрибутын жазу керек.Мұндағы X

орнына ағылшын тіліндегі түс атын немесе оның он алтылық жүйедегі сандық мәнін жазса

болады.Он алтылық санды қолданғанда,түс құрамындағы қызыл (R-Red), жасыл(G-Green),

көк(B-Blue) бояулардың араласу мөлшерін 00 мен FF сандары аралығындағы мәндермен

көрсету керек.Осы тәсілді бояу түсін көрсетудің RGB форматы деп атайды.

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

<HTML>

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

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

</HEAD>

<BODY>

<FONT COLOR=”#FF0000” FASE=”ARIAL” SIZE=”7”

Сәрсенбі күнгі

сабақ кестесі

</BODY>

</HTML>

Тапсырма

1. Студенттік кеңестің кезекті мәжілісі болатындығы жайлы хабарлама жазып, құжаттың

нәтижесін Іnternet Explorer-де көргеннен кейін:

а) тақырып және бөлім аттарын ортаға жылжытып қойыңыз;

ә) бірінші азат жолтың түсін – қызыл, екінші азат жолты – көк, ал үшінші азат жолтый – жасыл етіп, мәтін фонын сары түске өзгертіңіздер;

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

2. Тексті Font тег әртүрлі форматтау жүргізіңіз.

3. Алдында сақталған файлдарды Font тег арқылы жазу қажет.

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

1. Мәтінмен жұмыс жасау тэгтері

2. Мәтінді форматтау

3. тэгін пайдалану

4. Мәтін түсін, фон түсін қалай беруге болады?

5. тәгінің SIZE атрибутының мәндері қалай жазылады?

Блиц-тест

1. тегі:

a) Текстті бетте қарайтылған шрифтпен белгілеу үшін

b) Тексттегі жолды көшіру үшін

c) Беттің соңын белгілеу үшін

d) Алдыңғы тег әрекетінің соңын білдіру үшін

e) Текстті бетте курсивпен белгілеу үшін қолданылады

2.<CITE> тегі не үшін қолданылады:

a) Тексттегі цитатаны белгілеу үшін b) Басқа сайтқа сілтемені беру үшін c) Бетке графиканы қою үшін

d) Текстті бетте қарайтылған шрифтпен белгілеу үшін

e) Текстті бетте курсивпен белгілеу үшін

3.<PRE> тегі қандай мақсатта қолданылады:

a) Текстті бекітілген форматпен шығару үшін

b) Беттің басын белгілеу үшін

c) Ағымдағы тегке түсініктеме беру үшін

d) Тегке көсекшіні шығару үшін

e) Беттегі текстті белгілеу үшін

4.<A> тегі:

A) Басқа құжатқа немесе ресурсқа сілтеме қою үшін

B) Бет адресін белгілеу үшін

C) Беттегі текстті туралау үшін

D) Тегке көмекшіні шығару үшін

E) Бетті бейнелеу масштабын беру үшін қолданылады

Әдебиеттер

1. Дузбаева Р.М. Основы создания HTML-документов. Уч. пособ. для студентов. –Алматы, КБТУ 2003. –82 с.

2. Нидерст Дж. Web-мастеринг для профессионалов. –СПб.:Питер, 2001. –576

3. Информатика и образование,№8, 2000.Е. В. Давыдова

4. Симонович С., Евсеев Г., Алексеев А. Специальная информатика: Уч. пособ. -М.: АСТ-ПРЕСС: Инфорком-Пресс, 1998.-480с.

5. А. Гончаров. HTML в примерах. – СПб: "Питер", 1997.

6. Лэмонт Вуд. Web-графика. Справочник. – СПб: "Питер", 1998.

7. С. Бейн, Д. Грей. Как сделать красиво в Интернете. Перевод с англ. – СПб: "Символ-Плюс", 1998.

8. Б.Бөрібаев., Г.А.Мадьярова. Web технологиялар. Оқулық.Алматы,2011

<<< < Предыдущая 12 / 272 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 > Следующая >>>

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

#
15.02.2016562.18 Кб4391179_az__1241_debiet_test35_n_1201_s_1179_a.doc
#
15.02.201626.11 Кб1612 _ПВБ и СДТ _ каз.rtf.doc
#
15.02.2016470.17 Кб631976.pdf
#
15.02.2016365.49 Кб262-курс турк тили - копия.doc
#
15.02.201660.42 Кб172010 Жаа жыл-11.doc
#
15.02.20168.17 Mб792013-2014_Lektsia_zhina_y_-_internet_tekhnologia_ABA-011_012_3.doc
#
15.02.2016682.5 Кб6883 kurs styl.rtf.doc
#
15.02.2016252.42 Кб31373 kurs vse lekcii po teor.phonetike cor.doc
#
15.02.2016503.81 Кб2213 kursLexicology-Complex-FA_14.doc
#
15.02.2016359.94 Кб2546М021000 «Шетел филологиясы» жауап.doc
#
15.02.201643.69 Кб346М050600-«Экономика» .docx