Newsletter

Advertisement

Write on Courstika

Try in English

Thursday, May 22, 2025
  • Login
Courstika
Donate Us Button Donate Us
  • একাডেমিক
    • তৃতীয় শ্রেণি
    • চতুর্থ শ্রেণি
    • পঞ্চম শ্রেণি
    • ষষ্ঠ শ্রেণি
    • সপ্তম শ্রেণি
    • অষ্টম শ্রেণি
    • নবম-দশম শ্রেণি
    • একাদশ ও দ্বাদশ শ্রেণি
    • ডিগ্রি
    • অনার্স
    • মাস্টার্স
    • ইঞ্জিনিয়ারিং
    • মেডিকেল
    • ভর্তি ও পরীক্ষা
    • উচ্চ শিক্ষা
  • এইচএসসি সাজেশন ২০২৫Exclusive
  • এসএসসি-২০২৬ সাজেশন
  • জাতীয় বিশ্ববিদ্যালয়Admission
  • জুলাই বিপ্লব ২০২৪Update
  • ক্যারিয়ার
  • স্বাস্থ্যপাতা
  • বিবিধ
    • ডাউনলোড
    • স্কিল ডেভেলপমেন্ট
    • চাকরী-বাকরী
    • স্কলারশিপ
    • ইংরেজী শিখুন
    • ফ্রিল্যান্সিং
    • সাধারণ জ্ঞান
    • গুগল এ্যাডসেন্স
    • ব‌্যাংকিং
    • নাগরিক সেবা
    • টিপস এন্ড ট্রিক্স
    • গেস্ট ব্লগিং
    • জমিজমা
    • ধর্মকথা
    • প্রবাস জীবন
    • ইচ্ছেঘুড়ি
    • প্রোডাক্ট রিভিউ
    • বায়োগ্রাফি
কোন ফলাফল নেই
View All Result
  • একাডেমিক
    • তৃতীয় শ্রেণি
    • চতুর্থ শ্রেণি
    • পঞ্চম শ্রেণি
    • ষষ্ঠ শ্রেণি
    • সপ্তম শ্রেণি
    • অষ্টম শ্রেণি
    • নবম-দশম শ্রেণি
    • একাদশ ও দ্বাদশ শ্রেণি
    • ডিগ্রি
    • অনার্স
    • মাস্টার্স
    • ইঞ্জিনিয়ারিং
    • মেডিকেল
    • ভর্তি ও পরীক্ষা
    • উচ্চ শিক্ষা
  • এইচএসসি সাজেশন ২০২৫Exclusive
  • এসএসসি-২০২৬ সাজেশন
  • জাতীয় বিশ্ববিদ্যালয়Admission
  • জুলাই বিপ্লব ২০২৪Update
  • ক্যারিয়ার
  • স্বাস্থ্যপাতা
  • বিবিধ
    • ডাউনলোড
    • স্কিল ডেভেলপমেন্ট
    • চাকরী-বাকরী
    • স্কলারশিপ
    • ইংরেজী শিখুন
    • ফ্রিল্যান্সিং
    • সাধারণ জ্ঞান
    • গুগল এ্যাডসেন্স
    • ব‌্যাংকিং
    • নাগরিক সেবা
    • টিপস এন্ড ট্রিক্স
    • গেস্ট ব্লগিং
    • জমিজমা
    • ধর্মকথা
    • প্রবাস জীবন
    • ইচ্ছেঘুড়ি
    • প্রোডাক্ট রিভিউ
    • বায়োগ্রাফি
