আজকে আমাদের ওয়েব টেম্পলেট টিউটরিয়ালের ফাইনাল পর্ব। আপনারা যারা যারা আমার টিউটরিয়াল দেখে কিছু বানাইছেন অথবা বানাবেন তারা অবশ্যই আমাকে গ্রুপ এ অথবা পেজ এ পোস্ট করে দেখাবেন যে কি বানিয়েছেন।

আপনারা যারা যারা জানেন না যে গ্রুপ এর লিঙ্ক কি তাদের জন্য – https://www.facebook.com/groups/bdgeeksGrp/

আর পেজ এর লিঙ্ক – https://www.facebook.com/bdgeeks

আপনারা এইখানে আমাদের সব ধরনের সাহায্য পাবেন এবং যে যে এখনো join করেন নাই তারা ফটাফট join করে ফেলুন :D

যাই হোক আসুন শুরু করি আমাদের ফাইনাল পার্ট টিউটরিয়াল।

 

স্টেপ ৪৬ -

অনেকে ওয়েবসাইট এ দেখা যায় যে ফেসবুক এবং টুইটার অ্যাড করেন নিচে যাতে আপনারা ফেসবুকে লাইক অথবা শেয়ার করতে পারেন অথবা কমেন্ট করতে পারেন। তেমনি ভাবে আজকে আমরা টুইটার অ্যাড করবো। এগুলোকে সাধারনত ফিড বলা হয় যেমন: টুইটার ফিড বা ফেসবুক ফিড যা টুইটার বা ফেসবুকের রিসেন্ট কিছু পোস্ট শো করে।  আপনার টুইটার এর পাখি আপনার ডকুমেন্ট এ ড্রপ করুন। পাখি আপনারা গুগল এ সার্চ করলে অনেক পাবেন।

 

 

 

টুইটার বসানো শেষ যেহেতু আমরা আমাদের feed অ্যাড করতে পারি এখন।

 

 

স্টেপ ৪৭ -

তারপর আমরা more tweets নামে একটি বাটন তৈরি করবো। Rectangle tool ব্যাবহার করে একটি বক্স আঁকুন যেকোনো কালারের।

 

 

তারপর আপনার বক্স এ লেয়ার স্টাইল দিন নিচের ছবি ফলো করে।

 

 

 

স্টেপ ৪৮ -

এখন আপনারা আপনাদের বাটন এ টেক্সট অ্যাড করে নিন।

 

 

স্টেপ ৪৯ -

আমাদের টেমপ্লেট এর লাস্ট পার্ট footer অ্যাড করা।

১০৫ পিক্সেল height এর একটি সিলেকশন তৈরি করুন তারপর নতুন লেয়ার অপেন করে গ্রে কালার দিয়ে ফিল করে দিন।

 

 

স্টেপ ৫০ -

টিউটরিয়াল শেষ করার আগে আমরা আমাদের footer এ একটু লেয়ার স্টাইল দিয়ে নেই। নিচের ছবি দেখে দেখে লেয়ার স্টাইল দিন।

 

 

এখন দেখুন আপনার footer নিচের ছবির মতো দেখাচ্ছে কিনা !!

 

 

আপনার header এ যে যে মেনু গুলা ছিল তা আপনার footer এ paste করে দিন। এবং এবং এবং এরই মধ্যে দিয়ে শেষ হয়ে গেলো আমাদের amazing, awesome and beautiful টেমপ্লেট তৈরি করা। :D :D :D :D :D :D :D :D :D :D :D – একটি পূর্ণাঙ্গ ওয়েব পেইজের সব গুলো অংশই আমাদের ডিজাইনে আছে! তবে এখানেই শেষ না! আপনারা যারা নিয়মিত নেটে সার্ফ করেন তারা জানেন বর্তমান ওয়েব টেকনোলোজীতে কতো চমৎকার ও চোখ ধাধানো ওয়েব ডিজাইন করা হয় যার তুলনায় আমাদের এই ডিজাইন একেবারে primitive এবং এমেচার বলা চলে! তাই এখানেই থামলে চলবে না…. আরো অনেক উন্নত, আধুনিক ও চমৎকার সব ডিজাইনিং টিউটোরিয়াল পাইতে বিডিগিকসের সাথেই থাকুন!

সবাই দেখে দেখে অনেক অনেক প্রাকটিস করুন এবং কেমন বানিয়েছেন আমাকে দেখাতে ভুলবেন না কিন্তু। আজকের টিউটরিয়াল এই পর্যন্তই। ধন্যবাদ সবাইকে সাথে থাকার জন্য :)

 

 

 অন্যান্য পর্বসমূহ:

প্রথম পর্ব : ফটোশপ টিউটরিয়াল ৪৬ – ওয়েব টেমপ্লেট ১ [ শুরু করুন ওয়েব ডিজাইনিং ]

দ্বিতীয় পর্ব : ফটোশপ টিউটরিয়াল ৪৭ – ওয়েব টেমপ্লেট ২ [ওয়েব পেজের হেডার তৈরী করা]

তৃতীয় পর্ব : ফটোশপ টিউটরিয়াল ৪৮ – ওয়েব টেমপ্লেট ৩ [ওয়েব পেজের হেডার (২) + লোগো ]

