საიტის მთავარი გვერდი

<!DOCTYPE HTML>
<html>

<header>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>სასწავლო საიტი</title>
<link  href="style.css" type="text/css" rel="stylesheet" />
</header>

<body>
<h1 >ეს სასწავლო საიტია</h1>
<p>ეს საიტის ტექსტია...</p>
<p>ეს საიტის ტექსტია...</p>
<p>ეს საიტის ტექსტია...</p>
<br/>
<hr/>
<img src="sur3.jpg" alt="კლასი">
</body>

</html>


სია

 ვებ-პროგრამირებაში ძირითადად გამოიყენება ორი სახის სია: 1)არაგადანომრილი და 2)გადანომრილი. უფრო ხშირად დაგვჭირდება არაგადანომრილი სია.

კოდის მაგალითები:

არაგადანომრილი 


	 <ul>
	<li>პირველი ელემენტი</li>
	<li>მეორე ელემენტი</li>
	<li>მესამე ელემენტი</li>
	<li>მეოთხე ელემენტი</li>
	</ul>
	
 

გადანომრილი


	 <ol>
	<li>პირველი ელემენტი</li>
	<li>მეორე ელემენტი</li>
	<li>მესამე ელემენტი</li>
	<li>მეოთხე ელემენტი</li>
	</ol>
	
ამ სიების სტილიზაციას შემდეგ გაკვეთილებში განვიხილავთ.


ბმულები

საიტი წარმოუდგენელია სხვადასხვა გვერდებზე გადასასვლელი მენიუს და სხვა საიტებზე გადამისამართების გარეშე. სწორედ ამას ემსახურება ჰიპერ-ბმულები. კოდი შემდეგნაირად გამოიყურება
<a href="" title="" target="" >ტექსტი </a>, სადაც href="" -ში უნდა ჩავსვათ გვერდის მისამართი, title="" -ში სასურველი სახელი, target="" -ში კი იმის მიხედვით თუ სად გვინდა გაიხსნას ახალი გვერდი, იქვე თუ ახალ ფანჯარაში. თუ იქვე - არაფერს არ ვწერთ, თუ ახალ ფანჯარაში, მაშინ ვწერთ _blank. მაგალითი:
 <a href="http://gess.dsl.ge/" title="ჩვენი საიტი" target="_blank" >სასწავლო საიტი </a>  გადაგვამისამართებს ჩვენს საიტზე ახალ ფანჯარაში.
თუ ჩვენ ძირითად ფოლდერში შევქმნით სხვა .html გვერდს და მის მის სახელს ჩავწერთ href="" -ში, გადავალთ იმ ახალ გვერდზე. მაგალითი:
 <a href="page2.html" title="მეორე გვერდი" target="" >გადადი მეორე გვერდზე </a> 


ცხრილი

ვებ კოდირებაში განსაკუთრებული ადგილი უკავია ცხრილებს, რომელთა საშუალებით უახლოეს წარსულში ყველა საიტის კარკასი იყო აწყობილი.
ამჟამად მასე აწყობილი საიტი ცუდ ტონად ითვლება, მაგრამ საიტის შიგნით დღესაც ინარჩუნებს აქტუალობას.

შენიშვნა: თქვენი დაწერილი კოდების სისწორე "ონლაინში" შეგიძლიათ შეამოწმოთ შემდეგ საიტებზე აქ და აქ
ვებ პროგრამირებაზე მასალები შეგიძლიათ იხილოთ აქ.



საიტზე ვიდეოს ჩამატება

   საიტზე ვიდეო რგოლის საჩვენებლად ისე, რომ ვიდეო ფლეერიც გამოჩნდეს, არსებობს რამდენიმე ხერხი. ყველაზე მარტივია, როცა ვიდეო მოგვაქვს ისეთი საიტიდან, რომლის ვიდეოს ე.წ. "ემბედ" კოდი გააჩნია. მეორე ხერხია, როცა ვიდეო ატვირთულია ჩვენსავე საიტზე.


ბუტსტრაპ-4-ის მთავარი გვერდი

ბუტსტრაპ-4-ის მთავარი გვერდის კოდი
<!doctype html>
	<html lang="en">
	  <head>
	    <!-- Required meta tags -->
	    <meta charset="utf-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	
	
	    <!-- Bootstrap CSS -->
	    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
	    <link rel="stylesheet" href="css/main.css"  crossorigin="anonymous">
	
	
	    <title>ბუტსტრაპის გაკვეთილები</title>
	  </head>
	  <body>
	
	
	გამარჯობათ!
	  
	
	
	    <!-- Optional javascript -->
	    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
	    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
	    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
	    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
	  </body>
	</html>
 

ბუტსტრაპის მარტივი საიტი მენიუთი და სლაიდშოუთი შეგიძლიათ ჩამოტვირთოდ ქვემოთ მოცემული ბმულიდან:




HTML Form

ქვემოთ მოყვანილია HTML Form-ის მარტივი ნიმუში. ამ ნიმუშში მოყვანილია ყველა აუცილებელი ატრიბუტი:   action="/" ნიშნავს, რომ ფორმის დამმუშავებელი php კოდიც ამავე ფაილშია განთავსებული. method="post" ნიშნავს, რომ ფორმიდან მონაცემების გაგზავნა დამმუშავებელ სკრიპტში ხდება უხილავი მეთოდით. ფორმას აქვს მხოლოდ ერთი შესაყვანი ტექსტური ველი და მონაცემების გასაგზავნი ღილაკი. თავისთავად HTML Form-ა არაფერს არ აკეთებს დამმუშავებელი php  სკრიპტის გარეშე. ამ ნიმეშში სკრიპტი გამოითვლის შეყვანილი რიცხვი მარტივია თუ არა. სკრიპტში ამ კოდით $a = $_POST["a"]; გლობალური პარამეტრი გარდაიქმნება ლოკალურ $a პარამეტრად, რომლის დამუშავებაც ხდება. თუ ჩამოტვირთავთ ამ ფაილს, დაარქმევთ  index.php -ს და გაუშვებთ სერვერზე, ის შეასრულებს გამოთვლას.


	<!doctype html>
	<html lang="en">
	<head>
	    <!-- Required meta tags -->
	    <meta charset="utf-8">
	</head>
	<body>
	<center>
	<h2>HTML Forms</h2>
	
	
	 <form name="myform" action="/" method="post">
	  <p>    
	     <label for="example">შეიყვანეთ a</label>
	    <input type="text" name="a" >
	     </p>
	  <p><input type="submit" value="Submit"></p>
	</form> 
	 
	<?php 
	    $a = $_POST["a"];
	
	
	      for ($i=2; $i < $a ; $i++) { 
	        if ($a % $i == 0) {
	          echo " რიცხვი <b>$a</b> არ არის მარტივი";
	          break;
	        }
	        else  echo " რიცხვი <b>$a</b>  მარტივია";
	        break;
	      }  
	      echo "<br>";echo "<br>";
	?>     
	</center>
	</body>
	</html>