• শিক্ষাপাতা
  • একাডেমিক রাইটিং স্কিল
    • Application
    • CV With Cover Letter
    • Dialogue
    • Email Writing
    • Essay
    • Paragraph
    • Report Writing
    • Sentence Connector
    • Story Writing
  • ভর্তি ও পরীক্ষা
    • মাধ্যমিক
    • উচ্চ মাধ্যমিক
    • অনার্স
    • মেডিকেল
  • SSC
    • SSC – Biology
    • SSC – English 1st Paper
    • SSC – English 2nd Paper
  • HSC
    • HSC – Bangla 1st Paper
    • HSC – English 1st Paper
      • HSC English 1st Paper Model Test
      • Flow Chart
      • Graph and Chart
    • HSC – ICT
  • এইচএসসি এক্সক্লুসিভ মডেল টেস্ট
  • এইচএসসি ২০২১ আপডেট সিলেবাস
শুক্রবার, জানুয়ারি ১৫, ২০২১
Courstika
No Result
View All Result
বেকার না থেকে কাজ করুন
  • হোম
  • ক্যারিয়ারের চাবি
    • ওয়েব ডিজাইন
    • ওয়েব ডেভেলপমেন্ট
    • কনটেন্ট রাইটিং
    • গ্রাফিক্স ডিজাইন
    • এসইও
    • কোটি টাকার মার্কেটিং
    • ফ্রিল্যান্সিং
    • সোশ্যাল মিডিয়া মার্কেটিং
  • ওয়েব ডিজাইন
  • গ্রাফিক্স ডিজাইন
  • ফ্রিল্যান্সিং
  • কোটি টাকার মার্কেটিং
  • চাকরী-বাকরী
  • টিপস
  • ডাউনলোডনিউ কালেকশন
  • হোম
  • ক্যারিয়ারের চাবি
    • ওয়েব ডিজাইন
    • ওয়েব ডেভেলপমেন্ট
    • কনটেন্ট রাইটিং
    • গ্রাফিক্স ডিজাইন
    • এসইও
    • কোটি টাকার মার্কেটিং
    • ফ্রিল্যান্সিং
    • সোশ্যাল মিডিয়া মার্কেটিং
  • ওয়েব ডিজাইন
  • গ্রাফিক্স ডিজাইন
  • ফ্রিল্যান্সিং
  • কোটি টাকার মার্কেটিং
  • চাকরী-বাকরী
  • টিপস
  • ডাউনলোডনিউ কালেকশন
No Result
View All Result
Courstika
No Result
View All Result
Home ওয়েব ডিজাইন

PSD to HTML Bangla PDF and Tips

Sir Zubeen by Sir Zubeen
জুন ৯, ২০২০
in ওয়েব ডিজাইন, গ্রাফিক্স ডিজাইন, টিপস এন্ড ট্রিকস
73 6
0
psd to html bangla
40
SHARES
141
VIEWS
Share on FacebookShare on Twitter

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

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

READ ALSO

গ্রাফিক্স ডিজাইনের আসল ফান্ডা PDF Download

HTML Bangla PDF Book Free Download

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

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

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

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

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

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

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

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

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


►► আরো দেখুন: CSS এ গুরু হওয়ার ৭ টি পাওয়ারফুল টিপস


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

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

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

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

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

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

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

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

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

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

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


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

Tags: bangla PSD to HTMLconvert psd to htmlcourstikafree psd to html templatepsd to htmlPSD to HTML BanglaPSD to HTML Bangla PDF and Tipspsd to html bangla tutorialpsd to html bangla tutorial pdfpsd to html converterpsd to html imagespsd to html templatepsd to html template free downloadpsd to html tutorialএইচটিএমএল এট্রিবিউটএইচটিএমএল এলিমেন্টএইচটিএমএল টিউটোরিয়ালএইচটিএমএল প্যারাগ্রাফওয়েবসাইট পিএসডি ডিজাইনকোর্সটিকাপিএসডি কিপিএসডি টু এইচটিএমএলবুটস্ট্রাপ টিউটোরিয়াল

Related Posts

গ্রাফিক্স ডিজাইনের আসল ফান্ডা PDF Download
গ্রাফিক্স ডিজাইন

গ্রাফিক্স ডিজাইনের আসল ফান্ডা PDF Download

ডিসেম্বর ৩০, ২০২০
715
ওয়েব ডিজাইন

HTML Bangla PDF Book Free Download

ডিসেম্বর ২৬, ২০২০
525
ফাইভারে কাজ পাওয়ার উপায়
টিপস এন্ড ট্রিকস

ফ্রিল্যান্সিং করতে চান? বায়ারকে ইমপ্রেস করবেন কিভাবে?

ডিসেম্বর ১৪, ২০২০
163
Google My Business কি
টিপস এন্ড ট্রিকস

Google My Business : চলুন গুগলে দেখাই নিজের তথ্য

ডিসেম্বর ১৩, ২০২০
99
ওয়েবসাইট বিক্রি
ওয়েব ডেভেলপমেন্ট

ওয়েবসাইট বিক্রী করবেন ? কিভাবে করবেন জেনে নিন

নভেম্বর ২, ২০২০
234
ব্লগ ভাইরাল করুন
এসইও

ব্লগ ভাইরাল করুন টাইটেল দিয়ে, জেনে নিন ৭ টি গোপন টিপস

অক্টোবর ১৭, ২০২০
20.1k
Next Post
bangla web design

ওয়েব ডিজাইনারদের প্রয়োজনীয় ৭ টি ওয়েবসাইট

Discussion about this post

ফ্রি ডাউনলোড করুন

Download ঘরে বসে Spoken English PDF Book

(Update) ঘরে বসে Spoken English PDF Book Free Download

জানুয়ারি ১৩, ২০২১
128
প্রোগ্রামিং এর শুরু PDF Download

প্রোগ্রামিং এর শুরু By মিজানুর রহমান Download PDF

জানুয়ারি ১২, ২০২১
139
PHP MySQL Bangla PDF Book Download

Download PHP MySQL Bangla PDF Book (Update 2021)

জানুয়ারি ১১, ২০২১
155
Download Mahbubur Rahman ICT Book

Download Mahbubur Rahman ICT Book PDF (2021)

জানুয়ারি ৯, ২০২১
565
MP3 বাংলাদেশ বিষয়াবলী PDF Download

(2021 Version) MP3 বাংলাদেশ বিষয়াবলী PDF Download

জানুয়ারি ৭, ২০২১
153
saifurs all books pdf

(Update 2021) Download All Saifur’s Book PDF Free

জানুয়ারি ৬, ২০২১
278
Download Saifur's Zero to Hero PDF

(2021) Download Saifur’s Zero to Hero PDF

জানুয়ারি ৪, ২০২১
508
Download ফ্রিল্যান্সিং ইন্টারনেট থেকে আয়

Download ফ্রিল্যান্সিং : ইন্টারনেট থেকে আয় (Update Version)

জানুয়ারি ৩, ২০২১
432
মোবাইল ফটোগ্রাফি বই PDF Download

মোবাইল ফটোগ্রাফি বই PDF Download (UPDATE 2021)

জানুয়ারি ২, ২০২১
297
গ্রাফিক্স ডিজাইনের আসল ফান্ডা PDF Download

গ্রাফিক্স ডিজাইনের আসল ফান্ডা PDF Download

ডিসেম্বর ৩০, ২০২০
715
Jhankar Mahbub Books PDF Free Download

2021 Jhankar Mahbub Books PDF Free Download

ডিসেম্বর ৩০, ২০২০
277

HTML Bangla PDF Book Free Download

ডিসেম্বর ২৬, ২০২০
525
প্রাথমিক শিক্ষক নিয়োগ পরীক্ষার বই পিডিএফ ডাউনলোড