চতুর্থ পর্ব : ফটোশপ টিউটরিয়াল ৪৯ – ওয়েব টেমপ্লেট ৪ [ নেভিগেসন ও স্লাইডার তৈরী]

পঞ্চম পর্ব : ফটোশপ টিউটরিয়াল ৫০ – ওয়েব টেমপ্লেট ৫ -[ স্লাইডার ২]

ষষ্ঠ পর্ব : ফটোশপ টিউটরিয়াল ৫১ – ওয়েব টেমপ্লেট ৬ [কন্টেন্ট ডিজাইন] 

সপ্তম পর্ব : ফটোশপ টিউটরিয়াল ৫২ – ওয়েব টেমপ্লেট ৭ [ফুটার ডিজাইন এবং সমাপ্তি]

 

ট্যাগসমূহ:

লেখক: ইরা আহমেদ

উনারে অনেক ভালোবাসি আর ভালোবাসি শিখাইতে...।। মানুষকে হাসাইতেও অনেক ভালো লাগে :) ফটোশপিং করা ব্লগ এ টিউটরিয়াল লেখা এবং উনার সাথে অনেক অনেক গল্প করা আমার শখ, অভ্যাস অথবা আমার দৈনন্দিন জীবন বলতে পারেন। ( University khular age porjonto :P )



কথোপকথন শুরু হয়ে গেছে! আপনিও যোগ দিন- ইতোমধ্যে 10 টি মন্তব্য করা হয়েছে :

  1. M sulaiman saiad alion September 22, 2012, at 7:57 am Reply

    ইরা vabi file saving system to bolenai. :(
    psd theke html, css, php, js, ba onno shob format a ki vabe save korbo?

    • ইরা আহমেদon September 22, 2012, at 9:41 am Reply

      ভাইয়া আমার জানামতে psd থেকে html, css , php থেকে এমনে সেভ করা যায় না আপনারে coding করতে হবে । আর coding করেন ফয়সাল আহমেদ। উনারে যদি আপনি এই বেপারে কিছু জিজ্ঞাসা করেন আমি সিউর উনি হেল্প করতে পারবেন। গ্রুপ এ একটা পোস্ট দিলেই চলবে :)

      গ্রুপ – https://www.facebook.com/groups/bdgeeksGrp/
      পেজ – https://www.facebook.com/bdgeeks

  2. Ismail Hossainon October 4, 2012, at 12:39 am Reply

    I have seen your full web template tutorial. In a word NICE.

  3. শামছুল আলমon December 16, 2012, at 11:02 pm Reply

    ইরা আপু আপনাকে অশেষ ধন্যবাদ 7 পর্বের চমৎকার একটি টিউটরিয়াল আমাদেরকে উপহার দেওয়ার জন্য (আপনাগর ইস্কুলে আমি আজকে পরথম কেলাস করেছি, খুভ ভালো লাগছে) । I pray for you and bdgeeks from bottom of my hurt. করুণাময় আপনাদেরকে উভয় জাহানের মঙ্গল দান করুক। সুখ-সম্বৃদ্ধিতে ভরে উঠুক আপনাদের জীবন।

    • ইরা আহমেদon February 23, 2013, at 1:19 pm Reply

      অনেক ধন্যবাদ ভাইয়া :) অনেক সুন্দর একটা কমেন্ট করার জন্য :) আল্লাহ আপনারও মঙ্গল করুন !

  4. parvezon February 10, 2013, at 1:02 pm Reply

    ai template tir PSD -to- HTML conversion niye tutorial toiri korle valo hoto :)

    • ইরা আহমেদon February 23, 2013, at 1:20 pm Reply

      টিউটরিয়াল আছে তো ভাই আপনি বিডিগিকস এর ভিডিও টিউটরিয়াল গুলা চেক করেন :)

  5. রহমানon May 13, 2013, at 7:45 am Reply

    ইরাপা আপনাকে অনেক ধন্যবাদ জানাই এতকষ্ট করে আমাদের জন্য টিউটোরিয়াল মেক করার জন্য। ফটোশপ ওয়েব ডিজাইন ভিডিও টিউটোরিয়াল চাই। কারন এই টিউটোরিয়াল এর কোথাও কোথাও কঠিন লাগছে আমার কাছে যা বুঝতে সমস্যা হয়েছে।কারন আমি ফটোশপে খুব একটা দক্ষ নই।যেমন পেটার্ন নিয়া ঝামেলায় পড়ে গেলাম।কিভাবে পেটার্ন বানাতে হয় এটা আপনার টিউটোরিয়ালে বোধহয় ক্লিয়ার ছিল না।তাই আমি ইউটিউব থেকে পেটার্ন করা শিখে তারপর আপনার টিউটোরিয়ালে আবার প্রেকটিস করার ট্রাই করছি।জানিনা শেষ পর্যন্ত যেতে পারব কিনা!তাই আমি ফটোশপে ডিটেইল ওয়েব ডিজাইন ওভিডিও টেউটোরিয়াল চাই।আমি আপনাদের ফেসবুকের ফেনপেজে জয়েন করেছি।

  6. Faysal Shahion March 19, 2014, at 6:40 am Reply

    টেক্সট টিউটোরিয়াল সাথে ভিডিও থাকলে আরও ভালো লাগতো।

Leave a Reply to রহমান Cancel reply

Your email address will not be published. Required fields are marked *