მოძებნეთ "html" სათაური.ის უნდა იყოს დოკუმენტის ზედა ნაწილში.

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

ფონი: ხაზოვანი-გრადიენტი (მიმართულება/კუთხე, ფერი1, ფერი2, ფერი3 და ასე შემდეგ);

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

html (მინ-სიმაღლე: 100% ;) სხეული (ფონი: -webkit- ხაზოვანი-გრადიენტი (#93B874, #C9DCB9); ფონი: -o- წრფივი-გრადიენტი (#93B874, #C9DCB9); ფონი: -moz- ხაზოვანი -გრადიენტი (#93B874, #C9DCB9); ფონი: ხაზოვანი გრადიენტი (#93B874, #C9DCB9); ფონის ფერი: #93B874;)

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

1. შექმენით მიმართულების გრადიენტი.თუ არ გსურთ გრადიენტი ვერტიკალურად წავიდეს, მიუთითეთ ფერის გადასვლის მიმართულება. ამისათვის შეიყვანეთ შემდეგი კოდი ტეგებს შორის :

   html (მინ-სიმაღლე: 100%;) სხეული (ფონი: -webkit- ხაზოვანი-გრადიენტი (მარცხნივ, #93B874, #C9DCB9); ფონი: -o- წრფივი-გრადიენტი (მარჯვნივ, #93B874, #C9DCB9); ფონი: -moz- ხაზოვანი-გრადიენტი (მარჯვნივ, #93B874, #C9DCB9); ფონი: ხაზოვანი გრადიენტი (მარჯვნივ, #93B874, #C9DCB9); ფონის ფერი: #93B874;)

   • თუ გსურთ, გადააწყვეთ სიტყვები "მარცხნივ" (მარცხნივ) და "მარჯვნივ" (მარჯვნივ) გრადიენტის სხვადასხვა მიმართულებით ექსპერიმენტისთვის.

2. გამოიყენეთ სხვა თვისებები გრადიენტის მოსარგებად.თქვენ შეგიძლიათ იმაზე მეტი გააკეთოთ, ვიდრე ფიქრობთ.

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

     ფონი: ხაზოვანი-გრადიენტი (#93B874 10%, #C9DCB9 70%, #000000 90%);

   • დაამატეთ გამჭვირვალობა ფერს. ამ შემთხვევაში ის თანდათან ქრებოდა. გაცვეთილი ეფექტის მისაღწევად გამოიყენეთ იგივე ფერი. ფერის დასაყენებლად საჭიროა rgba() ფუნქცია. ბოლო მნიშვნელობა განსაზღვრავს გამჭვირვალობას: 0 არის გაუმჭვირვალე ფერი და 1 არის გამჭვირვალე ფერი.

     ფონი: ხაზოვანი-გრადიენტი (მარჯვნივ , rgba (147 , 184 , 116 , 0 ), rgba (147 , 184 , 116 , 1 ));

გადახედეთ კოდს.ვებგვერდის ფონის სახით ფერადი გრადიენტის შესაქმნელად კოდი ასე გამოიყურება:

< html > < head > < style >html (მინ-სიმაღლე: 100%;) სხეული (ფონი: -webkit- ხაზოვანი-გრადიენტი (მარცხნივ, #93B874, #C9DCB9); ფონი: -o- წრფივი-გრადიენტი (მარჯვნივ, #93B874, #C9DCB9); ფონი: -moz- ხაზოვანი-გრადიენტი (მარჯვნივ, #93B874, #C9DCB9); ფონი: ხაზოვანი გრადიენტი (მარჯვნივ, #93B874, #C9DCB9); ფონის ფერი: #93B874;) < body >

ინსტრუქცია

განათავსეთ სათაურები სხვადასხვა დონეზეშესაბამის გახსნისა და დახურვის ტეგებს შორის, თუ უკვე არ არის გაკეთებული ვებ გვერდის საწყის კოდში. მაგალითად, ყველაზე მნიშვნელოვანი სათაური (პირველი დონე) უნდა იყოს ტეგებს შორის

და

:

სათაური

შემდეგი ყველაზე მნიშვნელოვანი დონის ქვესათაური უნდა განთავსდეს ტეგებს შორის

და

და ა.შ. მოწოდებული დონეებიდან ბოლო არის მეექვსე -

და

.

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

ჩადეთ გახსნისა და დახურვის სტილის ტეგებს შორის სტილის აღწერილობები თითოეული დონის სათაურებისთვის, გარეგნობარომლის შეცვლაც გსურთ. მაგალითად, თუ გსურთ მხოლოდ პირველი დონის სათაურების გარეგნობის შეცვლა, მაშინ ეს კოდი შეიძლება ასე გამოიყურებოდეს:აქ h1 მიუთითებს, რომ აღწერა in ფიგურული ფრჩხილებიეხება h1 ტეგს და ეწოდება "სელექტორი". ფერის პარამეტრი განსაზღვრავს ტექსტის ფერს, შრიფტის ზომის პარამეტრი განსაზღვრავს შრიფტის ზომას, შრიფტის სტილი დახრილი მნიშვნელობით განსაზღვრავს ასოების დახრილ სტილს, შრიფტის წონას თამამი მნიშვნელობით - , margin-top - , ზღვარი. -ქვედა - ქვედა ზღვარი. მეორე დონის სათაურებისთვის, თქვენ უნდა დაამატოთ მსგავსი ბლოკი h2 სელექტორით და ა.შ.

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

Მსგავსი ვიდეოები

დაგჭირდებათ

• კომპიუტერი, ინტერნეტი, საიტის შინაარსზე წვდომა.

ინსტრუქცია

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

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

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

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

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

ტეგი გამოიყენება შრიფტის შესაცვლელად. FACE ატრიბუტით. თქვენ შეგიძლიათ მიუთითოთ შრიფტი სახელით (Arial, Tahoma, Verdana) ან აკრიფოთ (მაგალითად, monospace). მიზანშეწონილია ჩამოთვალოთ რამდენიმე შრიფტის სახელი, რათა თავიდან იქნას აცილებული სიტუაცია, როდესაც აღმოჩნდება, რომ საჭირო შრიფტი არ არის დაინსტალირებული მომხმარებლის მიერ. მე გირჩევთ "გაიტანოთ" ზოგადად მიღებული შრიფტიდან ერთი მაინც (მაგალითად, Arial). არ გირჩევთ ერთ გვერდზე 2-3-ზე მეტი სხვადასხვა შრიფტის გამოყენებას, წინააღმდეგ შემთხვევაში გვერდი მოუხერხებელი და არაპროფესიონალურად გამოიყურება.

მაგალითი:

html გვერდის შრიფტის ზომის შეცვლა

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

თქვენ შეგიძლიათ შეცვალოთ შრიფტი ტეგების გამოყენებით და . ადიდებს მითითებული ფრაგმენტის შრიფტს წინა ტექსტთან მიმართებაში და შესაბამისად ამცირებს.

ინდივიდუალური ასოების ზომის შეცვლით, შეგიძლიათ მიაღწიოთ საინტერესო ეფექტებს. მაგალითად, ამ გზით შეგიძლიათ მიიღოთ drop cap - აბზაცის დასაწყისის გაფართოებული დიდი ასო.

მაგალითი:

html გვერდის შრიფტის ფერის არჩევა

ვებ გვერდის ტექსტის სხვადასხვა ფერის შრიფტით ჩვენება მას მიმზიდველს ხდის.

TEXT ატრიბუტის გამოყენება ტეგის კონტექსტში , შეგიძლიათ შეცვალოთ მთელი ვებ გვერდის ტექსტის ფერი. იგივე COLOR ატრიბუტის გამოყენება ტეგით (მეტი აქვს მაღალი პრიორიტეტი) საშუალებას გაძლევთ ურთიერთქმედება ტექსტის ერთი ნაწილის გარეგნობაზე.

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

დასახელების ფერი კოდი aqua ##00FFFF შავი ##000000 ლურჯი ##0000FF ფუქსია ##FF00FF ნაცრისფერი ##808080 მწვანე ##008000 ცაცხვი ##00FF00 შავგვრემანი ##800000 მუქი ლურჯი ##000080 ზეთისხილისფერი #0#08080 ზეითუნისფერი #0#08080 FF0000 ვერცხლი ##C0C0C0 ჩაისფერი ##008080 თეთრი ##FFFFFF ყვითელი ##FFFF00

შემოსავლის სახეები ინტერნეტით,
ან რაზე არ უნდა დახარჯო დრო

რა არის საუკეთესო ადგილი დამწყებთათვის დასაწყებად?
სად არის ფული ინტერნეტში ან ონლაინ ფულის გამომუშავების სტრატეგია

საიტის შექმნის ინსტრუქცია 5 წუთში. html-ის საფუძვლები და ეტაპობრივად საიტის შექმნა

როგორ გავხდეთ ვებ დიზაინერი და ვისწავლოთ ვებსაიტების შექმნა მაღალ დონეზე.

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

გაქვთ ვებსაიტი, მაგრამ ის არ იღებს მოგებას? მონეტიზაციის სერვისების მიმოხილვა

არ ვიცი სად ჩადოთ ინვესტიცია
მოგების მისაღებად? ეს უნიკალური ინფორმაციაა.

ფორექსი ზოგადად. როგორ სწორად ჩადოთ თქვენი კაპიტალი ან მიიღოთ $50 დღეში ავტოპილოტზე

როგორ და სად ვიყიდოთ დომენი და ჰოსტინგი. როგორ ატვირთოთ საიტი ინტერნეტში

როგორ გადავიტანოთ დომენი სხვა რეგისტრატორზე, რათა დაზოგოთ განახლება

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

Html კოდი, რომელიც უკვე გვაქვს:

ჩემი საიტის შინაარსი.

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

შეცვალეთ ტეგი შემდეგი გზით: text="#FF0000">, ანუ შეცვლა html ფერიდა ტექსტი, თქვენ უნდა დაამატოთ text= პარამეტრი და მიუთითოთ მისი მნიშვნელობა "#FF0000".

პარამეტრის მნიშვნელობა განსაზღვრავს ფერს, ანუ "#FF0000" - წითელი ფერი. სწორედ აქ მოქმედებს სამი ფერის კანონი.

მაგალითად, "#00FF00" არის მწვანე html ფერი, "#0000FF" არის ლურჯი html ტექსტის ფერი. როდესაც შერეულია, ეს სამი ფერი ქმნის ახალ ჩრდილებს და html ფერებს. მაგალითად, "#3715FB".

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

ჩემი საიტის შინაარსი.
ვსწავლობ ვებსაიტის შექმნას.

(HTML კოდის ახალი სექციები მონიშნული იქნება ლურჯად)

თქვენ უნდა მიიღოთ შემდეგი > შეცვლილი.

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

ჩასვით სასურველი ტექსტი ტეგებს შორის . ეს ახალია html ტეგი, დაწყვილებულია.

შემდეგ შეიყვანეთ color= პარამეტრი მნიშვნელობით "#00FF00", ანუ ასე color="#00FF00">სხვადასხვა ფერის ტექსტი .

გამოიყენე ცოდნა ჩვენთან html კოდიდა შეცვალეთ ტექსტის ფრაგმენტი.

ჩემი საიტის შინაარსი.
ვსწავლობ ვებსაიტის შექმნას.

თქვენ უნდა მიიღოთ შემდეგი > შეცვლა.

html ფონის ფერი

ახლა შევცვალოთ html ფონის ფერი, ამისათვის თქვენ უნდა დააყენოთ ტეგში პარამეტრი bgcolor= მნიშვნელობით "#494949", ე.ი. bgcolor="#494949" >.

html ფონის ფერი არ უნდა იყოს "#494949", შეგიძლიათ აიღოთ ნებისმიერი სხვა.

მოდით შევცვალოთ ჩვენი კოდი და შევცვალოთ html ფონის ფერი.

ჩემი საიტის შინაარსი.
ვსწავლობ ვებსაიტის შექმნას.

ახლა ვნახოთ რა მოხდა > შეცვლა