16-17 Веб-сайт құру технологиясы. Web-парақ құру


16-17 Веб-сайт құру технологиясы. Web-парақ құру
1. Компьютерді қосып Windows жүйесінің толық қосылуын күтіңіз.
2. ТЕМА_06 КАЗ бумасының атауына топ нөмірі мен аты-жөніңізді қосып, меншікті жұмыс бумаңызға айналдырыңызда (мысалы, ТЕМА_06 КАЗ 102 Аманов Аман), қалыпты түрде ашыңыз.
3. Ашылған терезенің кезкелген таза жерін тінтуірдің оң тиегімен шертіп, «Создать» – «Текстовый документ» орындап, оны тінтуірдің оң тиегімен шертіп, Открыть с помощью - Блокнот орындап ашыңыз.
Тапсырма 1.
А) Келесі мәтінді теріңіз:
<html>
<head>
<title>
Тапсырма10
</title>
</head>
<body>
Біз Семей қаласының
медициналық университетінің
студенттеріміз
</body>
</html>
Б) Дайындалған құжатты Юникод кодировкасында Тапсырма10.html есіммен жұмыс бумасында сақтап жабыңыз.
В) Сақталған Тапсырма10.html құжат есімін тінтуірдің оң тиегімен шертіп, мәзірден «Открыть с помощью» – кезкелген браузер көмегімен әмірлерін таңдап,жұмыс нәтижесін көріп жабыңыз.
Г) Г әрекетінде көрсетілген жолмен Тапсырма10.html кұжатын ашыңыз. Құжат мәтінін оның әр жолы HTML құжатта әр түрлі өлшемді тақырып болатындай етіп өзгертіңіз. Дайындалған құжатты Юникод кодировкасында Тапсырма11.html есіммен жұмыс бумасында сақтап жабыңызда, В әрекетінде көрсетілген жолмен ашып жұмыс нәтижесін көріп жабыңыз.
Д) Сақталған Тапсырма10.html құжатын тінтуірдің оң тиегімен шертіп, «Открыть с помощью» – «Блокнот» орындап ашыңыз. Құжат мәтінін оның әр жолы HTML құжатта абзац болатындай етіп өзгертіңіз. Дайындалған құжатты Юникод кодировкасында Тапсырма12.html есіммен жұмыс бумасында сақтап жабыңызда, В әрекетінде көрсетілген жолмен ашып жұмыс нәтижесін көріп жабыңыз.
Е) Г әрекетінде көрсетілген жолмен Тапсырма12.html кұжатын ашыңыз. Құжат мәтінін оның әр жолындағы қарыптардың өлшемдері HTML құжатта әр түрлі болатындай етіп өзгертіңіз. Дайындалған құжатты Юникод кодировкасында Тапсырма13.html есіммен жұмыс бумасында сақтап жабыңызда, В әрекетінде көрсетілген жолмен ашып жұмыс нәтижесін көріп жабыңыз.
Ж) Г әрекетінде көрсетілген жолмен Тапсырма12.html кұжатын ашыңыз. Құжат мәтінін оның әр жолындағы қарыптардың түстері HTML құжатта әр түрлі болатындай етіп өзгертіңіз. Дайындалған құжатты Юникод кодировкасында Тапсырма14.html есіммен жұмыс бумасында сақтап жабыңызда, В әрекетінде көрсетілген жолмен ашып жұмыс нәтижесін көріп жабыңыз.
З) Г әрекетінде көрсетілген жолмен Тапсырма12.html кұжатын ашыңыз. Құжат мәтінін оның әр жолындағы қарыптардың түстеріде өлшемдеріде HTML құжатта әр түрлі болатындай етіп өзгертіңіз. Дайындалған құжатты Юникод кодировкасында Тапсырма15.html есіммен жұмыс бумасында сақтап жабыңызда, В әрекетінде көрсетілген жолмен ашып жұмыс нәтижесін көріп жабыңыз.
И) Орындалған жұмыстардағы мәтіндерді және бақылау нәтижелерін дәптерге есеп ретінде дәптерге жазыңыз.
Ескерту: Құжат мәтінінде өзгертулер жүргізгенде ондағы тапсырма рет санын өзгертуді ұмытпаңыз.
Тапсырма 2.
А) Тапсырма 2.txt құжатын ашыңыз.
Б) Құжат мәтінін кестеде көрсетілген шарттарды ескеріп «Тапсырма 20» тақырыпты HTML құжатқа айналдырыңыз.
Мәтін Түс Өлшем Тізім
Бағыттар бойынша техниктер кезегі Қызыл1-деңгейлік тақырып Жоқ
1-ші кезең сағат 08.00–ден 14.00–ге дейін Сары 5-деңгейлік мәтін Маркерленген
1-ші бағытта Петров Игорь Андреевич Көк4-деңгейлік мәтінАрап цифры
2-ші бағытта Васильев Николай Борисович Көк4-деңгейлік мәтінАрап цифры
3-ші бағытта Сергеев Виктор Иванович Көк4-деңгейлік мәтінАрап цифры
2-ші кезең сағат 14.00–ден 20.00–ге дейін Сары 5-деңгейлік мәтінМаркерленген
1-ші бағытта Николаев Петр Зиновьевич Жасыл4-деңгейлік мәтінКіші латын әріпі
2-ші бағытта Тимофеев Борис Геннадиевич Жасыл4-деңгейлік мәтінКіші латын әріпі
3-ші бағытта Ефимов Клим Маркович Жасыл4-деңгейлік мәтінКіші латын әріпі
Бағыттар бойынша тексерушілер кезегі Қызыл2-деңгейлік тақырып Жоқ
1-ші кезең сағат 08.00–ден 14.00–ге дейін Сары 4-деңгейлік мәтінМаркерленген
1-ші бағытта Зубкова Нина Васильевна Көк3-деңгейлік мәтінБас латын әріпі
2-ші бағытта Алексеева Надежда Григорьевна Көк3-деңгейлік мәтінБас латын әріпі
3-ші бағытта Григорьев Семен Сергеевич Көк3-деңгейлік мәтінБас латын әріпі
2-ші кезең сағат 14.00–ден 20.00–ге дейін Сары 4-деңгейлік мәтінМаркерленген
1-ші бағытта Михайлова Антонина Корнеева Жасыл3-деңгейлік мәтінРим цифры
2-ші бағытта Тихомиров Борис Викторович Жасыл3-деңгейлік мәтінРим цифры
3-ші бағытта Егорова Наталья Федоровна Жасыл3-деңгейлік мәтінРим цифры
В) Дайындалған құжатты Юникод кодировкасында Тапсырма20.html есіммен жұмыс бумасында сақтап жабыңыз.
Г) 1-тапсырманың В әрекетінде көрсетілген жолмен Тапсырма20.html кұжатын ашыңыз.
Д) Терілген құжат мәтінін дәптерге жазып алыңыз.
Тапсырма 3.
А) Блокнот стандарттық бағдарламасының терезезесін ашып, онда төменде келтірілген мәтінді теріңіз:
<HTML><HEAD><TITLE>
Тапсырма 30
</TITLE></HEAD>
<body>
<table align="center" border="3" cellspacing="0" cellpadding="5" width="80%" Height="150">
<tr Align="center" bgcolor="#CECECE"><th Colspan="2"><marquee bgcolor="yellow" scrolldelay="100" width="70%"><font size="5" color="red">СЕМЕЙ МЕМЛЕКЕТТІК МЕДИЦИНА УНИВЕРСИТЕТІ</font></marquee></th></tr>
<td align="center" rowspan="4"><i><b><h1>Мамандықтар</h1></b></i></td>
<td align="center">Жалпы медицина (ЖМ)</td></tr>
<tr><td align="center">Қоғамдық денсаулық сақтау (ҚДС)</td></tr>
<tr><td align="center">Стоматология (Стом)</td></tr>
<tr><td align="center">Фармация (Фарм)</td></tr>
</table></ body></html>
Б) Дайындалған құжатты Юникод кодировкасында Тапсырма30.html есіммен жұмыс бумасында сақтап жабыңыз. Жұмыс нәтижесін 1-Тапсырманың В әрекетінде көрсетілген жолмен көріңіз.
В) 1-Тапсырманың Г әрекетінде көрсетілген жолмен Тапсырма30.html кұжатын ашыңызда оған төмендегіндей өзгерістер енгізіңіз:
HTML құжатта мамандықтар атаулары қалың әріптермен жазылсын;
HTML құжатта тізімде Мейрбикелік іс (МІ) мамандығы болсын;
HTML құжатта мамандықтар атаулары ұяшықтарында әртүрлі фондық түстер болсын: Мамандық – қызыл, ЖМ– жасыл, ҚДС – көк, Стом – сары, Фарм – жасыл, МІ – көк. Дайындалған құжатты Юникод кодировкасында Тапсырма31.html есіммен жұмыс бумасында сақтап жабыңыз. Жұмыс нәтижесін 1-Тапсырманың В әрекетінде көрсетілген жолмен көріңіз.
Г) 1-Тапсырманың Г әрекетінде көрсетілген жолмен Тапсырма31.html кұжатын ашыңыз. Мамандықтар мәтінін жылжымалы жол жасаңыз және онын жүріп өту уақыты алдыңғы жылжымалы жолмен бірдей болсын. Дайындалған құжатты Юникод кодировкасында Тапсырма32.html есіммен жұмыс бумасында сақтап жабыңыз. Жұмыс нәтижесін 1-Тапсырманың В әрекетінде көрсетілген жолмен көріңіз.
Д) Терілген құжат мәтінін дәптерге жазып алыңыз.
Тапсырма 4.
А) Блокнот стандарттық бағдарламасының терезезесін ашып, онда төменде келтірілген мәтінді теріңіз және оған Новая папка бумасынан қосыңыз:
Фонендоскоп.jpg суретін фондық сурет қылып;
Флаг ҚР_туы.JPG суретін сол жақта рамкаға алып;
Сурет.JPG суретін оң жақта рамкаға алып.
<html>
<title>
Тапсырма 40
</title>
<body BACKGROUND=""><h1><font color="purple">
Денсаулық сақтауда электрондық қызмет көрсету.</h1></font>
<font color="red"><b>
Электрондық үкіметтің азаматтардың тіршілік әрекеттерінің
негізгі бағыттарына сәйкес қызмет көрсетуі.
Халықты әлеуметтік қорғау және жұмыспен қамту.
Білім, ғылым және денсаулық.
</b></font></BODY></html>
Б) Дайындалған құжатты Юникод кодировкасында Тапсырма40.html есіммен жұмыс бумасында сақтап жабыңыз. Жұмыс нәтижесін 1-Тапсырманың В әрекетінде көрсетілген жолмен көріңіз.
12636532004000В) 1-Тапсырманың Г әрекетінде көрсетілген жолмен Тапсырма40.html кұжатын ашып оған төмендегіндей өзгерістер енгізіңіз:
Суреттер рамкасын қалыңдатыңыз;
HTML құжатта негізгі мәтін жоғарыда көрсетілгендей төрт жолдан тұратын болсын;
Мәтін қарыптарының өлшемі үлкен, бірақ тақырып өлшемінен кіші болсын;
Тақырып мәтінінің түсі күлгін (фиолетовый) болсын;
Негізгі мәтін сары түсті болсын;
Қызмет түрлері латынның бас әріптерімен белгіленген тізім болсын;
Сурет рамкаларының түсі қызыл болсын.
Дайындалған құжатты Юникод кодировкасында Тапсырма41.html есіммен жұмыс бумасында сақтап жабыңыз. Жұмыс нәтижесін 1-Тапсырманың В әрекетінде көрсетілген жолмен көріңіз.
Г) Терілген құжат мәтінін дәптерге жазып алыңыз.
Тэг Атрибут Функция
TABLE ALIGN Теңестіру ALIGN=LEFT (солға), ALIGN=CENTER (ортаға), ALIGN=RIGHT (оңға).
WIDTH Кесте ені (пикселмен (WIDTH=”400”) не пайызбен парақ еніне (WIDTH=”80%” ).
BORDER Кесте не ұяшық шекаралары сызықтарының ені пикселмен (BORDER=”4”).
CELLSPACING Ұяшықтардың шекара сызықтарының арақашықтығы пиксельмен (например, CELLSPACING=”2”).
CELLPADDING Расстояние между рамкой ячейки и текстом в пикселях (CELLPADDING=”10”).
TR ALIGN Жол ұяшықтарындағы мәтінді тегістеу. Мүмкін мәндер: LEFT, CENTER, RIGHT
VALIGN Жол қяшықтарындағы мәтінді тік бағытта тегістеу: VALIGN=TOP (жоғарыға), VALIGN=CENTER (ортаға), VALIGN=BOTTOM (төменге).
TD NOWRAP Ұяшық құрылымы бір жолда болуы керек.
COLSPAN Ұяшықтың жатық бағытта "қамтуы": COLSPAN=”3” ұяшықтың үш бағанды қамтитынын білдіреді.
ROWSPAN Ұяшықтың тік бағытта "қамтуы": ROWSPAN=”2” ұяшық екі жолды алып тұрады.
WIDTH Ұяшықтың ені пиксельмен (WIDTH=”200”)
HEIGHT Ұяшықтың биіктігі пиксельмен (HEIGHT=”40”)
BORDERCOLOR="#FFFFFF" Шекара сызықтарының түсі #FFFFFF-ақ түс
BACKGROUND="image.gif" Кестенің фондық суретін қою.
IMG BACKGROUND="файл" Фондық суретке жол
SRC= “файл” Ендірілетін суретке жол
BORDER= “n” Сурет рамкасының қалыңдығы пиксельмен
WIDTH=n(%) Кескіннің ені парақ еніне пайызбен
HEIGHT=n(%) Кескіннің ені парақ биіктігіне пайызбен
ALIGN Суретті теңестіру: солға, ортаға, оңға
HSPACE=n Сурет пен мәтіннің жатық бағыттағы арақашықтығы
VSPACE=n Сурет пен мәтіннің тік бағыттағы арақашықтығы
ALT Альтернативмәтінді көрсету
TITLE Кескінге ақпараттық түсіндіре құру
MARQUEE Direction="..." Қозғалыс бағыты:left-солға, right -оңға, up - жоғары, down - төмен
scrollamount="..." Жүгіртпе жолдағы мәтін жылдамдығы
scrolldelay="..." Жүгіртпе жолдағы мәтін қозғалысын бөгеу
behavior="..." Қозғалыс түрі: scroll – екінші шеттен біріншіге көрінбей қайтады; alternate – екінші шеттен біріншіге көрініп кері қозғалады қайтады;  slide екінші шетке жеткен соң қозғалыс тоқтайды
width="..." Жүгіртпе жол ені (ұзындығы) пиксельмен не максимал жол еніне пайызбен
height="..." Жүгіртпе жол биіктігі пиксельмен не максимал биіктікке пайызбен
Имя Код Имя Код
Blaсk (қара) “#000000” Green (жасыл) “#008000”
Silver (күміс түстес) “#C0C0C0” Lime (лимон түстес) “#00FF00”
Gray (сұр) “#808080” Olive (зәйтүн түстес) “#808000”
White(ақ) “#FFFFFF” Yellow (сары) “#FFFF00”
Maroon (қою қызыл) “#800000” Navy (қою көк) “#000080”
Red (қызыл) “#FF0000” Blue (көгілдір) “#0000FF”
Purple (күлгін) “#800080” Teal (қою жасыл) “#008080”
Fuchsia(ерекше қызыл) “#FF00FF” Aqua (ақшыл көк ) “#00FFFF”

Приложенные файлы

  • docx 8814091
    Размер файла: 189 kB Загрузок: 0

Добавить комментарий