কোনও ওয়েবসাইটের জন্য কীভাবে টেমপ্লেট আঁকবেন

সুচিপত্র:

কোনও ওয়েবসাইটের জন্য কীভাবে টেমপ্লেট আঁকবেন
কোনও ওয়েবসাইটের জন্য কীভাবে টেমপ্লেট আঁকবেন

ভিডিও: কোনও ওয়েবসাইটের জন্য কীভাবে টেমপ্লেট আঁকবেন

ভিডিও: কোনও ওয়েবসাইটের জন্য কীভাবে টেমপ্লেট আঁকবেন
ভিডিও: ফিগমা + ফ্রি ফিগমা টেমপ্লেটে সুন্দর ল্যান্ডিং পৃষ্ঠা ডিজাইন 2024, এপ্রিল
Anonim

ওয়েবে প্রচুর ওয়েবসাইট টেম্পলেট রয়েছে তবে তাদের একটি অপূর্ণতা রয়েছে - এগুলি অনন্য নয়। যদি সাইটের মালিক তার সাইটের ডিজাইনটি অন্য কোথাও পুনরাবৃত্তি না করতে চান, তবে তিনি একজন পেশাদার ডিজাইনারের কাছ থেকে একটি টেম্পলেট অর্ডার করতে পারেন বা এটি নিজে তৈরি করার চেষ্টা করতে পারেন।

কোনও ওয়েবসাইটের জন্য কীভাবে টেমপ্লেট আঁকবেন
কোনও ওয়েবসাইটের জন্য কীভাবে টেমপ্লেট আঁকবেন

এটা জরুরি

অ্যাডোব ফটোশপ প্রোগ্রাম।

নির্দেশনা

ধাপ 1

আপনার নিজের টেম্পলেট তৈরি করা ততটা কঠিন কাজ নয় যতটা প্রথম নজরে মনে হয়। কাজ করার জন্য আপনার অ্যাডোব ফটোশপ প্রয়োজন - অবশ্যই এটির সাথে কাজ করার জন্য আপনার কমপক্ষে একটি প্রাথমিক ধারণা থাকা দরকার। তবে আপনি প্রোগ্রামটি চালু এবং তৈরি শুরু করার আগে আপনাকে ভবিষ্যতের নকশাটি আগে থেকেই চিন্তা করা উচিত। এটি করার সর্বাধিক সুবিধাজনক উপায় হ'ল প্রথমে কমপক্ষে শতাধিক প্রস্তুত তৈরি টেম্পলেটগুলির সাথে পরিচিত হওয়া, তাদের সুবিধা এবং অসুবিধাগুলির মূল্যায়ন। নির্দিষ্ট নকশার উপাদানগুলির সফল সমাধানগুলিতে মনোযোগ দিন। এর অর্থ এই নয় যে আপনি সেগুলি অনুলিপি করবেন, তবে ভিত্তি হিসাবে কিছু সুন্দর এবং সুবিধাজনক সমাধান গ্রহণ করা বেশ যুক্তিসঙ্গত।

ধাপ ২

অন্যান্য ব্যক্তির টেম্পলেট এবং আপনার নিজস্ব সৃজনশীলতার বিশ্লেষণের ভিত্তিতে, আপনার সাইটটি কেমন হবে সে সম্পর্কে আপনার ধারণা নেওয়া উচিত। সাধারণ এ 4 শিটগুলিতে রঙিন পেন্সিল দিয়ে ভবিষ্যতের নকশার রুক্ষ স্কেচগুলি করা ভাল। আপনি ঠিক কী আঁকতে চলেছেন সে সম্পর্কে আপনার পরিষ্কার ধারণা পাওয়ার পরে আপনার ফটোশপের সাথে কাজ শুরু করা উচিত।

ধাপ 3

ফটোশপ শুরু করুন, একটি নতুন 1200x1600 প্রকল্প তৈরি করুন, স্বচ্ছ পটভূমি সেট করুন। রুলার সরঞ্জামটি চালু করুন, যদি এটি ইতিমধ্যে চালু না থাকে তবে এটি করতে Ctrl + R কী সংমিশ্রণটি টিপুন স্নেপিং সক্ষম করুন: দেখুন - স্নেপিং।

পদক্ষেপ 4

এখন আমাদের সেই টেমপ্লেটগুলিকে গাইডের সাথে ভাগ করতে হবে যা এর উপাদানগুলির দিকগুলি - পাশ, কলাম ইত্যাদি দেখায় will উদাহরণস্বরূপ, আপনি টেমপ্লেটটি বিভক্ত করতে চান যাতে বামদিকে একটি সংকীর্ণ কলাম থাকে, টেমপ্লেটের ডানদিকে ডানদিকে প্রশস্ত কলাম থাকে এবং একটি শিরোলেখের শীর্ষে স্থান থাকে। এর অর্থ হল যে আপনাকে তিনটি উল্লম্ব রেখা (টেমপ্লেটের বাম সীমানা, ডান এবং তাদের মধ্যে লাইন) এবং একটি অনুভূমিক একটি দরকার যা শিরোনামের নীচের সীমানাটি দেখায়। একটি উল্লম্ব লাইন স্থাপন করতে, বাম দিকের বাম শাসকের কাছে কার্সারটি সরান, V টিপুন এবং, কী ধরে রাখার সময়, রেখাটি পছন্দসই জায়গায় টেনে আনুন। অন্যান্য দুটি উল্লম্ব রেখার সাথে একই করুন। অনুভূমিকগুলি একইভাবে নির্মিত হয়, কেবল উপরের শাসক ব্যবহৃত হয়।

পদক্ষেপ 5

আপনার টেমপ্লেটের জন্য একটি পটভূমি সন্ধান করুন, এটি একটি ছোট, পুনরাবৃত্তি বিন্যাস হওয়া উচিত। ফটোশপে এটি খুলুন, নির্বাচন করুন, অনুলিপি করুন। তারপরে আপনার পটভূমিতে যতবার পূরণ করা প্রয়োজন ততবার টেম্পলেটটিতে পেস্ট করুন। আটকানো এইভাবে করা হয়: "সম্পাদনা করুন" - "আটকান", এবং তারপরে পটভূমি অঞ্চলটি পছন্দসই জায়গায় টেনে আনুন। Ctrl + V কমান্ড ব্যবহার করে একটি চিত্র সন্নিবেশ করা আরও দ্রুততর। একইভাবে সাইট শিরোনামের জন্য একটি পটভূমি যুক্ত করুন। আপনি একটি পটভূমি তৈরি করতে বিভিন্ন গ্রেডিয়েন্ট ফিলগুলি ব্যবহার করতে পারেন।

পদক্ষেপ 6

পেন্সিল সরঞ্জামটি ব্যবহার করে, টেমপ্লেটের সীমানা আঁকুন, ইতিমধ্যে টানা রেখাগুলির উপর দৃষ্টি নিবদ্ধ করে (এটি তাদের শীর্ষে)। আপনি সহজ টেম্পলেটটির ভিত্তি পেয়েছেন, এখন আপনাকে এটি প্রয়োজনীয় বিবরণ - ন্যাভিগেশন বোতাম, মেনু লাইন, বিভিন্ন সাজসজ্জার উপাদান ইত্যাদি সরবরাহ করতে হবে lement কীভাবে বোতাম এবং অন্যান্য উপাদান তৈরি করবেন সে সম্পর্কে আরও তথ্যের জন্য, অ্যাডোব ফটোশপের সাথে কাজ করার জন্য সম্পর্কিত নিবন্ধগুলি পড়ুন।

পদক্ষেপ 7

টেমপ্লেটটি তৈরি করা হয়েছে, এখন এইচটিএমএল পৃষ্ঠায় sertোকানোর জন্য আপনাকে এটিকে টুকরো টুকরো করতে হবে। কাটতে স্লাইস সরঞ্জামটি ব্যবহার করুন। এটির জন্য ফ্রেম সরঞ্জামটিতে ডান ক্লিক করুন এবং খোলা মেনু থেকে কাটআউটটি চয়ন করুন। এখন আপনি টেমপ্লেটটিকে পছন্দ মতো বাসাতে পারেন, তারপরে সংরক্ষণ করুন: "ফাইল" - "ওয়েবের জন্য সংরক্ষণ করুন"। উইন্ডোটি খোলে, ফাইলের ধরণটি নির্বাচন করুন: এইচটিএমএল এবং চিত্রসমূহ, ফাইলের নাম: index.htm উল্লেখ করুন এবং এটি সংরক্ষণ করুন। আপনার একটি সূচি। Htm ফাইল এবং কাটা চিত্র সহ একটি চিত্র ফোল্ডার পাবেন।

প্রস্তাবিত: