- •Mazmunı
- •1. Html tiykarları 6
- •3. JavaScript tiykarları 96
- •4. Php tiykarları 104
- •5. Maǵlıwmat bazalar 160
- •1. Html tiykarları
- •1.1. Webqa kirisiw. Internet tarmaǵıniń tiykarǵı túsinikleri.
- •1.1 Suwret. Domen dárejeleri
- •Internettegi korporativ sistemalar.
- •1.2. Html tiykarları. Dokumenttiń stukturası.
- •1.3 Suwret. Kodlaw usılın tanlaw aynası
- •1.3. Kórinisler, dizimler, siltemeler
- •1.4 Suwret. Brauzerdegi súwrettiń kórinisi hám ashilǵan xabarlandırıw
- •1.4. Kesteler
- •1.7 Suwret. Quramalı keste
- •1.5. Formalar
- •2.1 Súwret. Tegdi stillew. Kishkene aynada tegtiń dáslepki kórinisi.
- •2.1. Stiller kestesini import qılıw.
- •2.2. Identifikatorlar (id)
- •2.3. Klasslar
- •2.5. Css selektorlar
- •2.2 Suwret. Awladlar selektorına mısal
- •2.3 Suwret. Perzent selektorlınan paydalanıw
- •Identifikatorlarǵa iye selektorlar
- •2.4 Súwret. Html-kod bólimleri hám olarǵa qollanilǵan css-qaǵıydalar
- •2.6. Ólshemler
- •2.5 Súwret. Bir nátiyjege alıp keletin hár túrli ólshem birlikleri
- •2.7. Shrift hám tekst bezeliwi
- •2.6 Súwret. Shrift tańlaw.
- •2.7 Súwret. Tórt baslama úlkenligin hám abzats úlkenligin sazlaw
- •2.8 Súwret. Bar bolǵan stil hám bezewdiń qaǵıydalarına mısal.
- •2.9 Suwret. Tekstti formatlaw
- •2.9. Elementlerdi jaylastırıw
- •2.10 Súwret jaylastırıwdıń túrli usillarınan paydalanıw.
- •2.10. Bloklı model hám bettiń maketi
- •2.11 Súwret. Keste maydaniń enine maslasip keńeyedi
- •2.12 Súwret. Tolıq hám qısqartılǵan jazılǵan shegaralardı belgilew qaǵıydaları
- •Ishki boslıqlardı sazlaw
- •2.13 Súwret. Kiritwdiń hár túrli mánislerin obyektke qollaw.
- •3. JavaScript tiykarları
- •3.1. Tiykarǵı túsinikler
- •3.2. Asinxronlı skriptler: defer/async
- •4. Php tiykarları
- •4.1. Php tariyxı.
- •4.2. Php imkaniyatları.
- •4.3. Ózgeriwshiler hám konstantalar.
- •Isset() funkciyası
- •Var_dump() funkciyası
- •4 Mısal. Formalardıń quramalı ózgeriwshileri
- •4.5. Cookies
- •4.6. Tákirárlaw operatorları
- •4.7. Massivler
- •4.8. Qatarlar menen islesiw funkciyaları
- •4.9. Formatlı shıǵarıw funkciyası
- •4.10. Tekst blokları menen islewshi funkciya
- •4.11. Qatardı biriktirıwshı/bólıwshı funkciya
- •Implode(var, param)
- •1.Zend Framework
- •2. CakePhp
- •3. Kohana
- •4. Codeigniter
- •5. Symfony
- •5. Maǵlıwmat bazalar
- •5.1. MySql haqqında.
- •5.2. Relyatsion maǵlıwmatlar bazaları
- •5.3. Indeksler
- •5.3. MySql serverine baylanısıw
- •5.4. Sql tili
- •Insert into…values
- •5.5. MySql menen islesiw
2.10 Súwret jaylastırıwdıń túrli usillarınan paydalanıw.
Eger hújjetti tómenge aylandırsańiz, belgilengen obyekt óz ornında qalǵanlıǵı kózge túsedi. Kóriwińiz múmkin, bul obyekt 100 piksel tómende jaylasqan hám onıń gorizontal jılısıwı 0, salıstırmalı jaylastırılǵan element bolsa 8 piksel joqarıda hám shep tárepten 110 piksel jıljıtıp jaylasqan.
2.5 mısal. Túrli jaylastırıw mánislerinen paydalanıw.
<!DOCTYPE html>
<html>
<head>
<title>Positioning</title>
<style>
#object1 {
position :absolute;
background:pink;
width :100px;
height :100px;
top :100px;
left :0px;
}
#object2 {
position :relative;
background:lightgreen;
width :100px;
height :100px;
top :-8px;
left :110px;
}
#object3 {
position :fixed;
background:yellow;
width :100px;
height :100px;
top :100px;
left :236px;
}
</style>
</head>
<body>
<br><br><br><br><br>
<div id='object1'>Absolyut jaylastiriw</div>
<div id='object2'>Salistirmali jaylastiriw</div>
<div id='object3'>Belgilengen jaylastiriw</div> </body>
</html>
Súwrette dáslep basqa eki elementler menen bir sızıqta jaylasqan object3 element betti joqarıǵa aylandırılǵanda óz ornında qaldi hám endi bul element tómendegi basqa eki elementler menen salıstırǵanda tómenge jılısqan bolıp qaldi.
2.10. Bloklı model hám bettiń maketi
Bettiń maketine tásir kórsetetuǵın CSS tiń qásiyetleri blok modeline tiykarlanǵan. Blok modeli bul elementti qorshaǵan qásiyetlerdiń toplamı bolıp esaplanadı. Haqıyqatındada bunday qásiyetler bárshe elementlerde bar (yamasa bolıwı múmkin), eger olardıń shetlerin oshiriw múmkin bolsa:
body { margin:0px; }
Obyekttiń blok modeli obyekttiń shetinen yaǵniy sırtınan baslanadı. Onıń ishinde shegara bar boladı, soń shegara menen mazmunnın arasındaǵı bos jer boladı. Eń sońında obyekt mazmuni keledi.
Eger bloklı model menen islesiwdi úyrenseńiz onda professionallı jobalastirilǵan betlerdi jaratıwǵa háreketlense boladı. Sebebi tek gána bul qásiyetler bettiń stilli bezewin kóplegenin anıqlaydı.
Maydanlardı ornatiw
Maydan bloklı modeldiń eń sońǵı dárejesi bolıp esaplanadı. Ol elementlerdi bir-birinen ajıratadı hám aqılıy paydalanıwdı talap etedi. Mısal sıpatında kóz aldımızǵa keltireyik siz bir neshe elementlerdiń janında 10 pikselli maydandı belgilewge qarar ettińiz. Eger olardı bir-biriniń ústine jaylastırsaq onda nátiyjede olardıń arasında maydanlardı qosqanda 20 pikselli boslıq payda boladı.
Biraq CSS bul mashqalanı tártiplestiredi: eger maydanları bar eki element bir biriniń ústinen jaylastırıw kerek bolsa onda olardı bir birinen ajıratiliw ushın eki maydannan eń úklenin paydalanadı. Eger eki maydanda birdey bolsa onda tek birewi paydalanadı. Bunnan siz ózińizdiń qálegen nátiyjeńizge erisesiwińiz múmkin. Biraq bunnan siz soni názerde tutiwińiz kerek eger belgilengen jaylastırıw berilgen bolsa elementlerdiń maydanları qosılmaydı.
Element maydanları margin qásiyeti járdeminde tolıǵı menen, yamasa bir birinen bólek margin-left, margin-top, margin-right hám margin-bottom qásiyetler járdeminde ózgertiliwi múmkin. Margin qásiyetin ornatılǵanda bir, eki, úsh yamasa tórt argumentlerin kórsetiw kerek, nátiyjede tómendegi qaǵıyda da kórsetilgen effektke erisemiz:
/* bárshe maydanlar eni 1 piksel */
margin:1px;
/* Joqarı hám tómengi maydanlar 1 piksel, shep hám oń maydanlar 2 piksel */
margin:1px 2px;
/* Joqarı maydanı 1 piksel, oń hám shep maydanı 2 piksel, tómengi maydanı 3 piksel */
margin:1px 2px 3px;
/* joqarı maydanı 1 piksel, oń maydanı 2 piksel, tómengi maydanı 3 piksel, shep maydanı 4 piksel */
margin:1px 2px 3px 4px;
2.11 súwrette 2.6 mısalda brauzerge júklengen kodı kórsetilgen, bul kodta margin qásiyeti (qalın shrift penen kórsetilgen) <table> elementiniń ishinde jaylasqan tórtmúyeshlik elementlerge qollanıladı. Keste úlkenligi belgilenmegen, sońıń ushın ol ishki <div> elementti tıǵız qılıb orap aladı. Sonıń ushın joqarıda 10 piksel enli maydan, oń tárepte 20 piksel, tómende 30 piksel hám shep tárepte 40 piksel maydan payda boladı.
2.6 mısal.Maydandi qollanıwdıń izbe-izligi
<!DOCTYPE html>
<html>
<head>
<title>Maydanlar</title>
<style>
#object1 {
background:lightgreen;
border-style:solid;
border-width:1px;
font-family:Courier New;
font-size:14px;
width:100px;
height:100px;
padding:5px;
margin:10px 20px 30px 40px;
}
table {
padding:0;
border:1px solid black;
background:cyan;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<div id='object1'>margin:<br>10px 20px 30px 40px;</div>
</td>
</tr>
</table>
</body>
</html>