কোন ফলাফল নেই
View All Result
Courstika
কোন ফলাফল নেই
View All Result
  • এসএসসি-২০২৫ সাজেশন
  • HSC 2025 সাজেশন
  • জুলাই বিপ্লব ২০২৪
  • ১০০% কমন HSC-2025 Model Test
  • জাতীয় বিশ্ববিদ্যালয় ভর্তি পরীক্ষার প্রস্তুতি ২০২৫
  • তৃতীয় শ্রেণি
  • চতুর্থ শ্রেণি
  • পঞ্চম শ্রেণি
  • ষষ্ঠ শ্রেণি
  • সপ্তম শ্রেণি
  • অষ্টম শ্রেণি
  • নবম শ্রেণি
  • দশম শ্রেণি
  • একাদশ ও দ্বাদশ শ্রেণি
  • ভর্তি ও পরীক্ষা
  • ডিগ্রি
  • অনার্স
  • মাস্টার্স
  • ইঞ্জিনিয়ারিং
  • মেডিকেল
  • উচ্চ শিক্ষা
  • স্কলারশিপ

লক্ষ্য যদি হয় ওয়েব ডিজাইন, জানতে হবে যেগুলো

শেখার ক্ষেত্রে সংক্ষিপ্ত পথ পরিহার করুন। সবজান্তা ভাব পরিহার করুন। শেখার নামে আত্নপ্রবঞ্চক হবেন না। (দিনরাত ফেসবুকে সময় পার করছেন আর মা-বাবা ভাই অথবা বন্ধু বান্ধব অথবা আপনার মেণ্টরকে বুঝাচ্ছেন আপনি ওয়েব ডিজাইন শিখছেন)।

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

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

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


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

আর তুলনামূলক যেগুলো Bootstrap কলাম এ ফেলে সহজে সাজানো যায় সেগুলো Bootstrap দিয়ে করবেন। দেখা যায় অনেকেই অনেক ক্ষুদ্র ক্ষুদ্র কাজেও Bootstrap কলাম ব্যবহার করে থাকেন। যার ফলে গুলিয়ে ফেলেন কোথায় কত কলাম ব্যবহার করবো। কোথায় অফসেট ব্যবহার করবো। কোথায় করবো না ইত্যাদি ইত্যাদি।

উল্লেখ্য, Bootstrap এর Column, Row, Container, Navbar, Tab, Button, Carousel প্রভৃতি সম্পর্কে ধারণা রাখার চেষ্টা করতে হবে। মুখস্ত করা লাগবে না। অন্তত কপি-পেষ্ট করেও যেন কাষ্টমাইজ করে নিজের কাজের উপযোগী করে তুলতে পারেন এতটুকু সক্ষমতা থাকতে হবে।

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

৪। একটি div শুরু করলে তার শেষ নিশ্চিত করবেন। শুধু div -ই না যেকোন ট্যাগ শুরু করলে তার শেষ নিশ্চিত করতে হবে।

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

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

৭। CSS এর কোডিংগুলো ধারাবাহিকভাবে সাজানোর ক্ষেত্রে যত্নশীল হতে হবে। শুরুতে body এবং শেষে footer পর্যন্ত এর মধ্যে যত style আছে, সেগুলো লেখার ক্ষেত্রে ধারাবাহিকতা অবলম্বন করতে হবে। কোনভাবেই যেন একটি সেকশনের style এর মধ্যে অন্য সেকশনের style না ঢোকে, সেদিকে বিশেষ লক্ষ্য রাখতে হবে। মনে রাখতে হবে style গুলো ধারাবাহিকতার সাথে গুছিয়ে লিখলে পরবর্তীতে সেগুলো খুঁজে পেতে নিজেরই সুবিধা। উল্লেখ্য, CSS এর ক্ষেত্রেও কোডগুলোকে কমেন্ট করতে হবে।

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

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

৯। একজন সফল ওয়েব ডিজাইনার হতে হলে তিনটি বিষয়কে গুরুত্ব দিন:
ক) প্রাকটিস করুন খ) প্রাকটিস করুন গ) প্রাকটিস করুন

১০। অবশেষে যে কথাটি না বললেই নয়, ওয়েব ডিজাইনকে যদি পেশা হিসেবে নিতে চান। তাহলে নিজের উপর বিশ্বাস স্থাপন করুন। পরিশ্রম করুন। সময়কে সময় দিন। মহান সৃষ্টিকর্তার উপর সন্তুষ্ট থাকুন।

