როგორ შევქმნათ Splash გვერდი ვებსაიტისთვის: 8 ნაბიჯი (სურათებით)

Სარჩევი:

როგორ შევქმნათ Splash გვერდი ვებსაიტისთვის: 8 ნაბიჯი (სურათებით)
როგორ შევქმნათ Splash გვერდი ვებსაიტისთვის: 8 ნაბიჯი (სურათებით)

ვიდეო: როგორ შევქმნათ Splash გვერდი ვებსაიტისთვის: 8 ნაბიჯი (სურათებით)

ვიდეო: როგორ შევქმნათ Splash გვერდი ვებსაიტისთვის: 8 ნაბიჯი (სურათებით)
ვიდეო: როგორ დავწეროთ საქმიანი წერილი | I ნაწილი 2024, მაისი
Anonim

ასე რომ თქვენ გსურთ განათავსოთ splash გვერდი თქვენს ვებგვერდზე? Splash გვერდები თქვენი ვებსაიტის ბრენდინგის შესანიშნავი საშუალებაა. ეს How-To ვარაუდობს, რომ თქვენ იცით საკმაოდ ბევრი HTML და CSS და ეს შეიძლება დაგეხმაროთ, თუ თქვენ იცით რამდენიმე ძირითადი JavaScript.

ნაბიჯები

შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 1
შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 1

ნაბიჯი 1. შექმენით თქვენი მონახაზი გვერდი

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

მოგესალმებით!

შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 2
შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 2

ნაბიჯი 2. შეავსეთ CSS და სათაურის ინფორმაცია განყოფილებაში

თქვენ აშკარად უნდა შეცვალოთ ღირებულებები თქვენი საჭიროებების შესაბამისად:

მოგესალმებით!

სხეული {ფონი-ფერი: #DCDCDC}

გამოტოვებული…

Შენიშვნა:

შეიძლება დაგჭირდეთ დაამატოთ CSS თვისება შრიფტებისთვის.

შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 3
შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 3

ნაბიჯი 3. დაამატეთ სკრიპტი მთავარ გვერდზე გადასასვლელად

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

გამოტოვებული…

window.onload = დროის გასვლა;

ფუნქციის დროის გასვლა () {

window.setTimeout ("გადამისამართება ()", 5000)}

ფუნქციის გადამისამართება () {

window.location = "მთავარი. htm"

დაბრუნების}

გამოტოვებული…

გამოტოვებული…

შენიშვნები:

რიცხვი 5000 ნიშნავს

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

შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 4
შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 4

ნაბიჯი 4. დაამატეთ სათაური

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

შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 5
შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 5

ნაბიჯი 5. დაამატეთ სურათი

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

Image
Image

წარწერა

გამოტოვებული…

შენიშვნები:

ეს ნაბიჯი ვარაუდობს, რომ თქვენ შეინახეთ სათაურის სურათი იმავე საქაღალდეში, როგორც .htm ფაილი, და რომ მას აქვს სახელი "splashimage.jpg" რა თქვენ შეგიძლიათ დაამატოთ CSS პოზიციონირება, თუ გსურთ, რომ სურათი იყოს სადმე სხვაგან ეკრანზე, მაგალითად ცენტრში.

ნაბიჯი 6. დაამატეთ ღილაკი

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

გამოტოვებული…

Შენიშვნა:

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

შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 7
შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 7

ნაბიჯი 7. დაამატეთ ტექსტი

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

გამოტოვებული…

გმადლობთ სტუმრობისთვის!

შენიშვნები:

ეს არის ის, სადაც თქვენ შეგიძლიათ გამოიყენოთ CSS ტექსტისთვის. თქვენ შეგიძლიათ გამოიყენოთ სათაური (

) სამაგიეროდ თუ გნებავთ.

შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 8
შექმენით Splash გვერდი ვებსაიტისთვის ნაბიჯი 8

ნაბიჯი 8. ახლა თქვენ გაქვთ სამუშაო splash გვერდი

ახლა დროა გამოვიყენოთ ის CSS– ის გამოყენებით და გავააქტიუროთ!

ვიდეო - ამ სერვისის გამოყენებით, ზოგიერთი ინფორმაცია შეიძლება გაზიარდეს YouTube- თან

Რჩევები

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

გირჩევთ: