গত সপ্তাহে, আমরা আপনাকে "কিভাবে একটি সহজ ওয়েবসাইট তৈরি করবেন" সিরিজের পাইলট পর্বে মূল বিষয়গুলি দেখিয়েছি। আমরা Sayweb পরিষেবার জন্য নিবন্ধনটি দেখেছি।page, আমরা একটি টেমপ্লেট বেছে নিয়েছি এবং ছবি সহ প্রথম লেখাটি পরিবর্তন করেছি। আজকের দ্বিতীয় অংশে, আমরা কিছুক্ষণের জন্য ছবিগুলিতে ফিরে যাব - আমরা আলোচনা করব যে সেগুলি কত বড় হওয়া উচিত, এবং সেওয়েব পরিবেশে কীভাবে সেগুলি ব্যবহার করা যেতে পারে।page সম্পাদনা করুন। তারপর আমরা অন্যান্য উপাদানের নকশা পরিবর্তন করার সম্ভাবনা দেখব, যেমন টেক্সট, বোতাম ইত্যাদি। তাহলে সরাসরি মূল বিষয়ে আসা যাক।
আপনি আগ্রহী হতে পারে
ইমেজ এডিটিং
এটা খুব কমই ঘটে যে আপনার তোলা বা কোথাও থেকে ডাউনলোড করা ছবি তাৎক্ষণিকভাবে আপনার সমস্ত প্রয়োজনীয়তা পূরণ করে। বেশিরভাগ ক্ষেত্রে, ছবি সম্পাদনা করার জন্য আপনাকে একটি গ্রাফিক্স এডিটর ব্যবহার করতে হবে - উদাহরণস্বরূপ, কাটছাঁট করা, কমানো বা রঙ পরিবর্তন করা। যদিও প্রথম নজরে এটি এমন মনে নাও হতে পারে, ছবিগুলি ওয়েবসাইটের সবচেয়ে শ্রমসাধ্য অংশগুলির মধ্যে একটি। সঠিকটা খুঁজে পাওয়ার আগে এবং সেটা খুঁজে পাওয়ার আগেonec ফাইল, এটি সত্যিই চিরকাল সময় নিতে পারে। আপনি যদি সেই ব্যবহারকারীদের মধ্যে একজন হন যারা কম্পিউটারে কাজ করে জীবিকা নির্বাহ করেন না, তাহলে সম্ভবত আপনার কাছে কোনও গ্রাফিক এডিটর নেই। তবে, Sayweb-এর ক্ষেত্রেpage কোন সমস্যা নেই, কারণ আপনি সহজেই এর পরিবেশে সরাসরি ছবি সম্পাদনা করতে পারবেন।
আপনি যদি কোনো ছবি সম্পাদনা করতে চান, তাহলে আপনার ওয়েবসাইটের পরিবেশে সেটির উপর ক্লিক করুন। এরপর, ডানদিকের মেনু থেকে ‘Edit Image’ অপশনটি বেছে নিন। এই অপশনটিতে ক্লিক করার সাথে সাথেই আপনি একটি সহজ পরিবেশে চলে আসবেন, যেখানে আপনি নির্বাচিত ছবিটি ক্রপ, রোটেট, মিরর বা এর রঙ পরিবর্তন করার মতো কাজ করতে পারবেন। আপনি যদি এই পরিবর্তনগুলোর মধ্যে কোনো একটি করতে চান, তাহলে বামদিকের নির্দিষ্ট বিভাগে চলে যান। আপনি যদি ‘Crop’ অপশনটি বেছে নেন, তাহলে আপনি বিভিন্ন ক্রপিং ফরম্যাট থেকে বেছে নিতে পারবেন, অথবা অনুপাত ছাড়াই নিজের পছন্দমতো ছবিটি ক্রপ করতে পারবেন। এরপর ‘Rotate and Mirror’ বিভাগে আপনি ছবিটি বামে বা ডানে ঘোরাতে পারবেন, অথবা উল্লম্বভাবে বা অনুভূমিকভাবে মিরর করতে পারবেন। ‘Edit Colors’ বিভাগে আপনি ব্রাইটনেস, কনট্রাস্ট, হিউ, স্যাচুরেশন, সেপিয়া, ব্লার বা কালার ওভারলে সেট করতে পারবেন। ছবি এবং লেখার মধ্যে যদি আরও বেশি কনট্রাস্ট আনার প্রয়োজন হয়, তাহলে কালার ওভারলে টুলটি আদর্শ – এটি লেখার পঠনযোগ্যতা বাড়াবে। আপনার সম্পাদনা করা হয়ে গেলে, উপরের বাম দিকে থাকা ‘Confirm Edits’-এ ট্যাপ করুন।
কি ছবি আপলোড করবেন?
ছবি আপলোড করার আগে, আপনার কিছু জিনিস জানা এবং মেনে চলা উচিত। এটা মনে রাখা গুরুত্বপূর্ণ যে আপনার ওয়েবসাইটে আসা প্রতিটি ব্যবহারকারীকে প্রথমে এর সমস্ত কন্টেন্ট ডাউনলোড করতে হবে। পৃষ্ঠার কন্টেন্ট যত দ্রুত ডাউনলোড হবে, ব্যবহারকারী তত বেশি খুশি হবেন। আপনার ওয়েবসাইটে খুব বড় নয় এমন ছবি আপলোড করে আপনি উচ্চ লোডিং গতি নিশ্চিত করতে পারেন। একই সাথে, ছবিগুলি ভালো মানের হওয়া আবশ্যক - অন্যথায় তারা ব্যবহারকারীদের নিরুৎসাহিত করতে পারে। Sayweb এর ক্ষেত্রেpage তবে, কার্যত এই সমস্ত ঝামেলা এবং জটিলতা একপাশে রেখে দেওয়া হয়েছে। যদি Sayweb ইন্টারফেসpage যখন আপনি একটি ছবি আপলোড করবেন, তখন সিস্টেমটি নিশ্চিত করবে যে এটি আদর্শ আকারে প্রদর্শিত হচ্ছে - কম্পিউটার, ট্যাবলেট বা মোবাইল ডিভাইস উভয় ক্ষেত্রেই। বিশেষ করে, Sayweb পরিষেবাpage ৮ মেগাবাইটের চেয়ে বড় ছবি আপলোড করার পরামর্শ দেওয়া হয় না। পিক্সেলের আকারের ক্ষেত্রে, ছবিগুলি ২০০০ পিক্সেলের বেশি হওয়া উচিত নয় - Sayweb পরিবেশpage বড় পিক্সেলের যেকোনো ছবি "সঙ্কুচিত" হবে, তাই এটিই সবচেয়ে বড় সম্ভাব্য আকার।
ছবিগুলো চেক করলে কি হবে
যদি আপনি Sayweb ইন্টারফেসে থাকেনpage যদি আপনি একটি ছবি আপলোড করে দেখেন যে এটি আপনার পছন্দ অনুযায়ী প্রদর্শিত হচ্ছে না, তাহলে কার্যত কেবল একটি ত্রুটি ঘটতে পারে। আপনার আপলোড করা ছবিটি নিম্নমানের বা রেজোলিউশনের। আমি উপরে যেমন উল্লেখ করেছি, Sayweb পরিবেশে প্রবেশ করতে ভয় পাবেন না।page আরও বড় ছবি আপলোড করুন। যাই হোক না কেন, মেশিনটি নিশ্চিত করবে যে ছবিটি আদর্শভাবে হ্রাস করা হয়েছে বা প্রতিটি ডিভাইসের সাথে খাপ খাইয়ে নেওয়া হয়েছে। তাই যদি ছবিটি চেকার্ড দেখায়, তাহলে এটিকে আরও উচ্চ মানের এবং রেজোলিউশনে আবার আপলোড করার চেষ্টা করুন।
বৈশিষ্ট্য চেহারা
আপনি বিভিন্ন টেক্সট এলিমেন্ট, যেমন হেডিং বা সাবহেডিং-এর জন্য একটি বিশেষ চেহারা সেট করতে পারেন। এক্ষেত্রে, এর মধ্যে টেক্সট শ্যাডো, রঙের পরিবর্তন এবং আরও অনেক কিছু অন্তর্ভুক্ত থাকে। আপনি যদি এই এলিমেন্টগুলোর চেহারা পরিবর্তন করতে চান, তবে সেগুলোর যেকোনো একটিতে ক্লিক করুন এবং তারপরে ডানদিকের প্যানেলে থাকা 'অ্যাপিয়ারেন্স' (Appearance) নামক সেকশনে যান। এখানে আপনি শ্যাডো বা টেক্সট ডেকোরেশনের আকারে একটি বিশেষ ভিজ্যুয়াল এফেক্ট সেট করতে পারেন। আপনি যদি এলিমেন্টগুলোর চেহারা সেট করার ক্ষেত্রে সফল হন, তবে ফলাফলটি দেখতে সত্যিই আকর্ষণীয় হতে পারে। একইভাবে, আপনি পেজের অন্যান্য এলিমেন্ট, যেমন বাটন, ফর্মের অংশ এবং আরও অনেক কিছুকে আকর্ষণীয় করে তুলতে পারেন। এক্ষেত্রেও, আপনি যে এলিমেন্টটি এডিট করতে চান সেটিতে ক্লিক করুন এবং তারপরে ডানদিকের মেনু থেকে 'অ্যাপিয়ারেন্স' (Appearance) সেকশনটি নির্বাচন করুন। শ্যাডো এবং ডেকোরেশন ছাড়াও, আপনি উদাহরণস্বরূপ, বাটনের জন্য রঙ (টেক্সট বা ব্যাকগ্রাউন্ড), ডেকোরেশন, শ্যাডো বা বর্ডারের আকার সেট করতে পারেন।
উপসংহার
আজকের জন্য কীভাবে একটি সহজ ওয়েবসাইট সিরিজ তৈরি করবেন তার দ্বিতীয় অংশ থেকে এটাই। এই অংশের পরে, আপনি আপনার সাইটের চিত্রগুলির সাথে কাজ করতে সক্ষম হবেন এবং আপনার পৃষ্ঠায় পাওয়া নির্দিষ্ট উপাদানগুলির উপস্থিতি কাস্টমাইজ করতে আপনার কোনও সমস্যা হবে না। তৃতীয় অংশে, যা আমাদের ম্যাগাজিনে এক সপ্তাহের মধ্যে আবার প্রদর্শিত হবে, আমরা দেখব কীভাবে পৃষ্ঠায় নতুন বিভাগ যুক্ত করা যায়, যোগাযোগের ফর্ম, কীভাবে বিভাগে কলামের সংখ্যা সেট করা যায়, বা সম্ভবত কীভাবে আরেকটি যুক্ত করা যায়। ওয়েবসাইটের পৃষ্ঠা। তাই অবশ্যই আমাদের ম্যাগাজিন অনুসরণ করা চালিয়ে যান যাতে আপনি পরবর্তী অংশ মিস না করেন।