কিভাবে একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পেজ তৈরি করবেন: 8 টি ধাপ (ছবি সহ)

সুচিপত্র:

কিভাবে একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পেজ তৈরি করবেন: 8 টি ধাপ (ছবি সহ)
কিভাবে একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পেজ তৈরি করবেন: 8 টি ধাপ (ছবি সহ)

ভিডিও: কিভাবে একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পেজ তৈরি করবেন: 8 টি ধাপ (ছবি সহ)

ভিডিও: কিভাবে একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পেজ তৈরি করবেন: 8 টি ধাপ (ছবি সহ)
ভিডিও: প্রকল্প খাতা লেখার পদ্ধতি একাদশ ও দ্বাদশ শ্রেণী, Project Work, Project Method, Project Guide 2024, এপ্রিল
Anonim

তাই আপনি আপনার ওয়েবপেজে একটি স্প্ল্যাশ পেজ রাখতে চান? স্প্ল্যাশ পেজ আপনার ওয়েবসাইটকে ব্র্যান্ডিং করার একটি দুর্দান্ত উপায়। এই How-To অনুমান করে যে আপনি HTML এবং CSS সম্পর্কে কিছুটা জানেন, এবং এটি সাহায্য করতে পারে যদি আপনি কিছু মৌলিক জাভাস্ক্রিপ্টও জানেন।

ধাপ

একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 1
একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 1

ধাপ 1. আপনার রূপরেখা পৃষ্ঠা তৈরি করুন।

আপনি একটি ব্যবহার করতে পারেন বাহ্যিক CSS (ক্যাসকেডিং স্টাইল শীট), কিন্তু এই উদাহরণে আমরা একটি ব্যবহার করতে যাচ্ছি অভ্যন্তরীণ স্টাইল শীট । সুতরাং আপনাকে আপনার মৌলিক ট্যাগগুলি দিয়ে শুরু করতে হবে:

স্বাগত!

একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 2
একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 2

ধাপ 2. বিভাগে CSS এবং শিরোনামের তথ্য পূরণ করুন।

আপনাকে অবশ্যই আপনার প্রয়োজন অনুসারে মান পরিবর্তন করতে হবে:

স্বাগত!

বডি {ব্যাকগ্রাউন্ড-কালার: #DCDCDC}

বাদ দেওয়া হয়েছে…

বিঃদ্রঃ:

আপনি ফন্টগুলির জন্য একটি CSS সম্পত্তি যুক্ত করতে চাইতে পারেন।

একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 3
একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 3

পদক্ষেপ 3. হোম পেজে যাওয়ার জন্য স্ক্রিপ্ট যোগ করুন।

এই বিভাগটি alচ্ছিক, এবং আপনি যদি এটি স্বয়ংক্রিয়ভাবে এগিয়ে যেতে না চান তবে আপনি কেবল এটি বাদ দিতে পারেন।

বাদ দেওয়া হয়েছে…

window.onload = সময়সীমা;

ফাংশন টাইমআউট () {

window.setTimeout ("redirect ()", 5000)}

ফাংশন রিডাইরেক্ট () {

window.location = "Home.htm"

প্রত্যাবর্তন}

বাদ দেওয়া হয়েছে…

বাদ দেওয়া হয়েছে…

মন্তব্য:

সংখ্যা 5000 মানে

ধাপ 5। সেকেন্ড ছোট বা দীর্ঘ সময়ের জন্য এটি পরিবর্তন করুন। পুন homeনির্দেশিত ফাইলের নাম আপনার হোম পেজের নাম পরিবর্তন করুন।

একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 4
একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 4

ধাপ 4. একটি শিরোনাম যোগ করুন।

এটি সম্ভবত আপনার ওয়েবসাইটের নাম হওয়া উচিত, এবং সার্চ ইঞ্জিনগুলিকে খুঁজে পাওয়া সহজ করার জন্য আপনার এটিকে ইনট্যাগগুলি সংযুক্ত করা উচিত।

একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 5
একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 5

ধাপ 5. একটি ছবি যোগ করুন।

এটি দেখানো উচিত যে আপনার সাইটটি কী। আবার আপনি ব্যবহার করতে পারেন

Image
Image

ট্যাগ

বাদ দেওয়া হয়েছে…

মন্তব্য:

এই ধাপটি ধরে নেয় যে আপনি শিরোনাম চিত্রটি একই ফোল্ডারে সংরক্ষণ করেছেন .htm ফাইল, এবং এটির নামকরণ করা হয়েছে "splashimage.jpg" । আপনি CSS পজিশনিং যোগ করতে পারেন যদি আপনি ছবিটিকে স্ক্রিনের অন্য কোথাও যেমন কেন্দ্রের মতো পছন্দ করেন।

পদক্ষেপ 6. একটি বোতাম যোগ করুন।

এই বোতামটি দর্শনার্থীদের দ্রুত হোম পেজে পৌঁছানোর একটি উপায় হবে। যখন তারা এটি ক্লিক করে, তারা অবিলম্বে হোম পৃষ্ঠায় সরানো হয়। আপনি বিকল্পভাবে হোম পেজে একটি লিঙ্ক দিতে পারেন।

বাদ দেওয়া হয়েছে…

বিঃদ্রঃ:

আপনি পরিবর্তন করতে পারেন "মান" বোতামে প্রদর্শিত পাঠ্য পরিবর্তন করার উপাদান।

একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 7
একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 7

ধাপ 7. কিছু টেক্সট যোগ করুন।

এটি আপনার পছন্দ মতো কিছু হতে পারে। সাধারণত এটি "দেখার জন্য ধন্যবাদ" ধরণের শুভেচ্ছা, বা "দ্বারা তৈরি …"।

বাদ দেওয়া হয়েছে…

ভ্রমনের জন্য ধন্যবাদ!

মন্তব্য:

এখানেই আপনি পাঠ্যের জন্য CSS ব্যবহার করতে পারেন। আপনি একটি শিরোনাম ব্যবহার করতে পারেন (

পরিবর্তে যদি আপনি চান।

একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 8
একটি ওয়েবসাইটের জন্য একটি স্প্ল্যাশ পৃষ্ঠা তৈরি করুন ধাপ 8

ধাপ 8. এখন আপনার একটি স্প্ল্যাশ পেজ আছে

এখন সিএসএস ব্যবহার করে এটি সুন্দর করার এবং এটিকে লাইভ করার সময় এসেছে!

ভিডিও - এই পরিষেবাটি ব্যবহার করে, কিছু তথ্য ইউটিউবের সাথে শেয়ার করা যেতে পারে।

পরামর্শ

  • আপনার পছন্দ মতো কন্টেন্ট যোগ করুন, কিন্তু এটিকে খুব বেশি ব্যস্ত করবেন না।
  • আপনি চাইলে শব্দ এবং ভিডিও যোগ করতে পারেন, কিন্তু এটি কিছু লোকের জন্য একটি দীর্ঘ লোড সময় তৈরি করবে।
  • আপনি যদি এইচটিএমএল বা সিএসএস সম্পর্কে অনেক কিছু না জানেন, তাহলে আপনি এই প্রক্রিয়াটিকে সহজ করার জন্য ব্লগারের মত একটি নির্দেশিত সম্পাদক ব্যবহার করতে পারেন।

প্রস্তাবিত: