- •Html-құжатын құрудың базалық негізі. Html-құжаттың негізгі тәгтері
- •Теориялық мағлұмат
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Сырғымалы жолдарды және тізімдерді ұйымдастыру
- •Теориялық мағлұмат
- •Зертханалық жұмысты орындау реті
- •Html-құжаттарында кестелермен жұмыс
- •Теориялық мағлұмат
- •Html бірнеше тізім түрлерін ұйымдастыра алады Нөмірленбеген тізімдер
- •Нөмірленген тізім жолдары
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Теориялық мағлұмат
- •1 Сурет. Терезені көлденең фреймдерге бөлу
- •2 Сурет. Браузерды 3-фреймге бөлу.
- •3 Сурет. Браузерды 3-фреймге бөлу және сурет қою.
- •4 Сурет. Браузерді бірнеше фреймдерге бөлу.
- •5 Сурет. Фреймды әр-түрлі өлшеммен орналастыру.
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Html құжаттарындағы формалар
- •Теориялық мағлұмат
- •5 Кесте
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Html тіліндегі стильдердің сатылы кестелері Жұмыстың мақсаты: Html тіліндегі стильдердің сатылы кестелері пайдалану арқылы сайт құруды үйрену. Теориялық мағлұмат
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Css қасиеттеріне шолу. Түстерді тағайындау
- •Теориялық мағлұмат
- •1 Сурет. Серифтік қаріп
- •2 Сурет. Жұмыр қаріп
- •3 Сурет. Бірдей енді қаріп
- •Түстерді тағайындау. Стильдік қасиеттер түстерді тағайындаудың үш түрлі тәсілін береді:
- •Зертханалық жұмысқа берілген тапсырмалар
- •1 Кесте
- •Зертханалық жұмысты орындау реті
- •JavaScript тілі. Бірінші скриптер
- •Теориялық мағлұмат
- •Alert функциясы бойынша бірнеше тәжірибе жазамыз. Шығу тапсырмасын орындаңыз (сурет-1).
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Бақылау сұрақтары:
- •Рнр скриптерімен жұмыс Жұмыстың мақсаты: рнр тіліндегі қарапайым типтермен жұмыс істеуді үйрену. Теориялық мағлұмат
- •// Выводит: Его зовут "Бекзат", а другого "Азат".
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Php тілінде шартты операторлары мен цикл операторлары Жұмыстың мақсаты:рнр тіліндегі шартты және цикльдерді қолданып бағдарлама құруды үйрену. Теориялық мағлұмат
- •1:7 Цикл работает
- •2:2 Цикл работает
- •1:10 Цикл работает
- •2:5 Новая итерация 2:1 Цикл работает
- •3:1 Цикл работает
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Php тілінде файлдармен жұмыс
- •Теориялық мағлұмат
- •Include 'имя_файла';
- •Include ("имя_файла");
- •Include.Php файлы мәтіні:
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Apache, php, MySql орнату және түзету
- •Теориялық мағлұмат
- •Зертханалық жұмысты орындау реті
- •Php MyAdmin-де жұмыс істеу
- •Теориялық мағлұмат Мәлімет қорын анықтау
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •DreamWeaver-мен жұмыс істеу. Қарапайым Web беттерді құру.
- •Зертханалық жұмысқа берілген тапсырмалар
- •Ашылған терезеден file/new таңдаймыз төмендегідей терезе пайда болады.
- •Зертханалық жұмысты орындау реті
- •Қолданылған Әдебиет
- •Мазмұны
Зертханалық жұмысқа берілген тапсырмалар
Төмендегі кестеде тапсырма берілген. Осы құжаттың әдемі көрінетін бейнесін жасау керек.
1 Кесте
Тапсырма |
Қаріп типі |
Мөлшері |
Түсі |
Фон түсі |
Жақтауы |
бос өріс мөлшері |
Шегініс |
01 |
Academy |
medium |
Қара |
Таңдау |
Таңдау |
Таңдау |
Таңдау |
02 |
Antiqua |
large |
Таңдау |
Көк |
—"— |
—"— |
—"— |
03 |
Arial |
xx-small |
Жасыл |
Таңдау |
—"— |
—"— |
—"— |
04 |
Courier |
x-small |
Таңдау |
Көгілдір |
—"— |
–"– |
—"— |
05 |
Garamond |
x-large |
Қызыл |
Таңдау |
—"— |
—"— |
—"— |
06 |
New York |
xx-large |
Таңдау |
Сұр |
—"— |
—"— |
—"— |
07 |
Parsek |
14pt |
Сары |
Таңдау |
—"— |
—"— |
—"— |
Зертханалық жұмысты орындау реті
1. Әдістемелік нұсқаулармен танысу.
2. Әр студент берілген мысалды пайдаланып өзіне берілген есептің (варианттің) нәтижесін алу керек.
3. Әр вариант үшін зертханалық дәптерді толтырып оқытушыға тапсыру.
4. Бақылау сұрақтарына жауап беру.
Бақылау сұрақтары:
1. Қандай мәтіндер үшін серифтік қаріптер қолданылады, ал жұмыр қаріптер ше?
2. Қандай мәтіндер үшін пропорциональдық қаріптер қолданылады, ал ені бірдей қаріптер ше?
3. Сайттар үшін қаріп гарнитурасын (түрін) нақтылап көрсету неге қажет деп саналмайды?
4. CSS анықтауларының қандай түрлерімен төмендегі параметрлер көрсетіледі:
а) қаріптің гарнитурасы, көлемі, түсі және фоны;
б) әріптер арасындағы қосымша қашықтық;
в) жолдар ара қашықтығы;
г) көлденең туралау тәсілдері;
д) жақтаулар түрі, түсі және қалыңдығы;
№8 Зертханалық жұмыс
JavaScript тілі. Бірінші скриптер
Жұмыстың мақсаты: HTML тілінің көмегімен қарапайым WEB-парақтар жасап үйрену.
Теориялық мағлұмат
Иемдену. Әдеттік иемдену түрі «айнымалы=мән» қатар, келесі жазбаларды қолдануға болады:
Кесте1.
Иемдену түрі «айнымалы=мән» кестесі
-
Жалпы түр
Мысал
Нені білдіреді
Айнымалы ++
х + +
х = х + 1
++ айнымалы
+ + х
х = х + 1
Айнымалы --
х --
х = х - 1
-- айнымалы
-- х
х = х - 1
Айнымалы += өрнек
х += "кот"
х = х + "кот"
Айнымалы-= өрнек
х-=2
х = х - 2
Айнымалы *= өрнек
х *= 10
х = х * 10
Айнымалы /= өрнек
х /= у + z
x = x / (y+z)
Айнымалы %= өрнек
х%=9
х = х%9
Келесі мысалда:
var х = 1;
var у;
у = (х += 2) + 1;
айнымалы у=4 мәнін алады, ал айнымалы х=3 мәнін. Иемдену тізбегіндегі ең танымалы «=» операциясын қолдану:
x = y = z = t = өрнек;
Бұл жерде бірнеше айнымалыға сол бір мән беріледі.
Операциялар «++» и «--» тек айнымалыларға қолданылады, бірақ өрнекпен емес. ++ х және х ++ (-- х и х --) командалары пайда болады сонда, бұл командалар басқа командалардың құрамды бөлігі ретінде қолданылса.
Ақпаратты енгізу. Функция alert қолданушыға ақпаратты енгізу үшін арналған. Ақпаратты енгізу үшін prompt функциясын қолдануға болады:
JavaScript функциялары. Барлық стандартты математикалық функциялар мен жиі қолданатын тұрақтылар математикалық обьект әдісі ретінде көрсетілген – Math пен оның қасиеті. Объект Math JavaScript-тің ендірілген обьектісі. JavaScript тұрақтылар үтірден кейін 15-белгі дәлдікте анықталған. Сәйкесінше, сіздер функция Math әдіс ретінде жүгінесіздер. Мысалға , функция синуса - Math.sin(argument), мұнда argument функция аргументі .
Жұмыстың орындалу мысалы:
<HTML>
<HEAD>
<TITLE> браузерді тексеру</TITLE>
</HEAD>
<BODY bgcolor=white text=black link=blue alink=red vlink=purple>
<Н1> браузерді тексеру</Н1>
<HR>
<SCRIPT language=JavaScript>
<!--
alert("Сіздің браузеріңіз JavaScript тілін ұстанады!");
//-->
</SCRIPT>
<NOSCRIPT>
<H2>Ескертулер</H2>
<P> Сіздің браузеріңіз JavaScript тілін ұстанбайды. Бұл құжат дұрыс көрсетілмеуі мүмкін, хабарламаларда қателер болуы мүмкін.
<Р> Құжат нұсқасы скрипторсіз қойылған
<А href=doc1.htm>Мұнда</A>.
</NOSCRIPT>
<Р> Алдынғы мәтінге қайту үшін<ЕМ>артқа</ЕМ> батырмасын басу қажет, ол браузердегі құрал-саймандар панельдерінде орналасқан.
</BODY>
</HTML>