প্রাথমিক শিক্ষক নিয়োগ পরীক্ষার বই পিডিএফ ডাউনলোড

ডিসেম্বর ২৬, ২০২০
148
প্রোগ্রামিং শেখার বই PDF Download

প্রোগ্রামিং শেখার বই PDF Download (Update 2021)

ডিসেম্বর ২৫, ২০২০
730
BBC জানালা ইংরেজি শেখার বই

BBC জানালা ইংরেজি শেখার বই PDF Download

ডিসেম্বর ২৫, ২০২০
715

সবচেয়ে জনপ্রিয় লেখাগুলো

Bangla Web Design PDF Book Free

ডাউনলোড করুন ওয়েব ডিজাইনের সকল বাংলা বই

অক্টোবর ১৫, ২০২০
4.2k
html bangla pdf

All HTML Tags List in Bangla

মে ৩১, ২০২০
3.4k
css bangla pdf

Dowload CSS Bangla PDF eBook for Free (Latest)

জুন ২১, ২০২০
2.4k
Freelancing Bangla PDF Book Download

ডাউনলোড করুন সকল ফ্রিল্যান্সিং বাংলা পিডিএফ বই একসাথে

ডিসেম্বর ১০, ২০২০
2.2k
javascript

Download JavaScript Bangla PDF Book Free (Latest)

জুন ৭, ২০২০
1.9k
photoshop bangla pdf

Download Bangla Photoshop PDF Book Free (Latest)

জুন ১১, ২০২০
1.9k

এ সপ্তাহের কাট-পিস

কি শিক্ষা দিয়ে গেল ২০২০?

১। আমেরিকা পৃথিবীর দাদা নয়।
২। গুলি না ছুঁড়েও চীন পৃথিবীকে প্যাঁচে ফেলার ক্ষমতা রাখে।
৩। ইউরোপ-আমেরিকার মানুষদের যতটা সক্ষম মনে হয়, ততটা না।
৪। মানুষ ঘরে থাকলে পৃথিবী নিজেই তার ক্ষয়ক্ষতি মেরামত করে নিতে পারে।
৫। পশুপাখি খাঁচার ভিতরে থাকলে তাদের কষ্ট কেমন হয়।
৬। আমরা বেড়ানো, পার্টি, নাইট ক্লাব, সিনেমা কিংবা থিয়েটার এসব ছাড়াও বাঁচতে পারি।
৬। ধর্মগুরু আর জ্যোতিষীরা মানুষকে বাঁচাতে পারেন না।
৭। প্রয়োজন না থাকলে পেট্রোলের দাম পানির থেকেও কম।
৮। মানুষ বাড়ি থেকেও কাজ করতে পারে।
৯। স্বাস্থ্যবিধি মেনে বাঁচাটা খুব কঠিন নয়।
১০। ডাক্তার ও স্বাস্থ্যকর্মীদের মূল্য নেতাদের থেকে বেশি।
১১। পুরুষরাও রান্না করতে বা বাসন মাজতে জানেন।
১২। অভিনেতারা কেবলমাত্র আনন্দ দেন, তারা রিয়েল লাইফের হিরো নন।

চাকরী-বাকরি

পদ্মা সেতু নিয়ে প্রশ্ন

Downkoad পদ্মা সেতু নিয়ে প্রশ্ন PDF File (2021)

ডিসেম্বর ৩১, ২০২০
66
প্রাথমিক শিক্ষক নিয়োগ পরীক্ষার বই পিডিএফ ডাউনলোড

প্রাথমিক শিক্ষক নিয়োগ পরীক্ষার বই পিডিএফ ডাউনলোড

ডিসেম্বর ২৬, ২০২০
148
বিসিএস প্রস্তুতি বই

বিসিএস প্রস্তুতি : যে বইগুলো পড়তেই হবে (ডাউনলোড লিংকসহ)

