ხუთშაბათი, 25.04.2024, 02:13
http://roma.ge
მთავარი რეგისტრაცია შესვლა
მოგესალმები, სტუმარი · RSS
[ ახალი შეტყობინებები · მონაწილეები · ფორუმის წესები · ძებნა · RSS ]
  • გვერდი 3 დან
  • «
  • 1
  • 2
  • 3
მეზღვაურთა გაერთიანებული ფორუმი » ☜♡☞ მეზღვაურთა ფორუმი ☜♡☞ » ☜♡☞ კომპიუტერი, ინტერნეტი და პროგრამირება ☜♡☞ » HTML სახელმძღვანელო ახალბედებისათვის
HTML სახელმძღვანელო ახალბედებისათვის
SEAMANთარიღი: ხუთშაბათი, 12.08.2010, 17:04 | შეტყობინება # 31
ყველაზე მაგარი ფორუმელი
ჯგუფი: ადმინისტრატორები
შეტყობინებები: 1423
რეპუტაცია: 1
სტატუსი: Offline
დაიმახსოვრეთ! ბრაუზერს დამატებითი პლაგინების გარეშე მხოლოდ jpg, gif და png ფორმატის სურათების გამოსახვა შეუძლია, სხვა შემთხვევაში ის სურათის ჩამოტვირთვას შემოგთავაზებთ.

ასევე საყურადღებოა სურათის ზომა. არ არის სავალდებულო, რომ გვერდზე განთავსებული სურათი ბრწყინვალე ხარისხის და რამდენიმე მბ მოცულობის იყოს. ამას უბრალოდ საშუალოზე ცოტათი კარგი ხარისხის, მაგრამ პატარა მოცულობის მქონე სურათი ჯობს. სხვა თუ არაფერი, გვერდის გახსნის ლოდინით გაბეზრებული მომხმარებელი მაინც აღარ გაგექცევათ. რა თქმა უნდა, შეიძლება ორივენაირი სურათი ატვირთოთ და მომხმარებლის დაკავშირების სიჩქარის მიხედვით შესაბამისი სურათი აჩვენოთ, მაგრამ ამას უფრო ბევრი ცოდნა და მუშაობა სჭირდება. სამაგიეროდ, საკმაოდ მოქნილ სისტემას ვიღებთ, რომელიც თქვენს მომხმარებელს ნამდვილად მოხიბლავს.


http://seaman.ge
 
SEAMANთარიღი: ხუთშაბათი, 12.08.2010, 17:05 | შეტყობინება # 32
ყველაზე მაგარი ფორუმელი
ჯგუფი: ადმინისტრატორები
შეტყობინებები: 1423
რეპუტაცია: 1
სტატუსი: Offline
წინა ნაბიჯში ჩვენ სურათისა და ტექსტის შეთანხმებით დიზაინის გალამაზება გადავწყვიტეთ. ამ ნაბიჯში გადაწყვეტის გზებს გავეცნობით.

როგორ შეიძლება ტექსტი სურათის გვერდით მოვათავსოთ? ძალიან მარტივად - სურათის ტეგში ატრიბუტი align უნდა ჩავამატოთ.

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

კოდი ასეთი სახისაა:

<img src="pr1.png" align="...">

მრავალწერტილის ნაცვლად სასურველი მნიშვნელობა ჩავსვათ და პრობლემაც მოგვარდება, ოღონდ ერთი ნიუანსი უნდა გაითვალისწინოთ - img ტეგის align-ს მნიშვნელობა justyfy არ გააჩნია.

<img src="pr1.png" align="left">

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

კიდევ რამდენიმე საჭირო ატრიბუტი:

Code
1. <img src="pr1.png" vspace="10">
   2. <img src="pr1.png" hspace="30">
   3. <img src="pr1.png" alt="intel">
   4. <img src="pr1.png" width="100">
   5. <img src="pr1.png" height="200">
   6. <img src="pr1.png" border="5">


http://seaman.ge
 
SEAMANთარიღი: ხუთშაბათი, 12.08.2010, 17:06 | შეტყობინება # 33
ყველაზე მაგარი ფორუმელი
ჯგუფი: ადმინისტრატორები
შეტყობინებები: 1423
რეპუტაცია: 1
სტატუსი: Offline


http://seaman.ge
 
SEAMANთარიღი: ხუთშაბათი, 12.08.2010, 17:06 | შეტყობინება # 34
ყველაზე მაგარი ფორუმელი
ჯგუფი: ადმინისტრატორები
შეტყობინებები: 1423
რეპუტაცია: 1
სტატუსი: Offline
დაკვირვებულ მკითხველს სამართლიანი კითხვა გაუჩნდება - თუ ფონად სურათს ვიყენებთ, მაშინ რაღა საჭიროა ფონის ფერი?

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


http://seaman.ge
 
SEAMANთარიღი: ხუთშაბათი, 12.08.2010, 17:07 | შეტყობინება # 35
ყველაზე მაგარი ფორუმელი
ჯგუფი: ადმინისტრატორები
შეტყობინებები: 1423
რეპუტაცია: 1
სტატუსი: Offline
ამ ნაბიჯზე ჩვენ ტექსტის სურათისთვის ”მიკუთვნებას” უკვე ნაცნობი
ტეგის გამოყენებით ვისწავლით, თუმცა თუ წინა ნაბიჯზე რჩევას მიყევით და ცოტა წაივარჯიშეთ, მაშინ გეცოდინებათ, რომ align ატრიბუტის დამატებითი მნიშვნელობებიც იგივეს აკეთებენ.

