Courstika

ইংরেজি সংস্করণ

পশ্চিমবঙ্গ সংস্করণ

সাবস্ক্রাইব করুন

কোর্সটিকায় লিখুন

দাতব্য সহযোগিতা

  • একাডেমিক
    • ষষ্ঠ শ্রেণি
    • সপ্তম শ্রেণি
    • অষ্টম শ্রেণি
    • নবম ও দশম শ্রেণি
    • একাদশ ও দ্বাদশ শ্রেণি
    • ডিগ্রি
    • অনার্স
    • মাস্টার্স
    • ইঞ্জিনিয়ারিং
    • মেডিকেল
    • ভর্তি ও পরীক্ষা
    • উচ্চ শিক্ষা
  • স্কলারশিপ
  • ক্যারিয়ার
  • ফ্রিল্যান্সিং
  • স্বাস্থ্যপাতা
  • অনলাইন ইনকাম
  • ইংরেজী শিখুন
  • চাকরী-বাকরী
  • স্কিল ডেভেলপমেন্ট
  • নাগরিক সেবা
  • ডাউনলোড
  • অন্যান্য
    • গুগল এ্যাডসেন্স
    • সাধারণ জ্ঞান
    • ব‌্যাংকিং
    • নাগরিক সেবা
    • টিপস এন্ড ট্রিক্স
    • গেস্ট ব্লগিং
    • জমিজমা
    • ধর্মকথা
    • প্রবাস জীবন
    • ইচ্ছেঘুড়ি
    • প্রোডাক্ট রিভিউ
    • বায়োগ্রাফি
কোন ফলাফল নেই
View All Result
  • একাডেমিক
    • ষষ্ঠ শ্রেণি
    • সপ্তম শ্রেণি
    • অষ্টম শ্রেণি
    • নবম ও দশম শ্রেণি
    • একাদশ ও দ্বাদশ শ্রেণি
    • ডিগ্রি
    • অনার্স
    • মাস্টার্স
    • ইঞ্জিনিয়ারিং
    • মেডিকেল
    • ভর্তি ও পরীক্ষা
    • উচ্চ শিক্ষা
  • স্কলারশিপ
  • ক্যারিয়ার
  • ফ্রিল্যান্সিং
  • স্বাস্থ্যপাতা
  • অনলাইন ইনকাম
  • ইংরেজী শিখুন
  • চাকরী-বাকরী
  • স্কিল ডেভেলপমেন্ট
  • নাগরিক সেবা
  • ডাউনলোড
  • অন্যান্য
    • গুগল এ্যাডসেন্স
    • সাধারণ জ্ঞান
    • ব‌্যাংকিং
    • নাগরিক সেবা
    • টিপস এন্ড ট্রিক্স
    • গেস্ট ব্লগিং
    • জমিজমা
    • ধর্মকথা
    • প্রবাস জীবন
    • ইচ্ছেঘুড়ি
    • প্রোডাক্ট রিভিউ
    • বায়োগ্রাফি
কোন ফলাফল নেই
View All Result
Courstika
কোন ফলাফল নেই
View All Result
  • SSC সাজেশন ২০২৩
  • HSC 2023 সাজেশন
  • ষষ্ঠ শ্রেণি
  • সপ্তম শ্রেণি
  • অষ্টম শ্রেণি
  • নবম ও দশম শ্রেণি
  • একাদশ ও দ্বাদশ শ্রেণি
  • ভর্তি ও পরীক্ষা
  • ডিগ্রি
  • অনার্স
  • মাস্টার্স
  • ইঞ্জিনিয়ারিং
  • মেডিকেল
  • উচ্চ শিক্ষা
  • স্কলারশিপ

PSD to HTML Bangla PDF and Tips

আমরা অনেক সময়ই দেখি, পিএসডি থেকে এইচটিএমএল এ ডিজাইনটি কনভার্ট করতে তুলনামূলক দ্বিগুণ সময় বেশি লাগে। এর কারণ হচ্ছে ত্রুটিযুক্ত পিএসডি ডিজাইন। যারা এ পেশায় নতুন, তারা প্রায়ই এমন কিছু পিএসডি ডিজাইন করে, যা এইচটিএমএল এ রূপ দিতে অনেকটা বেগ পেতে হয়।