শেখার ক্ষেত্রে সংক্ষিপ্ত পথ পরিহার করুন। সবজান্তা ভাব পরিহার করুন। শেখার নামে আত্নপ্রবঞ্চক হবেন না। (দিনরাত ফেসবুকে সময় পার করছেন আর মা-বাবা ভাই অথবা বন্ধু বান্ধব অথবা আপনার মেণ্টরকে বুঝাচ্ছেন আপনি ওয়েব ডিজাইন শিখছেন)।

আত্মপ্রবঞ্চনা আপনাকেই ঠকিয়ে দেবে। আর সবচেয়ে যে বিষয়টি জরুরী তা হলো, শিখতে হলে প্রশ্ন করতে শিখুন। প্রশ্ন করতে পারলেই শিখতে পারবেন। মনে রাখবেন, যে প্রশ্ন করতে জানে, শেখার অধিকার তারই আছে।

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


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

Lecture Sheet Ad Lecture Sheet Ad Lecture Sheet Ad

আরো দেখুন

ওয়েব ডিজাইন শেখার বই 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

HTML 5 Bangla PDF Book Download
ওয়েব ডিজাইন

HTML 5 Bangla PDF Book Download (Update 2023)

HTML 5 Bangla PDF Book Download
ওয়েব ডিজাইন

HTML Bangla PDF Book Free Download

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

(All in One) ওয়েব ডিজাইনের সকল বাংলা বই ডাউনলোড করুন

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

ওয়েব ডিজাইন ফন্ট ব্যবহারের আলটিমেট গাইডলাইন

css bangla pdf download
ওয়েব ডিজাইন

(Latest) Download CSS Bangla PDF eBook for Free

Next Post
ডাউনলোড করুন Zen Coding এর সাথে Notepad++

ডাউনলোড করুন Zen Coding এর সাথে Notepad++

অনলাইন কেনাকাটায় সতর্ক হবেন

অনলাইন কেনাকাটায় সতর্ক হবেন ১৩ টি বিষয়ে

All HTML Tags List in Bangla

All HTML Tags List in Bangla

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

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

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

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

আবেদন পত্র

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

ভাষণ লিখন

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

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

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

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

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

তৃতীয় শ্রেণি

সকল সাবজেক্টের অধ্যায়ভিত্তিক সমাধান ও পরীক্ষা প্রস্তুতি

চতুর্থ শ্রেণি

সকল সাবজেক্টের অধ্যায়ভিত্তিক সমাধান ও পরীক্ষা প্রস্তুতি

পঞ্চম শ্রেণি

অধ্যায়ভিত্তিক সমাধান ও বৃত্তি পরীক্ষা প্রস্তুতি

ষষ্ঠ শ্রেণি

অধ্যায়ভিত্তিক সৃজনশীল, জ্ঞানমূলক, অনুধাবনমূলক ও বহুনির্বাচনি

সপ্তম শ্রেণি

অধ্যায়ভিত্তিক সৃজনশীল, জ্ঞানমূলক, অনুধাবনমূলক ও বহুনির্বাচনি

অষ্টম শ্রেণি

অধ্যায়ভিত্তিক সমাধান ও জেএসসি পরীক্ষা প্রস্তুতি

নবম-দশম শ্রেণি

অধ্যায়ভিত্তিক সমাধান, মডেল টেস্ট ও এসএসসি পরীক্ষা প্রস্তুতি

একাদশ-দ্বাদশ শ্রেণি

অধ্যায়ভিত্তিক সমাধান, মডেল টেস্ট ও এসএসসি পরীক্ষা প্রস্তুতি

  • About Us
  • Contact Us
  • Privacy Policy
  • Terms and Conditions
  • Archived
Please, donate us

Copyright © 2025 Courstika. All Rights Reserved.

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

Copyright © 2025 Courstika. All Rights Reserved.

Welcome to Courstika!

Login to account

Forgotten Password

Reset your password

Enter detail to reset password

Log In