როგორც უკვე იცით,
ტეგს მის შემდეგ მომავალი ტექსტის შემდეგ ხაზზე გადატანა ევალება, მაგრამ ჯერ არაფერი იცით მისი ატრიბუტის - clear-ის შესახებ.


http://seaman.ge
 
SEAMANთარიღი: ხუთშაბათი, 12.08.2010, 17:08 | შეტყობინება # 36
ყველაზე მაგარი ფორუმელი
ჯგუფი: ადმინისტრატორები
შეტყობინებები: 1423
რეპუტაცია: 1
სტატუსი: Offline
მაგრამ კონკრეტულ შემთხვევებში მათმა რაოდენობამ შეიძლება 5 და 10 ცალსაც კი გადააჭარბოს! ასეთ შემთხვევაში clear მისწრებაა - ერთი ტეგის და მისი ატრიბუტის დაწერით ამდენი ტეგის წერას ვიცილებთ თავიდან. მოკლედ, ვსწავლობთ გამოყენებას:

ატრიბუტ clear-ს სულ 3 მნიშვნელობა გააჩნია:

Code
1. all მნიშვნელობის მითითების შემდეგ ტექსტის გამოსახვა ნებისმიერ შემთხვევაში ობიექტის ქვეშ გაგრძელდება.
   2. left მნიშვნელობა ტექსტს ობიექტის ქვეშ გადაიტანს იმ შემთხვევაში, თუ ის მარცხენა მხარესაა ”მიწებებული”.
   3. right მნიშვნელობა ტექსტს ობიექტის ქვეშ გადაიტანს იმ შემთხვევაში, თუ ის მარჯვენა მხარესაა ”მიწებებული”.

ჩვენს მაგალითში მნიშვნელობა left-ს უდრის, თუმცა all-ის შემთხვევაშიც იგივე შედეგს მივიღებდით. მაგრამ right-ის დასმის შემთხვევაში არაფერი მოხდებოდა, კოდი იგივე იქნებოდა, რაც
.

გავეცნოთ ზემოთ მოყვანილი მაგალითის კოდს:

<img src="clearpri.gif" align="left"> დღევანდელი გადასახედიდან დაუჯერებელია, მაგრამ 1987 წელს (DOS 3-ში) კომპიუტერებისთვის 32 მეგაბაიტიანი დისკის წაკითხვა ბოლო მიღწევა იყო. DOS 6-ის ეპოქაში ეს ზომა 2 გიგაბაიტამდე გაიზარდა, მაგრამ დისკის მწარმოებლების მიღწევები ოპერაციული სისტემისგან სულ უფრო მეტს ითხოვდნენ.
ასე რომ, Windows 98-თან ერთად FAT32 გამოვიდა (მანამდე ახალი ფაილური სისტემა გამოცდილი იყო Windows 95 SR2-ში), რომელიც ლიმიტს (თეორიულად) 2 ტერაბაიტამდე ზრდიდა.


http://seaman.ge
 
SEAMANთარიღი: ხუთშაბათი, 12.08.2010, 17:10 | შეტყობინება # 37
ყველაზე მაგარი ფორუმელი
ჯგუფი: ადმინისტრატორები
შეტყობინებები: 1423
რეპუტაცია: 1
სტატუსი: Offline
ამ ნაბიჯზე მსოფლიო აბლაბუდის ერთ-ერთ უმნიშვნელოვანეს სერვისზე - ბმულებზე გვექნება საუბარი.

მათ გარეშე სრულყოფილი კი არა, ოდნავ მოხერხებული ვებ-გვერდებიც ვერ შეიქმნებოდა. თქვენ დღეში ათეულობით საიტს ათვალიერებთ, მოგზაურობთ ერთი გვერდიდან თუ საიტიდან მეორეზე, მაგრამ ალბათ არასდროს დაფიქრებულხართ, თუ რა გაკეთებინებთ ამას ერთი წკაპით. მოკლედ, გადავიდეთ ტექნიკურ მხარეზე:

ბმულის ტეგს მხოლოდ "a" ჰქვია, თუმცა მისი არსებობა ატრიბუტების გარეშე წარმოუდგენელია. მას ბევრი ატრიბუტი გააჩნია, მაგრამ ამ ნაბიჯში მხოლოდ ორს გავეცნობით.

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

ჩვენს მაგალითში შევქმნით ახალ ფაილს(prf.html), რომელშიც ტექსტთან დაკავშირებული სურათები იქნება მოთავსებული, ხოლო ტექსტში დავამატებთ ფრაზას, რომელიც დაჭერის შემთხვევაში ბრაუზერს სურათების გვერდზე გადაიყვანს. საბოლოო სინტაქსი ასეთი იქნება:



http://seaman.ge
 
მეზღვაურთა გაერთიანებული ფორუმი » ☜♡☞ მეზღვაურთა ფორუმი ☜♡☞ » ☜♡☞ კომპიუტერი, ინტერნეტი და პროგრამირება ☜♡☞ » HTML სახელმძღვანელო ახალბედებისათვის
  • გვერდი 3 დან
  • «
  • 1
  • 2
  • 3
ძებნა:

ჰოსტერი uCoz