কোর্সটিকা প্রকাশক কোর্সটিকা
in ওয়েব ডিজাইন, গ্রাফিক্স ডিজাইন, টিপস এন্ড ট্রিকস
A A
0
ফেসবুকে শেয়ার করুনপিন্টারেস্টে পিন করুনলিংডইনে শেয়ার করুন

একজন ওয়েবসাইট ডিজাইনার হিসেবে যখন আপনার ডিজাইন করা পিএসডি ফাইলটি এইচটিএমএল এ কনভার্ট করতে পাঠাবেন, তখন আপনার জন্য একটি চিন্তার বিষয় হচ্ছে আপনার পিএসডি ফাইলটি আসলেই দ্রুত এবং যথাযথ এইচটিএমএল এ কনভার্ট করার উপযুক্ত কি না।

আমরা অনেক সময়ই দেখি, পিএসডি থেকে এইচটিএমএল এ ডিজাইনটি কনভার্ট করতে তুলনামূলক দ্বিগুণ সময় বেশি লাগে। এর কারণ হচ্ছে ত্রুটিযুক্ত পিএসডি ডিজাইন। যারা এ পেশায় নতুন, তারা প্রায়ই এমন কিছু পিএসডি ডিজাইন করে, যা এইচটিএমএল এ রূপ দিতে অনেকটা বেগ পেতে হয়। ফলে নষ্ট হয় অনেক মূল্যবান সময়।

তাই আজ আমরা সময় সাশ্রয়ের পিএসডি থেকে এইচটিএমএল রূপান্তরের জন্য বেশ কিছু টিপস সংগ্রহ করছি। যা অনুসরণ করলে আপনি খুব সু-শৃঙ্খল পিএসডি ডিজাইন করতে সক্ষম হবেন।


►► ডাউনলোড : HTML 5 Bangla PDF Book
►► ডাউনলোড : JavaScript বাংলা ই-বুক
►► ডাউনলোড : CSS বাংলা পিডিএফ ই-বুক
►► ডাউনলোড : PHP বাংলা পিডিএফ ই-বুক
►► ডাউনলোড : এসইও বাংলা ই-বুক
►► ডাউনলোড : Bootstrap চিটশিট PDF eBook
►► ডাউনলোড : ওয়ার্ডপ্রেস বাংলা পিডিএফ ই-বুক
►► ডাউনলোড : ফটোশপ বাংলা পিডিএফ ই-বুক


লেয়ারগুলোকে ইনট্যাক্ট রাখুন

অনেক ডিজাইনার পিএসডি ফাইলের আকার ছোট রাখতে লেয়ারগুলোকে মার্জ (Merging Layer) করে রাখেন। এটা হয়তো প্রিন্ট ডিজাইনের জন্য ঠিক আছে। কিন্তু যখন একজন ডেভেলপার আপনার করা পিএসডি ফাইলটিকে এইচটিএমএল এ কনভার্ট করতে যাবেন, তখন তার প্রতিটি গ্রাফিক্স উপকরণ যেমন: টেক্সট, ইমেজ বা ফন্ট ইত্যাদির প্রয়োজন পরবে।

তাই লেয়ারগুলোকে মার্জ না করে ইনট্যাক্ট রাখুন অর্থাৎ প্রতিটি লেয়ারকে আলাদা আলাদা রাখুন। এর ফলে ডেভেলপার আপনার ডিজাইনের প্রতিটি এলিমেন্ট সূক্ষ্মভাবে বিশ্লেষণ করতে পারবে।

লেয়ারগুলোকে শৃঙ্খলতার সাথে সাজিয়ে রাখুন

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

খেয়াল রাখুন ডেভেলপার যখন ডিজাইনটি করবে, তখন তার যেন বিশেষ কোন অংশ খুঁজে পেতে সময় না লাগে। লেয়ারগুলোকে শৃঙ্খলতার সাথে সাজিয়ে রাখলে তা অনেক কম সময়ের মধ্যে এইটিএমএল এ কনভার্ট করা যায়।

অবজেক্টের সাইজকে যথাযথ রাখুন

পিএসডি ডিজাইন করার সময়ে আপনার ওয়েবসাইটে অনেক ধরনের অবজেক্ট ব্যবহারের প্রয়োজন হবে। যেমন: বাটন, বক্স, শেপ ইত্যাদি। একের অধিক সমজাতীয় অবজেক্ট তৈরি করলে খেয়াল রখুন উভয়ের সাইজ একই মাপের হয়েছে কিনা।

