Tema: html razmetkali tili járdeminde gipertekstli stillerdiń kaskadli kestelerinen paydalanip web bet jaratiw.
Teoriyaliq bólim:
CSS – HTMLdiń qosimsha programmasi bolip, web masterler ushin toliq úyreniw talap qilinadi, bul programmasiz HTML diń ózi kóp funksiya orinlay almaydi.
CSS úyreniw júdá ańsat hám qolay programma, qolayligi HTML kodlarin qayta-qayta jazabermesten, bir jaratilǵan qaǵiydani qálegen tekstke, súwretlerge hám hámme nársege qollawińiz múmkin boladi, tek ǵana id=" ", style=" " yaki class=" " kibi atributlarǵa sol qagiydalardi atamasin kiritseńiz bolǵani, qálegenshe isletiwińiz múmkin boladi. Bul programma HTML kibi tek ǵana web bet jaratiw ushin mólsherlengendir.
CSS - Cascading Style Sheets, HTML web betin jaratiw programmasina bir qansha qolayliq hám web bettiń tekstin óz betinshe tárizde dúziw ushin qosimsha tárizde jaratilǵan programmadir, HTML dan keyin kelip shiqqan.
Misal:
<html>
<head>
<title> CSS </title>
<style type="text/css">
a {font-family:arial; font-size:14pt; font-style:italic; color:ffffff;}
</style>
</head>
<body>
<a href=”index.html”> Asxana bekeleri </a>
</body>
</html>
Amaliy qism:
<style type="text/css">
a {color: white; font-size: 20px; border-style: ridge; font-style:italic; }
</style>
5-Laboratoriya jumisi.
Tema: Bootstrab tiykarinda islengen ápiwayi web bet.
Web bet jaratiwda tómendegi teglerden paydalanamiz:
6 – laboratoriya jumisi.
Tema: Maǵliwmatlardi kiritiw formalarin tekshiriwshi programma islep shiǵiw.
Teoriyaliq bólim:
HTML formalar, paydalaniwshilar tárepinen, maǵliwmatlardi kiritiw hám kiritilgen maǵliwmatlardan keyinshelik paydalaniw maqsetinde payda etilgen. Formalar – tekstli aynalar, túymeler, bayraqshalar, ulaǵish(pereklyuchatel)lar hám menyular kibi basqarilatuǵin elementlerden payda boliwi múmkin. Formalar <form> hám </form> tegleri arasinda jaylasadi.
Túymeler (buttons)
Úsh túrdegi túymeler bar:
Jóneltiwshi túymeler – bul túymeler járdeminde formalar serverge qayta islew ushin jónetiledi.
Biykar etiwshi túymeler – bul túyme basilsa formaniń hámme mánisleri qaytadan baslanǵish jaǵdayǵa ornatiladi.
Uliwmaliq túymeler– bunday túrdegi túymeni basqanda usi túymege baylanisqan prostedura iske túsedi. <form> </form> tegleri .Formalar payda qiliw form elementi járdeminde ámelge asiriladi hám biz oniń uliwmaliq kórinisi menen tanisip shigamiz.
Uliwmaliq kórinisi:
Sintaksis : <FORM>…</FORM> (Blokli element)
Atributlar: id, class, style, title, lang, dir,hádiyse
action = URL (formalardi qayta islew ushin kórsetilgen URL mánzil)
method = get | post (formalardaǵi maǵlimatlardi jónetiw ushin HTTP metodi)
enctype = fayl tipi(formaǵa múrájet qiliw ushin)
accept = fayllar tipleri (boliwi múmkin bolgan fayllar tipleri)
accept-charset = kodlastiriwlar (boliwi múmkin bolǵan simvollardi kodlaw usillari)
name = CDATA (sstenariya ushin forma ati)
target = freym (nátiyjelerdi paydal qiliw ushin freym)
onsubmit = sstenariya (formani jónetiw)
onreset = sstenariya (formani qaytadan ornatiw)
<html>
<head>
<title>NOM</title>
</head>
<body>
<br>
<fieldset>
<legend align="center"><h1>Forma</h1> </legend> <br>
<table border=0 align = "center">
<tr>
<form method="GET" action=”22.php”>
<td><label for=”firstname”><h1> ism </h1></label></td>
<td><label for=”lastname”> <h1>Parol </h1></label> </td>
<td><label for=”email”> <h1>e-mail </h1></label> </td>
</tr> <tr>
<td><input type=”text” id=”firstname”> </td> <td><input type=”text” id=”lastname”> </td><td><input type=”text” id=”mail”> </td>
</tr> <tr> <td><input type = "submit" hámlue = "yubor" name = "hámlue"> </td> </tr>
</table>
</fieldset>
</form>
</body>
</html>
Natija:
7 – laboratoriya jumisi.