সাইটের পৃষ্ঠাগুলিতে দর্শক যা কিছু দেখেন তা সার্ভারের কাছে তাকে প্রেরিত বিস্তারিত নির্দেশনার ভিত্তিতে ব্রাউজার দ্বারা প্রদর্শিত হয়। এই নির্দেশাবলী পৃষ্ঠার এইচটিএমএল কোড বলা হয় এবং পৃথক পৃথক "ট্যাগ" গঠিত যা প্রতিটি উপাদানটির ধরন, উপস্থিতি এবং অবস্থান পৃথকভাবে বর্ণনা করে। কোনও পৃষ্ঠাতে কোনও নতুন উপাদান (উদাহরণস্বরূপ, একটি চিত্র) স্থাপন করার জন্য, আপনাকে এর উত্স কোডে একটি সম্পর্কিত নির্দেশ - একটি ট্যাগ যুক্ত করতে হবে। এটি করার সবচেয়ে সহজ উপায়টি বিবেচনা করুন।
নির্দেশনা
ধাপ 1
আপনি যদি কোনও ধরণের সামগ্রী পরিচালনা ব্যবস্থা ব্যবহার করেন তবে খুব সম্ভবত এটিতে কোনও পৃষ্ঠা সম্পাদক অন্তর্ভুক্ত রয়েছে। প্রথমত, আপনাকে এই সম্পাদকটিতে পছন্দসই পৃষ্ঠাটি খুলতে হবে। আরও - বিকল্পগুলি সম্ভব। সর্বোত্তম ক্ষেত্রে, পৃষ্ঠা সম্পাদকের একটি "ভিজ্যুয়াল মোড" থাকবে, অন্য কথায় - "ডাব্লুওয়াইএসআইওয়াইওয়াইজি মোড" (আপনি যা দেখছেন তা কী পাবেন - "আপনি যা দেখছেন তা আপনি পাবেন")। এই মোডে আপনাকে মূল HTML- কোডটি ব্যবহার করার প্রয়োজন হবে না! সম্পাদকের পৃষ্ঠাটি সাইটের মতো দেখাবে, এটি পছন্দসই জায়গায় মাউস পোঁকে দেওয়ার জন্য যথেষ্ট হবে এবং সম্পাদক প্যানেলে "চিত্র সন্নিবেশ করুন" টিপুন।
ধাপ ২
ফলস্বরূপ, একটি ডায়ালগ বাক্স খুলবে যাতে আপনাকে পছন্দসই ছবি নির্বাচন করতে হবে। আপনি যদি এটি এখনও আপলোড না করে থাকেন তবে আপনার কম্পিউটারে একটি ছবি নির্বাচন করতে এবং এটি সার্ভারে আপলোড করার জন্য একটি বোতামও রয়েছে। এছাড়াও, এই ডায়লগটিতে আপনি চিত্রের চারপাশে ফ্রেমের রঙ এবং প্রস্থ, ফ্রেম এবং চিত্রের মধ্যে ফিলের দূরত্ব এবং রঙ, সরঞ্জামদণ্ডের জন্য পাঠ্য নির্ধারণ করতে পারেন। এখানে মাত্রাগুলি নির্দিষ্ট করার প্রয়োজন নেই, তবে পৃষ্ঠা লোডিং দ্রুত করার কারণে এবং ডিজাইনের বিকৃতি রোধ করার জন্য এটি করা আরও ভাল। ডায়ালগের সমস্ত প্রয়োজনীয় ক্ষেত্রগুলি পূর্ণ হয়ে গেলে, "ঠিক আছে" ক্লিক করুন এবং তারপরে সম্পাদিত পৃষ্ঠাটি সংরক্ষণ করুন।
ধাপ 3
নিয়ন্ত্রণ সিস্টেমগুলির জন্য কোনও একক মান নেই এই কারণে যে, আপনার সিস্টেমের ভিজ্যুয়াল মোডে কোনও চিত্র প্রবেশ করার পদ্ধতিটি কিছুটা পৃথক হতে পারে, তবে নীতিটি একই হবে same একই কারণে, WYSIWYG মোড আপনার সাইটের পরিচালনা ব্যবস্থাতে উপস্থিত নাও হতে পারে। তারপরে আপনাকে এখনও পৃষ্ঠার উত্স কোডটি এইচটিএমএল (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ - "হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ") এডিট করতে হবে। আপনার কোডটিতে সঠিক জায়গায় একটি ট্যাগ প্রবেশ করানো দরকার যা এখানে চিত্রটি দেখানোর জন্য ব্রাউজারকে বলে। এর সহজতম ফর্মটিতে এটি দেখতে দেখতে এটি চিত্রটির "আপেক্ষিক ঠিকানা" এখানে রয়েছে - এই ঠিকানায় ব্রাউজারটির ইমেজ ফাইলটি পেতে সার্ভারের সাথে যোগাযোগ করা উচিত। যদি ঠিকানাটি আপেক্ষিক হয়, তবে ব্রাউজারটি ধরে নেবে যে ফাইলটি পৃষ্ঠাটির নিজস্ব সার্ভার ফোল্ডারে রয়েছে (বা একটি সাবফোল্ডারে)। তবে, ভুল না হওয়ার জন্য, "নিখুঁত ঠিকানা" নির্দিষ্ট করা আরও ভাল - উদাহরণস্বরূপ, এটি: স্বাভাবিকভাবেই, সার্ভারটির জন্য ব্রাউজারটিতে চিত্রটি খুঁজে পেতে এবং প্রেরণ করার জন্য, এটি নির্দিষ্ট করে আপলোড করা উচিত অবস্থান। এটি করার সবচেয়ে সহজ উপায় হ'ল ফাইল ম্যানেজারের মাধ্যমে যা প্রতিটি কন্টেন্ট ম্যানেজমেন্ট সিস্টেমের পাশাপাশি আপনার হোস্টিং সংস্থার নিয়ন্ত্রণ প্যানেলে থাকে। আপনি একটি বিশেষ প্রোগ্রাম - এফটিপি-ক্লায়েন্ট ব্যবহার করে এফটিপি-প্রোটোকল (ফাইল স্থানান্তর প্রোটোকল - "ফাইল ট্রান্সফার প্রোটোকল") ব্যবহার করে এটিও করতে পারেন। এগুলির মধ্যে অনেকগুলি অর্থ প্রদানযোগ্য এবং নিখরচায় রয়েছে - উদাহরণস্বরূপ, কিউট এফটিপি, ফ্ল্যাশএফএক্সপি, ডাব্লু এস এফটিপি ইত্যাদি। তবে অবশ্যই প্রোগ্রামটি ইনস্টল, মাস্টারিং এবং কনফিগার করতে সময় লাগবে, সুতরাং আপনার প্রয়োজনীয় সমস্ত কিছু ডাউনলোড করার জন্য একটি ফাইল ম্যানেজার একটি ব্রাউজার একটি সহজ বিকল্প।
পদক্ষেপ 4
চিত্রটির এইচটিএমএল-ট্যাগের ঠিকানা ছাড়াও, আপনি অতিরিক্ত তথ্য - ট্যাগের "গুণাবলী" নির্দিষ্ট করতে পারেন। উদাহরণস্বরূপ, Alt = "চিত্র" বৈশিষ্ট্যটিতে টুলটিপটির জন্য পাঠ্য উপস্থিত রয়েছে যা আপনি যখন চিত্রের উপরে মাউস কার্সার নিয়ে যান তখন পপ আপ হয়: এটি শিরোনাম বৈশিষ্ট্য দ্বারা প্রতিস্থাপন করা যেতে পারে: - আয়তক্ষেত্রের আকার যেখানে ব্রাউজারটি হওয়া উচিত চিত্রটি প্রস্থ এবং উচ্চতার বৈশিষ্ট্যগুলির দ্বারা সেট করা হয়: - সীমানা বৈশিষ্ট্যটি চিত্রের চারপাশে সীমানার প্রস্থ নির্দিষ্ট করে (পিক্সেলগুলিতে): চিত্রটি যদি কোনও লিঙ্ক তৈরি করা হয় তবে ব্রাউজারটি তার চারপাশে একটি নীল সীমানা আঁকবে।এ থেকে মুক্তি পেতে, সীমানার মানটি শূন্যে নির্ধারণ করুন: - অন্য দুটি বৈশিষ্ট্যে সংলগ্ন উপাদানগুলি (পাঠ্যের লাইন থেকে, অন্যান্য ছবি ইত্যাদির মাধ্যমে) ছবিতে প্রবেশের পরিমাণ সম্পর্কে তথ্য রয়েছে - hspace এর আকার নির্ধারণ করে অনুভূমিকভাবে অনুভূমিকভাবে (বাম এবং ডান), vspace - উল্লম্বভাবে (নীচে এবং উপরে):