কখনো কখনো দেখা যায়, একটির থেকে আরেকটির Margin বা Padding কম বেশি হয়েছে। এরকমটি হলে চলবে না। প্রফেশনাল একটি ডিজাইন উপহার দেয়ার জন্য এটি একটি অতীব গুরুত্বপূর্ণ বিষয়।

এলিমেন্ট সাজানোর জন্য Grid ব্যবহার করুন

ফটোশপের Grid লাইন দেয়া থাকে মূলত প্রতিটি এলিমেন্ট পরস্পর সমান সারিতে অবস্থান করছে কি না এটা দেখার জন্য। কিছু কিছু ক্ষেত্রে অবজেক্টের সাইজ পরিমাপ করার জন্য ব্যবহার করা হয়ে থাকে।

আপনার ডিজাইন করা প্রতিটি এলিমেন্ট বা অবজেক্টকে যথাযথভাবে সাজাতে Grid লাইনের সঠিক ‌ব্যবহার করুন। এটি ব্যবহারের ফলে আপনি দেখতে পারবেন, কোন অবজক্ট নির্ধারিত এরিয়ার বাইরে চলে গেল কিনা।

হোভার ইফেক্ট তৈরি করুন

যখন কোন পিএসডি ডিজাইন প্রফেশনালি করতে যাবেন, এটা চিন্তার করুন যে এইচটিএমএল -এ ডিজাইনটির ফাংশনালিটি কেমন হবে। ফটোশপেই প্রয়োজনীয় অবজেক্টগুলোন হোভার ইফেক্ট দিতে চেষ্টা করুন। এর ফলে ডেভেলপার বুঝতে পারবে একটি অবজেক্ট Enable এবং Disable উভয় অবস্থাতেই কেমন দেখাবে।

Blending Modes ব্যবহার করবেন না

ফটোশপে করা Blending Modes গুলো কখনো কখনো CSS এ বাস্তবরূপ দিতে অনেকটা বেগ পেতে হয়। কখনো কখনো সম্ভবই হয়ে ওঠে না। কারণ, CSS এর বেশি কিছু সীমাবদ্ধতা রয়েছে। তাই কোনো অবজেক্টকে Blending Modes দেবেন না যেটা আপনি চান এইটিএমএল এও হোক। অবজেক্টকে নরমাল রাখার সর্বোচ্চ চেষ্টা করুন।

কনটেন্ট এর Flexibility নিয়ে ভাবুন

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

আর সবশেষে, পুরো ডিজাইনটিকে বেশ কয়েকবার রিভিশন দিন। খুঁজে বের করুন কোথাও কোন ত্রুটি আছে কি না। থাকলে সেগুলো সমাধান করুন। এই বিষয়গুলো মাথায় রেখে আপনার পিএসডি ডিজাইনকে আরো সমৃদ্ধ করুন। আপনার জন্য শুভ কামনা।


►► ডাউনলোড : HTML 5 Bangla PDF Book
►► ডাউনলোড : JavaScript বাংলা ই-বুক
►► ডাউনলোড : CSS বাংলা পিডিএফ ই-বুক
►► ডাউনলোড : PHP বাংলা পিডিএফ ই-বুক
►► ডাউনলোড : এসইও বাংলা ই-বুক
►► ডাউনলোড : Bootstrap চিটশিট PDF eBook
►► ডাউনলোড : ওয়ার্ডপ্রেস বাংলা পিডিএফ ই-বুক
►► ডাউনলোড : ফটোশপ বাংলা পিডিএফ ই-বুক


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

আরো দেখুন

প্রত্যয়ন পত্র লেখার নিয়ম
গেস্ট ব্লগিং

প্রত্যয়ন পত্র লেখার নিয়ম (নমুনাসহ) Word Doc File

ভোটার আইডি কার্ড চেক করার নিয়ম
গেস্ট ব্লগিং

ভোটার আইডি কার্ড চেক করার নিয়ম 2023 (নতুন সিস্টেম)

ইউটিউব ভিডিও ডাউনলোড
টিপস এন্ড ট্রিকস

ইউটিউব ভিডিও ডাউনলোড পদ্ধতি | কোন সফটওয়্যার লাগবে না

ওয়েব ডিজাইন শেখার বই pdf
ওয়েব ডিজাইন