ডিসেম্বর ৬, ২০২০
304
এসআই নিয়োগ প্রস্তুতি

এসআই নিয়োগ প্রস্তুতি : সাব-ইন্সপেক্টর হতে চাইলে যা করবেন

ডিসেম্বর ২, ২০২০
160

টিপস এন্ড ট্রিকস

ফাইভারে কাজ পাওয়ার উপায়
টিপস এন্ড ট্রিকস

ফ্রিল্যান্সিং করতে চান? বায়ারকে ইমপ্রেস করবেন কিভাবে?

by Sir Zubeen
ডিসেম্বর ১৪, ২০২০
0
163

ফ্রিল্যান্সিং এ আপনি যে মার্কেটপ্লেসেই কাজ করেন না কেন, বায়ারকে ইমপ্রেস করা বা বশে আনা সত্যিই খুব কঠিন একটি কাজ।...

Read more
Google My Business কি

Google My Business : চলুন গুগলে দেখাই নিজের তথ্য

ডিসেম্বর ১৩, ২০২০
99
ওয়েবসাইট বিক্রি

ওয়েবসাইট বিক্রী করবেন ? কিভাবে করবেন জেনে নিন

নভেম্বর ২, ২০২০
234
ব্লগ ভাইরাল করুন

ব্লগ ভাইরাল করুন টাইটেল দিয়ে, জেনে নিন ৭ টি গোপন টিপস

অক্টোবর ১৭, ২০২০
20.1k
ইকমার্স ওয়েবসাইটের জন্য ১০ টি কুইক টিপস

ইকমার্স ওয়েবসাইটের জন্য ১০ টি কুইক টিপস

অক্টোবর ১১, ২০২০
1.3k
facebook domain block

ফেসবুকে কেন ওয়েবসাইটের লিংক ব্লক হয়?

অক্টোবর ১১, ২০২০
138

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

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

Download ঘরে বসে Spoken English PDF Book

(Update) ঘরে বসে Spoken English PDF Book Free Download

জানুয়ারি ১৩, ২০২১
128
প্রোগ্রামিং এর শুরু PDF Download

প্রোগ্রামিং এর শুরু By মিজানুর রহমান Download PDF

জানুয়ারি ১২, ২০২১
139
PHP MySQL Bangla PDF Book Download

Download PHP MySQL Bangla PDF Book (Update 2021)

জানুয়ারি ১১, ২০২১
155
Download ঘরে বসে Spoken English PDF Book

(Update) ঘরে বসে Spoken English PDF Book Free Download

জানুয়ারি ১৩, ২০২১
128
আইসিটি ৩য় অধ্যায়

(PDF Download) HSC ICT 3rd Chapter Question 2021

জানুয়ারি ১৩, ২০২১
89
HSC Bangla 1st Paper Syllabus 2021 NCTB

(PDF) 2021 SSC English 2nd Paper Suggestion (100% Common)

জানুয়ারি ১২, ২০২১
15
  • About Us
  • Privacy Policy
  • Terms and Conditions
  • Advertisement
  • Guest Blogging
  • Contact Us

Courstika - All Rights Reserved Developed By Sarjan Faraby

No Result
View All Result
  • হোম
  • ক্যারিয়ারের চাবি
    • ওয়েব ডিজাইন
    • ওয়েব ডেভেলপমেন্ট
    • কনটেন্ট রাইটিং
    • গ্রাফিক্স ডিজাইন
    • এসইও
    • কোটি টাকার মার্কেটিং
    • ফ্রিল্যান্সিং
    • সোশ্যাল মিডিয়া মার্কেটিং
  • ওয়েব ডিজাইন
  • গ্রাফিক্স ডিজাইন
  • ফ্রিল্যান্সিং
  • কোটি টাকার মার্কেটিং
  • চাকরী-বাকরী
  • টিপস
  • ডাউনলোড

Courstika - All Rights Reserved Developed By Sarjan Faraby

Welcome Back!

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In