আপনার যদি ব্যানার থাকে তবে এটি পৃষ্ঠাতে সন্নিবেশ করার জন্য কোনও রেডিমেড এইচটিএমএল কোড নেই, তবে আপনার প্রয়োজনীয় লিঙ্কটি যুক্ত করা এত কঠিন নয়। এমনকি ফ্ল্যাশ প্রযুক্তি ব্যবহার করে ব্যানারটি তৈরি করা হলেও। উত্স কোডে গ্রাফিক এবং ফ্ল্যাশ ফর্ম্যাটে ব্যানারগুলিতে লিঙ্কগুলি সংগঠিত করার সম্ভাব্য বিকল্পগুলি নীচে বর্ণিত হয়েছে।
নির্দেশনা
ধাপ 1
যদি ব্যানারটি গ্রাফিক ফর্ম্যাটগুলির একটিতে (জিআইএফ, জেপিজি, পিএনজি, বিএমপি) থাকে তবে লিংক ট্যাগের মধ্যে ইমেজ ট্যাগটি রাখাই যথেষ্ট হবে First প্রথমে চিত্র ট্যাগটি তৈরি করুন। ওয়েব পৃষ্ঠাগুলির মার্কআপ ল্যাঙ্গুয়েজে (এইচটিএমএল - হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ - "হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ") এর সর্বাধিক সংস্করণটি দেখতে এইরকম: এখানে চিত্রটির "আপেক্ষিক ঠিকানা" src বৈশিষ্ট্যে নির্দিষ্ট করা হয়েছে। এই সংস্করণে, ব্রাউজারটি ধরে নেবে যে ছবিটি আপনার সার্ভারের একই ফোল্ডারে রয়েছে যেখানে পৃষ্ঠাটি যেখানে ব্যানারটি isোকানো হয়েছে সেখানে itself তবে একটি "নিখুঁত ঠিকানা" নির্দিষ্ট করা ভাল:
ধাপ ২
এই ট্যাগটিতে যুক্ত করার জন্য আরও কয়েকটি বৈশিষ্ট্য রয়েছে। দুটি বৈশিষ্ট্য ব্যানার মাত্রা (উচ্চতা এবং প্রস্থ) নির্দেশ করবে। এগুলি alচ্ছিক বৈশিষ্ট্যগুলি - পৃষ্ঠাটি সার্ভার থেকে ব্রাউজারে লোড করা অবস্থায় সবকিছু ঠিকঠাক চললে চিত্রগুলি তাদের ছাড়াই প্রদর্শিত হবে। তবে যদি কোনও কারণে ছবিটি লোড না করা হয়, তবে মাত্রার অভাবের কারণে অন্য সমস্ত ডিজাইনের উপাদানগুলি স্থানের বাইরে চলে আসবে to আকার ট্যাগটি এর মতো দেখাবে:
ধাপ 3
ডিফল্টরূপে, ব্রাউজারটি লিঙ্ক চিত্রগুলির চারপাশে একটি নীল সীমানা আঁকে। এটি এড়াতে, ব্যানার ট্যাগটিতে নাল মান সহ একটি সীমানা বৈশিষ্ট্য যুক্ত করুন:
পদক্ষেপ 4
আরও একটি অ্যাট্রিবিউট (শিরোনাম) যুক্ত করুন, যাতে আপনি ব্যানারটির উপরে মাউস কার্সার নিয়ে যাওয়ার সময় টুলটিপটির জন্য পাঠ্য থাকবে:
পদক্ষেপ 5
আপনি সবচেয়ে গুরুত্বপূর্ণ বৈশিষ্ট্য সহ চিত্র ট্যাগটি প্রস্তুত করেছেন, এখন আপনাকে এটি লিঙ্ক ট্যাগের মধ্যে স্থাপন করা দরকার need প্রতিটি হাইপারলিঙ্ক দুটি ট্যাগ দ্বারা গঠিত হয় - খোলার এবং বন্ধ করে: খোলার ট্যাগটিতে href বৈশিষ্ট্য থাকে, যাতে অনুরোধ প্রেরণের জন্য ঠিকানা থাকে। এই দুটি লিঙ্ক ট্যাগের মধ্যে এবং ব্যানার ট্যাগটি সন্নিবেশ করুন: লিঙ্কটি সহ ব্যানারটির এইচটিএমএল কোড প্রস্তুত রয়েছে, প্রতিস্থাপন করতে ভুলবেন না: - href বৈশিষ্ট্যে: "https://kakprosto.ru" আপনার লিঙ্কের ঠিকানা সহ ব্যানারটির জন্য; - এসআরসি বৈশিষ্ট্যে: "https://kakprosto.ru/banner.gif" ব্যানারটির জন্য চিত্রের ঠিকানায়; - প্রস্থের বৈশিষ্ট্যে: আপনার ব্যানারটির প্রস্থের জন্য "468"; উচ্চতার বৈশিষ্ট্যে: আপনার ব্যানারটির উচ্চতার জন্য "60"; - শিরোনাম বৈশিষ্ট্যে: "এটি একটি ব্যানার!" আপনার ব্যানার জন্য পপ-আপ পাঠ্য;
পদক্ষেপ 6
উপরের সমস্ত চিত্র চিত্রের ব্যানারগুলিতে উল্লেখ করা হয়েছে তবে ফ্ল্যাশ প্রযুক্তি ব্যবহার করে তৈরি ব্যানারও রয়েছে। কোনও স্ট্যান্ডার্ড উপায়ে ফ্ল্যাশ মুভিতে একটি লিঙ্ক inোকাতে, আপনার কেবল ব্যানার নিজেই নয়, এর উত্স কোডও থাকা দরকার। তদতিরিক্ত, আপনি উত্স কোডটি সম্পাদনা করতে পারেন এবং তারপরে কেবলমাত্র একটি বিশেষজ্ঞ সম্পাদনায় ফ্ল্যাশ মুভিটি সংকলন করতে পারেন - নিয়মিত পাঠ্য সম্পাদক এটির জন্য উপযুক্ত নয়। তবে এই সমস্ত অসুবিধাগুলি অতিক্রম করার একটি উপায় রয়েছে, কেবলমাত্র এইচটিএমএল এবং সিএসএস (ক্যাসকেডিং স্টাইল শীট - "ক্যাসকেডিং স্টাইল শীট") সম্পাদনা করার ক্ষেত্রে নিজেকে সীমাবদ্ধ করে। সিএসএস ভাষা পৃষ্ঠা উপাদানগুলির উপস্থিতি বর্ণনার আরও বিস্তারিত (HTML এর তুলনায়) ব্যবহারের জন্য ব্যবহৃত হয়। এর সাহায্যে, জটিল মাল্টিলেয়ার কাঠামো পৃষ্ঠাগুলিতে তৈরি করা যেতে পারে। আমরা এটি নীচের স্তরে ফ্ল্যাশ ব্যানার স্থাপন করে এবং তার উপরের লিঙ্কটি দিয়ে স্তরটি রেখে এটি ব্যবহার করব the ব্যানারটির এইচটিএমএল কোডটি দেখতে এইরকম হবে:
এতে (দুটি স্থানে) প্রস্থ এবং উচ্চতার বৈশিষ্ট্যগুলি, ব্যানার নাম ব্যানার.এসডাব্লুফ (দুটি জায়গায়) এবং লিঙ্কের ঠিকানা https://kakprosto.ru (এক জায়গায়) প্রতিস্থাপন করতে ভুলবেন না। এবং এসসিসি কোড এই এইচটিএমএল কোডটির সাথে সম্পর্কিত এটি হওয়া উচিত:
div.linkedFlashContainer {অবস্থান: আপেক্ষিক; জেড-ইনডেক্স: 1; সীমানা: 0 পিএক্স; প্রস্থ: 468px; উচ্চতা: 60px}
a.flashLink {অবস্থান: পরম; জেড-ইনডেক্স: 2; প্রস্থ: 468px; উচ্চতা: 60px; পটভূমি: ইউআরএল (spacer.gif) কোন পুনরাবৃত্তি;
একটি স্বচ্ছ চিত্র (যেকোন আকারের) নামে স্পেস.আরআইজিএফ ব্যবহৃত হয়। এবং এখানেও, প্রস্থ এবং উচ্চতার আকার (দুটি জায়গায়) পরিবর্তন করতে ভুলবেন না।
