საიტზე მუშაობის პროცესში, როგორც პროფესიონალი ვებმასტერები, ასევე ის ადამიანები, რომლებიც ჩართულნი არიან საიტის განახლებით, მაგრამ პროფესიონალები არ არიან, სხვადასხვა ცვლილებებს შეიტანენ ვებ – რესურსის სტილში. მაგალითად, შეიძლება დაგჭირდეთ, რომ შეცვალოთ ბმულების ფერი საიტზე.
ამ შემთხვევაში, თქვენ უნდა იცოდეთ, რომ ბმულების ფერი შეიცვალა CSS (Cascading Style Sheets) - სტილის კასკადური ფურცლების გამოყენებით. ეს არის ცხრილები, რომლებიც გამოიყენება პროგრამირების ენასთან ერთად, ვებ რესურსის შესაქმნელად. CSS პასუხისმგებელია საიტის სტრუქტურაზე, ანუ მის სტილზე, გარეგნობაზე და html - რესურსის შინაარსზე. CSS არის HTML– ის ევოლუციის გაგრძელება.
ბმულის ფერი საიტზე
ასე რომ, თქვენ შეგიძლიათ შეცვალოთ ბმულების ფერი, როგორც საიტისთვის, ასევე თითოეული ბმულისთვის. ბმულის ფერები განისაზღვრება, როგორც მთავარი ნიშნის ატრიბუტი. ატრიბუტი არის ის, რისი დაწერაც არ გჭირდებათ კოდში, რადგან ზოგიერთი მათგანი უკვე ნაგულისხმევია. ბმულის ატრიბუტი განსაზღვრავს საიტის გვერდზე არსებული ბმულების ფერს. ნაგულისხმევი არის ლურჯი. Alink არის ატრიბუტი, რომელიც განსაზღვრავს აქტიური ბმულების ფერს, სტანდარტულად ის არის წითელი. Vlink - ეწვია ბმულებს, მათი ზოგადად მიღებული ფერია მეწამული.
ყველაზე ხშირად, ვებგვერდებზე ბმულების ფერი დგინდება თექვსმეტობითი ნიშნით (#EEEEEE - ნაცრისფერი) ან rgb ფორმატში (# 808080 - ნაცრისფერი), მაგრამ ასევე შეგიძლიათ გამოიყენოთ ინგლისური ფერის ტრადიციული აღნიშვნა (ნაცრისფერი - ნაცრისფერი). გარდა ამისა, ფერის დაყენება შესაძლებელია გრადუსებად, ამისათვის შესაფერისია HSL ფორმატი. ფერთა დიაგრამების ნახვა ადვილია ინტერნეტში.
შეცვალეთ ბმულების ფერი
გვერდის ყველა ბმულის ფერის შესაცვლელად, საკმარისია ფერის ატრიბუტის ფერის შეცვლა სტილებში. ამისათვის იპოვნეთ style.css ფაილი, გახსენით იგი და იპოვნეთ ატრიბუტი. მაგალითად, A {ფერი: მწვანე; / * ბმულის ფერი * /}, სადაც A არის ბმული, რომლის ფერს ჩვენ ვცვლით მწვანეს. თქვენ შეგიძლიათ შეცვალოთ ფერის მნიშვნელობა, როგორც გსურთ გამოიყენოთ ნებისმიერი ფერის აღნიშვნის სისტემა. ბრაუზერი გაგიგებთ. სტილი ვრცელდება ვებ – გვერდზე განთავსებულ ყველა ბმულზე. თქვენ შეგიძლიათ შეცვალოთ სხვა ატრიბუტების ფერები ანალოგიურად, მაგალითად, ბმულის ფერი, როდესაც მას მაუსის კურსორით უვლით.
ვებ – გვერდზე სხვადასხვა ფერის ბმულების შესაქმნელად გამოიყენეთ შემდეგი ჩანაწერი სტილის ფურცელში:
.მენიუ {ფერი: ნაცრისფერი; }
. შინაარსი a {ფერი: მწვანე; }
მაგალითიდან გამომდინარეობს, რომ მენიუს ბმულები ნაცრისფერი იქნება, ხოლო შინაარსის ბლოკში ბმულები მწვანე იქნება.
იგივე ნაბიჯების გაკეთება შესაძლებელია ბმულებით, თუ სტილები არ არის ცალკე ფაილში, არამედ თავად html დოკუმენტში. ეს არის კონტექსტუალური სელექტორი.
თუ გსურთ სწრაფად შეცვალოთ სტილები და შეცვალოთ ბმულების ფერები, მაშინ უმჯობესია გამოიყენოთ ვიზუალური რედაქტორი Dreamwever. მთავარია გვახსოვდეს, რომ ბმულები ორგანულად უნდა გამოიყურებოდეს მთელ ვებ – გვერდზე. მსუბუქი ფონისთვის მუქი ბმულები უკეთესია და პირიქით.