(একসাথে ৮ টি বই) ওয়েব ডিজাইন শেখার বই Download PDF

wordpress bangla newspaper theme
ওয়েব ডিজাইন

(Only 1800 Tk) WordPress Bangla Newspaper Theme | Unlimited License

ওয়েব ডিজাইন শিখে ডলার আয়
ওয়েব ডিজাইন

(Download Now) ওয়েব ডিজাইন শিখে ডলার আয় Free Download PDF

bangladesh top domain hosting company
ওয়েব ডিজাইন

Bangladesh Top Domain Hosting Company | From 900 Tk. Only

গ্রাফিক্স ডিজাইন PDF Book
গ্রাফিক্স ডিজাইন

গ্রাফিক্স ডিজাইন PDF Book Free Download | Graphic Design Bangla Book PDF Free Download

পেওনিয়ার একাউন্ট কিভাবে খুলবেন
গেস্ট ব্লগিং

পেওনিয়ার (Payoneer) একাউন্ট কিভাবে খুলবেন?

Discussion about this post

Paragraph

বাংলা অর্থসহ প্যারাগ্রাফ

Composition or Essay

বাংলা অর্থসহ রচনা

Email or Letter Writing

বাংলা অর্থসহ ইমেইল অথবা চিঠি

Dialogue Writing

বাংলা অর্থসহ ডায়লগ

Completing Story

বাংলা অর্থসহ স্টোরি রাইটিং

Application

বাংলা অর্থসহ আবেদন পত্র

Flow Chart (HSC)

https://courstika.com/flow-chart/

Graph and Chart Writing

গ্রাফ এবং চার্টসমূহ

অনুেচ্ছদ রচনা

পিডিএফ ফাইল সংগ্রহ করে নাও

আবেদন পত্র

পিডিএফ ফাইল সংগ্রহ করে নাও

ভাষণ লিখন

পিডিএফ ফাইল সংগ্রহ করে নাও

প্রবন্ধ রচনাসমূহ

পিডিএফ ফাইল সংগ্রহ করে নাও

প্রতিবেদন রচনা

পিডিএফ ফাইল সংগ্রহ করে নাও

কুইক লিংক

ষষ্ঠ শ্রেণির সাজেশন
সপ্তম শ্রেণির সাজেশন
অষ্টম শ্রেণির সাজেশন
এসএসসি – ২০২৩ পরীক্ষা প্রস্তুতি
এইচএসসি – ২০২৩ পরীক্ষা প্রস্তুতি

WB মাধ্যমিক – ২০২৩ পরীক্ষা প্রস্তুতি

ডিগ্রি সকল বর্ষের সাজেশন
অনার্স সকল বর্ষের সাজেশন
মাস্টার্স ফাইনাল সাজেশন
  • Charity Help
  • Guest Blogging
  • About Us
  • Contact Us
  • Privacy Policy
  • Terms and Conditions

© 2022 Courstika - All Rights Reserved.

কোন ফলাফল নেই
View All Result
  • একাডেমিক
    • ষষ্ঠ শ্রেণি
    • সপ্তম শ্রেণি
    • অষ্টম শ্রেণি
    • নবম ও দশম শ্রেণি
    • একাদশ ও দ্বাদশ শ্রেণি
    • ডিগ্রি
    • অনার্স
    • মাস্টার্স
    • ইঞ্জিনিয়ারিং
    • মেডিকেল
    • ভর্তি ও পরীক্ষা
    • উচ্চ শিক্ষা
  • স্কলারশিপ
  • ক্যারিয়ার
  • ফ্রিল্যান্সিং
  • স্বাস্থ্যপাতা
  • অনলাইন ইনকাম
  • ইংরেজী শিখুন
  • চাকরী-বাকরী
  • স্কিল ডেভেলপমেন্ট
  • নাগরিক সেবা
  • ডাউনলোড
  • অন্যান্য
    • গুগল এ্যাডসেন্স
    • সাধারণ জ্ঞান
    • ব‌্যাংকিং
    • নাগরিক সেবা
    • টিপস এন্ড ট্রিক্স
    • গেস্ট ব্লগিং
    • জমিজমা
    • ধর্মকথা
    • প্রবাস জীবন
    • ইচ্ছেঘুড়ি
    • প্রোডাক্ট রিভিউ
    • বায়োগ্রাফি

© 2022 Courstika - All Rights Reserved.