როგორ დაამატოთ ფონი ვებსაიტს: 14 ნაბიჯი (სურათებით)

Სარჩევი:

როგორ დაამატოთ ფონი ვებსაიტს: 14 ნაბიჯი (სურათებით)
როგორ დაამატოთ ფონი ვებსაიტს: 14 ნაბიჯი (სურათებით)

ვიდეო: როგორ დაამატოთ ფონი ვებსაიტს: 14 ნაბიჯი (სურათებით)

ვიდეო: როგორ დაამატოთ ფონი ვებსაიტს: 14 ნაბიჯი (სურათებით)
ვიდეო: How To Change Yahoo Email Username (2023) 2024, მაისი
Anonim

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

ნაბიჯები

მეთოდი 1 დან 2: HTML მეთოდები

მყარი ფერის ფონი

დაამატეთ ფონი ვებსაიტს ნაბიჯი 1
დაამატეთ ფონი ვებსაიტს ნაბიჯი 1

ნაბიჯი 1. მყარი ფერის ფონი არის ყველაზე ძირითადი ტიპის ფონი, რომელიც შეგიძლიათ განათავსოთ ვებგვერდზე

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

დაამატეთ ფონი ვებსაიტს ნაბიჯი 2
დაამატეთ ფონი ვებსაიტს ნაბიჯი 2

ნაბიჯი 2. გახსენით თქვენი ვებ კოდი (წყარო)

დაამატეთ ფონი ვებსაიტს ნაბიჯი 3
დაამატეთ ფონი ვებსაიტს ნაბიჯი 3

ნაბიჯი 3. სხეულის ტეგში დაამატეთ ატრიბუტი სახელწოდებით bgcolor

ახლა შენი სხეულის წარწერა ასე უნდა გამოიყურებოდეს-

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

  • (ფერის სახელი)
  • (ექვსკუთხედი მნიშვნელობა)
  • (RGB მნიშვნელობა)
დაამატეთ ფონი ვებსაიტს ნაბიჯი 4
დაამატეთ ფონი ვებსაიტს ნაბიჯი 4

ნაბიჯი 4. ექსპერიმენტი RGB და # შეიძლება გამოიწვიოს ბევრი ფერებში, მაგრამ თქვენ შეგიძლიათ აირჩიოთ მარტივი პირველი გზა

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

ფონის სურათის დამატება

ფონის სურათის დამატება ოდნავ უფრო რთულია, ვიდრე მყარი ფერის ფონი

დაამატეთ ფონი ვებსაიტს ნაბიჯი 5
დაამატეთ ფონი ვებსაიტს ნაბიჯი 5

ნაბიჯი 1. დაამატეთ ფონის თვისება სხეულის ტეგით, ასე რომ ასე გამოიყურება-

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

  • (იმავე საქაღალდეში)
  • (სხვა საქაღალდის შიგნით)
  • (სხვა ვებ გვერდზე)
დაამატეთ ფონი ვებსაიტს ნაბიჯი 6
დაამატეთ ფონი ვებსაიტს ნაბიჯი 6

ნაბიჯი 2. გახსოვდეთ.gif /-j.webp" />

მეთოდი 2 დან 2: CSS მეთოდები

დაამატეთ ფონი ვებსაიტს ნაბიჯი 6
დაამატეთ ფონი ვებსაიტს ნაბიჯი 6

მყარი ფერის ფონი

დაამატეთ ფონი ვებსაიტს ნაბიჯი 7
დაამატეთ ფონი ვებსაიტს ნაბიჯი 7

ნაბიჯი 1. CSS– ში მყარი ფერის ფონის დასამატებლად დაამატეთ სტილის ატრიბუტი

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

დაამატეთ ფონი ვებსაიტს ნაბიჯი 8
დაამატეთ ფონი ვებსაიტს ნაბიჯი 8

ნაბიჯი 2. თქვენი სხეულის წარწერა ასე უნდა გამოიყურებოდეს-

სადაც COLORNAME არის ფერის, ექვსკუთხედის ან RGB სახელი (ასევე დაიმახსოვრე მყარი ფერის ფონის ბოლო საფეხურები HTML- ში, აქაც გამოიყენება).

სურათის დამატება

დაამატეთ ფონი ვებსაიტს ნაბიჯი 9
დაამატეთ ფონი ვებსაიტს ნაბიჯი 9

ნაბიჯი 1. სურათის დასამატებლად დაამატეთ სტილის ატრიბუტი ტეგით

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

დაამატეთ ფონი ვებსაიტს ნაბიჯი 10
დაამატეთ ფონი ვებსაიტს ნაბიჯი 10

ნაბიჯი 2. თქვენი სხეულის წარწერა ასე უნდა გამოიყურებოდეს-

დაამატეთ ფონი ვებსაიტს ნაბიჯი 11
დაამატეთ ფონი ვებსაიტს ნაბიჯი 11

ნაბიჯი 3. გახსოვდეთ, რომ SRC არის წყარო

ეს შეიძლება იყოს ერთი საქაღალდედან, განსხვავებული საქაღალდედან ან განსხვავებული ვებ გვერდიდან.

  • (იმავე საქაღალდეში)
  • (სხვა საქაღალდის შიგნით)
  • (სხვადასხვა ვებ გვერდზე).
დაამატეთ ფონი ვებსაიტს ნაბიჯი 12
დაამატეთ ფონი ვებსაიტს ნაბიჯი 12

ნაბიჯი 4. გახსოვდეთ. გაფართოებების დამატებაც

განმეორებითი შაბლონური ფონი

დაამატეთ ფონი ვებსაიტს ნაბიჯი 13
დაამატეთ ფონი ვებსაიტს ნაბიჯი 13

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

თქვენი სხეულის ტეგი ახლა უნდა შეიცვალოს-

სადაც REPEAT-SETTINGS არის პარამეტრები. შეიძლება ბევრი განმეორებითი პარამეტრი იყოს, მაგალითად-

  • (ფონი მეორდება ვერტიკალურად და ჰორიზონტალურად.)
  • (ფონი განმეორდება ჰორიზონტალურად.)
  • (ფონი განმეორდება ვერტიკალურად.)

ფიქსირებული სურათის ფონი

დაამატეთ ფონი ვებსაიტს ნაბიჯი 14
დაამატეთ ფონი ვებსაიტს ნაბიჯი 14

ნაბიჯი 1. ფიქსირებული სურათის ფონი გამოიყურება მაგარი და არ იცვლება ქვემოთ გადახვევისას

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

სადაც SRC არის ფონის სურათის წყარო, POSITION არის სურათის პოზიცია (ის შეიძლება შეიცვალოს ცენტრიდან მარჯვნივ მარჯვნივ); ფონის მიმაგრება არის ამ ფონის მთავარი "კატალიზატორი". იგი გამოიყენება ფონის პოზიციის გასაგებად და რეკომენდირებულია, რომ ის არ შეიცვალოს.

გირჩევთ: