এসকিউয়েল (SQL) কি? What is SQL?

এসকিউএল অ্যাক্সেস এবং উপাত্ত সাধিত জন্য একটি আদর্শ ভাষা।
 এসকিউএল কি করতে পারে?
• এসকিউএল একটি ডাটাবেস বিরুদ্ধে অনুসন্ধান নির্বাহ করতে পারে।
• এসকিউএল একটি ডাটাবেস থেকে তথ্য উদ্ধার করতে পারে।
• এসকিউএল একটি ডাটাবেসের মধ্যে রেকর্ড সন্নিবেশ করতে পারে।
• এসকিউএল একটি ডাটাবেসের মধ্যে রেকর্ড আপডেট করতে পারে।
• এসকিউএল একটি ডাটাবেস থেকে রেকর্ড মুছে দিতে পারে।
• এসকিউএল নতুন ডাটাবেস তৈরি করতে পারে।
• এসকিউএল একটি ডাটাবেসের মধ্যে নতুন টেবিল তৈরি করতে পারে।
• এসকিউএল একটি ডাটাবেসের মধ্যে সংরক্ষিত পদ্ধতি তৈরি করতে পারে।
• এসকিউএল একটি ডাটাবেসের মধ্যে মতামত তৈরি করতে পারে।
এসকিউএল একটি ANSI (আমেরিকান ন্যাশনাল স্ট্যান্ডার্ড ইনস্টিটিউট ) মান যদিও, এসকিউএল এর বিভিন্ন ভাষা সংস্করণ আছে।
ওয়েব সাইটের মধ্যে এসকিউএল এর ব্যবহার :
একটি ডাটাবেস থেকে তথ্য দেখায় যে একটি ওয়েব সাইট তৈরি করার জন্য,
• আপনাকে করতে হবে একটি RDBMS ডাটাবেস প্রোগ্রাম। (অর্থাৎ মাইক্রোসফট এক্সেস , এসকিউএল সার্ভার , মাইএসকিউএল)
• পিএইচপি বা এএসপি মত একটি সার্ভার সাইড স্ক্রিপ্টিং ভাষা ব্যবহার করার জন্য।
• HTML / CSS এর ব্যবহার করার জন্য।
RDBMS কি?
RDBMS এসকিউএল জন্য ভিত্তি এবং যেমন মাইক্রোসফট SQL সার্ভার, আইবিএম DB2 , ওরাকল , মাইএসকিউএল, মাইক্রোসফট অ্যাক্সেস হিসাবে সব আধুনিক ডাটাবেস সিস্টেমের জন্য।
RDBMS তথ্য সারণী বলা ডাটাবেস অবজেক্ট মধ্যে সংরক্ষিত হয়.

 

HTML এর সম্পাদনা : IDE for HTML

HTML এর সম্পাদনা

নোটপ্যাড বা TextEdit ব্যবহার করে HTML লিখা
নিচে উল্লেখিত একটি পেশাদারী HTML এডিটর ব্যবহার করে HTML সম্পাদনা করা যেতে পারে:
* অ্যাডোবি Dreamweaver
* মাইক্রোসফট এক্সপ্রেশন ওয়েব
* CoffeeCup এইচটিএমএল এডিটর
তবে, এইচটিএমএল শেখার জন্য আমরা নোটপ্যাড (পিসি) বা TextEdit (ম্যাক) মত একটি টেক্সট এডিটর সুপারিশ করব।

একটি সহজ টেক্সট এডিটর ব্যবহার করে এইচটিএমএল শিখার একটি ভালো উপায় বলে আমরা বিশ্বাস করি।

নোটপ্যাড দিয়ে আপনার প্রথম ওয়েব পেজ তৈরি করার জন্য নীচের 4 ধাপ অনুসরণ করুন:

ধাপ 1: নোটপ্যাড ওপেন করুন
উইন্ডোজ 7 বা তার আগের নোটপ্যাড খোলা :
স্টার্ট মেনুতে ক্লিক করুন (পর্দা নিচে বামে) অল প্রগ্রামসে ক্লিক করুন. এ্যাক্সেসরিসে ক্লিক করুন. নোটপ্যাডে ক্লিক করুন.
Windows 8 বা পরে নোটপ্যাড খোলা:
স্টার্ট স্ক্রিন খুলুন (আপনার পর্দায় বামে নীচে উইন্ডো প্রতীক). নোটপ্যাড টাইপ করুন.

ধাপ 2: কিছু এইচটিএমএল লিখুন
নোটপ্যাড মধ্যে কিছু এইচটিএমএল লিখুন বা কপি করুন.
উদাহরণ:
< ! DOCTYPE html>

আমার প্রথম শীর্ষক

আমার প্রথম অনুচ্ছেদ.

নোটপ্যাড ধাপ 3: এইচটিএমএল সংরক্ষণ করুন
আপনার কম্পিউটারে ফাইল সংরক্ষণ করুন.
ফাইল নির্বাচন করুন >নোটপ্যাড মেনু হিসাবে সংরক্ষণ করুন .
আপনি ফাইল এক্সটেনশন হিসাবে .HTM বা .এইচটিএমএল ব্যবহার করতে পারেন. কোন পার্থক্য নাই, এটি আপনার উপরে।
ধাপ 4: আপনার ব্রাউজারে এইচটিএমএল পেজ দেখুন।
আপনার সংরক্ষিত HTML ফাইল ডাবল ক্লিক করুন, এবং এর ফলে নিচের মত দেখতে হবে।
ব্রাউজারে দেখুন

 

জেনে নিন HTML 5 (এইচটিএমএল ৫) এর খুঁটিনাটি : Some details on HTML5

জেনে নিন HTML 5 (এইচটিএমএল ৫) এর খুঁটিনাটি

আজ আমি HTML 5 (এইচটিএমএল ৫)- এর খুঁটিনাটি নিয়ে আলোচনা করব । যারা HTML (এইচটিএমএল)- সম্পর্কে অথবা HTML 5 (এইচটিএমএল ৫)- সম্পর্কে জানেন না বা কিছু জানেন; আশা করি তারা এ সম্পর্কে মোটামোটি ধারণা নিতে পারবেন অর্থাৎ তাদের জন্য টিউনটি কিছুটা হলেও উপকারে আসতে পারে

HTML (এইচটিএমএল) কি ?
নতুনদের মনে প্রশ্ন জাগতে পারে যে, HTML (এইচটিএমএল) আবার কি ? যা অনেকের মুখে শুনা যায় ! তাদের উদ্দেশে আমি বলছি; HTML (এইচটিএমএল) হল এক প্রকার Markup Language (মার্কআপ ল্যাঙ্গুয়েজ), অর্থাৎ এটির মাধ্যমে কোন একটি ওয়েব পেইজের Markup (মার্কআপ) তথা মূল কাঠামো গঠন করা হয় । যার পূর্ণ নাম হচ্ছে Hyper Text Markup Language (হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ) ।

তাছাড়া HTML (এইচটিএমএল) কত গুলো ট্যাগের সমন্বয়ে গঠিত, যা কোন ওয়েব পেইজের Markup (মার্কআপ) তথা কাঠামো গঠন করে, আর এই Markup (মার্কআপ) ট্যাগ এর কাজ হল কোন ওয়েব পেইজের বিভিন্ন ইলিমেন্ট কিভাবে প্রদর্শিত হবে তা নির্দেশ করা । একটি ওয়েব পেইজের ইলিমেন্ট যথাক্রমেঃ টেক্সট, ইমেজ, অডিও, ভিডিও ইত্যাদি ।

HTML (এইচটিএমএল) আমাদের কেন প্রয়োজন ?
একটি ওয়েব পেইজ বা কোন একটি ওয়েব সাইট তৈরি করতে HTML (এইচটিএমএল)- এর গুরুত্ব অপরিসীম । কেননা; যেহেতু HTML (এইচটিএমএল) কোন একটি ওয়েব পেইজের Markup (মার্কআপ) অর্থাৎ মূল কাঠামো গঠন করে, সেহেতু কোন ওয়েব পেইজ ডিজাইন করতে অথবা ওয়েবসাইট তৈরি করতে HTML (এইচটিএমএল) এর বিকল্প কিছু নেই ।

HTML (এইচটিএমএল) এর ইতিহাস
বহুল ব্যবহারিত আজকের এই HTML (এইচটিএমএল) আমাদের নিকট আপনা-আপনি চলে আসে নাই এটির পেছনেও রয়েছে এক বিশাল ইতিহাস, HTML (এইচটিএমএল) এর সৃষ্টি কর্তা হলেন- ইউরোপীয় বিজ্ঞানী স্যার টিম বার্নাস লী ।

তিনি ১৯৮০ সালে CERN এ একজন বিশেষজ্ঞ থাকাকালীন CERN গবেষকদের মাঝে তথ্য শেয়ারের জন্য ENQUIRE Prototyped নামে একটি System এর প্রস্তাব দেন ।

তারপর, ১৯৮৯ সালে স্যার টিম বার্নাস লী ইন্টারনেট ভিত্তিক একটি Hyper Text (হাইপার টেক্সট) সিস্টেম প্রস্তাবে একটি মেমো লিখেন । এবং ১৯৯০ সালে স্যার টিম বার্নাস লী ব্রাউজারের ও সার্ভারের সফটওয়্যারের HTML (এইচটিএমএল) উল্লেখ্য করেন । তারপর এই বছরেই স্যার টিম বার্নাস লী ও CERN এর তথ্য ইঞ্জিনিয়ার Robert Cailliau যৌথ ভাবে CERN কে এ প্রকল্পের জন্য অর্থায়নের অনুরোধ করেন কিন্তু প্রকল্পটি আনুষ্ঠানিক ভাবে CERN দ্বারা গৃহীত হয়নি । তবে HTML (এইচটিএমএল) পরিচিতি লাভ করে একই সালে NCSA কর্তৃক ডেভেলপকৃত মোজাইক ব্রাউজারের মাধ্যমে ।

তাছাড়া স্যার টিম বার্নাস লী অলাভজন জনসেবামূলক প্রতিষ্ঠান ওয়ার্ল্ড ওয়াইড ওয়েব এর তত্ত্বাবধায়ক ওয়ার্ল্ড ওয়াইড ওয়েব কনসোটিয়াম (W3C) এর ডিরেক্টর । ওয়ার্ল্ড ওয়াইড ওয়েব কনসোটিয়াম কর্তৃক ডেভেলপকৃত HTML 3.2 প্রকাশিত হয় ১৯৯৭ সালের জানয়ারিতে ও একই সনের শেষের দিকে প্রকাশ হয় HTML 4.2 এবং HTML (এইচটিএমএল) এর সর্বশেষ সংস্করণ তথা HTML 5 প্রকাশিত হয় ২০১০ সালে ।

HTML 5 (এইচটিএমএল ৫) কি ?
HTML 5 (এইচটিএমএল ৫) হচ্ছে HTML (এইচটিএমএল) এর সর্বশেষ সংস্করণ । যা ২০১০ সালে প্রকাশিত হয় এবং এখন পর্যন্ত পরবর্তী কোন সংস্করণ আসে নি ।

HTML 5 (এইচটিএমএল ৫) এ নতুন কিছু বৈশিষ্ট্যঃ
০১. মিডিয়া প্লেব্যাকের জন্য

০৩. স্থানীয় সংগ্রহস্থলের জন্য সমর্থন ।

০৪. নতুন ফর্ম নিয়ন্ত্রণ, যেমন ক্যালেন্ডার, তারিখ, সময়, ই-মেইল, অনুসন্ধান, ইউআরএল ইত্যাদি ।

০৫. নতুন নির্দিষ্ট বিষয়বস্তুর উপাদান, যেমনঃ

,

,

HTML 5 (এইচটিএমএল ৫) এর কিছু নিয়মঃ
০১. উন্নত ত্রুটি পরিচালনার ব্যবস্থা থাকতে হবে ।

০২. নতুন বৈশিষ্ট গুলো এইচটিএমএল, সিএসএস, DOM এবং জাভাস্ক্রিপ্টের উপর ভিত্তি করে তৈরি করা।

০৩. একাধিক স্ক্রিপ্টিং প্রতিস্থাপন করার সুবিধা যুক্ত করা ।

০৪. আলাদা প্লাগিনের ব্যবহার কমাতে হবে (যেমন: ফ্ল্যাশ) ।

০৫. HTML 5 (এইচটিএমএল ৫) এর স্বাধীন ডিভাইস হতে হবে ।

০৬. উন্নয়ন প্রক্রিয়ায় জনগণের কাছে দৃশ্যমান হবে ।

HTML 5 (এইচটিএমএল ৫) এর জন্য ব্রাউজার সাপোর্টঃ
HTML 5 (এইচটিএমএল ৫) এখনও অফিসিয়ালি প্রকাশিত হয় নি, তাছাড়া কোন ব্রাউজারে HTML 5 (এইচটিএমএল ৫) এর পূর্ণ সমর্থন আসে নাই । তবে প্রতিনিয়ত ব্রাউজারগুলোতে নতুন নতুন উপাদান যুক্ত করা হচ্ছে ।

 

PHP এর ব্যাসিক ধারনা । Basic Concepts on PHP Programming Language

PHP এর ব্যাসিক ধারনা । PHP এর ব্যাসিক ধারনা ।

আজ আপনাকে ওয়েবডিজাইনের অনেক গুরুত্বপুর্ণ ভাষা PHP নিয়ে আলোচনা করবো ।

PHP কি?

PHP কি বলার আগে বলে নেই PHP শিখতে গেলে আপনাকে আগে কি কি জানতে হবে ।

১। HTML
২। CSS
৩। JavaScript

এই তিনটি ভাষা না জানলে কিন্তু আপনি PHP এর কিছুই বুঝবেন না । তাই আগে ভালো করে HTML, CSS, JavaScript শিখুন ।

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

PHP ফাইল কি?
PHP তো শিখলাম । এবার আসুন শিখি PHP ফাইল কি ।
PHP ফাইল হল text, HTML, CSS, JavaScript, and PHP code দ্বারা লিখিত ফাইল । PHP ফাইল কোনো সার্ভারে আপলোড করে রাখা হয় যাতে আমরা ঐ সার্ভারে গেলে তাদের ওয়েবসাইট দেখতে পাই । PHP দ্বারা তৈরী করা সাইটে গেলে তাদের সাইটের লিংকের শেষে অটোমেটিক .php লেখা দেখতে পাই ।

PHP দ্বারা আমরা কি কি করতে পারি?
১। এর দ্বারা আমরা দায়নামিক পেজ বানাতে পারি ।
২। এর দ্বারা কোনো সার্ভারে রাখা ফাইল খোলা, পড়া, লেখা, মুছা ছাড়াও বন্ধ করতে পারি ।
৩। এটা তথ্যও সংগ্রহ করে থাকে ।
৪। এটা কুকিস সংগ্রহ করতে এবং পাঠাতে পারে ।
৫। এটা ব্যবহারকারীদের নিয়ন্ত্রণও করতে পারে ।
৬। এটার প্রধান কাজ হল ডাটা ইনক্রিপ্ট করা ।

কেনো আমরা PHP ব্যবহার করবো?

এত কিছুর পরও কি বলা লাগবে PHP কেনো ব্যবহার করবো? তবুও আরো কিছু কারণ আছে সেগুলো জেনে নেই ।
১। এটা সব প্লাটফর্মেই চলে । (Windows, Linux, Unix, Mac OS X, etc.)
২। এটা এখনকার সব সার্ভারেই কম্পিটাবল । (Apache, IIS, etc.)
৩। এটা অসংখ্য ডাটাবেজ নিয়ন্ত্রণ করতে পারে । (ক্যান, ফেসবুককে দেখে বোঝেন নাহ)
৪। এটা ব্যবহার এবং ডাউনলোড ফ্রী ।
৫। এটা খুব সহজে শেখা যায় এবং সার্ভারে আপলোড করা যায় ।

তাইলে এত কিছুর পরেও বলেন ক্যান PHP শিখব না?
দাঁড়ান, তাদের অফিসিয়াল সাইট এর লিংকই তো দেয়নি । জানতে ভিজিট করুনঃ www.php.net

HTML দ্বারা কিভাবে ডকুমেন্টসকে প্যারাগ্রাফ আকারে লেখা যায় । HTML and Paragraph

HTML দ্বারা কিভাবে ডকুমেন্টসকে প্যারাগ্রাফ আকারে লেখা যায় । লেখকঃ মোস্তাফিজুর ফিরোজ ।

আজ আমি আপনাদের সামনে আলোচনা করবো HTML দ্বারা কিভাবে ডকুমেন্টসকে প্যারাগ্রাফ আকারে লেখা যায় ।

HTML প্যারাগ্রাফঃ
HLML <p> দ্বারা সাধারণত কোনো প্যারাগ্রাফ নির্দেশ করা হয় ।

উদাহরণ হিসেবে আমরা দেখাতে পারিঃ
<p>এটা একটা প্যারাগ্রাফ</p>
<p>এটা আরেকটা প্যারাগ্রাফ</p>

এভাবে লিখে চেষ্টা করুন ।

HTML ডিসপ্লেঃ
আমরা সাধারণত বুঝতে পারিনা HTML কিভাবে দেখাচ্ছে ।
বড় অথবা ছোট স্ক্রীন এবং মানানসই স্ক্রীনে ডিফারেন্ট ফলাফল দেখায় ।
HTML এ আপনি অতিরিক্ত ফাঁকা অথবা অতিরিক্ত লাইন যোগ করে আপনি আউটপুট পরিবর্তন করতে পারবেন না ।
কারণ, ব্রাউজার অতিরিক্ত ফাঁকা অথবা অতিরিক্ত লাইন বাদ দিয়ে আপনাকে ফলাফল দেখিয়ে থাকে । অতিরিক্ত ফাঁকা অথবা অতিরিক্ত লাইন কে ব্রাউজার একটি মাত্র স্পেস হিসেবে দেখায় ।

উদাহরণ হিসেবে আমরা দেখাতে পারি নিম্নরূপেঃ

Example
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>

উপরের দুইটি উদাহরণ লিখে দেখবেন ফলাফল একই দেখাবে । তাই স্পেস অথবা লাইন বেশি দিয়েও লাভ নেই ।
আর হ্যা, এখানে </p> হলো HTML এর শেষ ট্যাগ । এটা দিতে একদম ভুলে গেলে চলবে না কিন্তু ।

HTML লাইন ব্রেক এর ব্যবহারঃ
<br> দিয়ে একটা লাইন ব্রেক বুঝানো হয় ।
উদাহরণ হিসেবে বলতে পারিঃ
<p>This is<br>a para<br>graph with line breaks</p>

এভাবে আপনি HTML লাইন ব্রেক দিতে পারলেন । কিন্তু কবিতা লেখার সময় আপনাকে কিন্তু এভাবে লিখলে হবে না । তখন আপনাকে <pre> ট্যাগ ব্যবহার করতে হবে ।
উদাহরণ হিসেবে দেখাতে পারিঃ

<p>This will display as a poem:</p>

<pre>

My Bonnie lies over the ocean.

My Bonnie lies over the sea.

My Bonnie lies over the ocean.

Oh, bring back my Bonnie to me.

</pre>

একটা কবিতা লিখে এভাবে HTML এর ভাষায় লিখেই দেখেন না ।

এভাবে আপনি HTML লিখে প্রাকটিস করতে থাকুন। আর আপনি এটা নোটপ্যাড প্লাস দিয়ে লিখে .html ফরমেটে সেভ করে আপনার ব্রাউজার দিয়ে ওপেন করে দেখতে পারেন কেমন হল । আর না বুঝলে আমি তো আছিই ।

 

CSS এর ব্যাসিক ধারনা । Introduction to CSS

লেখকঃ মোস্তাফিজুর ফিরোজ ।

তাই ওয়েবডিজাইনের জন্য CSS কিন্তু অনেক গুরুত্বপুর্ণ । আজ আপনাদের সাথে ওয়েবডিজাইনের অনেক গুরুত্বপুর্ণ ভাষা CSS নিয়ে আলোচনা করবো ।

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

CSS এর পূর্ণরুপ Cascading Style Sheets । তার মানে CSS এ আপনাকে স্টাইল শিটের মাধ্যমে ওয়েবডিজাইন করতে হবে । এটা নির্দেশ করে HTML elements কিভাবে বিন্যাস করা হবে । স্টাইল শিট নতুন করে HTML 4.0 যোগ করে ডিজাইনের বিভিন্ন ত্রুটিগুলো দূর করে । এক্সটার্নাল স্টাইল শিট গুলো CSS files এর ভিতর জমা থাকে । এই এক্সটার্নাল স্টাইল শিট অনেক কাজ একসাথে করে থাকে । তাই এই এক্সটার্নাল স্টাইল শিটের গুরুত্ব অপরিসীম ।

CSS ডেমো কেমন?
CSS কি জিনিস তাতো বুঝলাম, এবার আসুন দেখি CSS এর ডেমোটা কেমন হয়ঃ

/* Stylesheet 1: */

body {

font: 100% Lucida Sans; margin: 20px; line-height: 26px;

}

.container {

min-width: 900px;

}

.wrapper { position: relative; overflow: auto; }

#top, #sidebar, #bottom, .menuitem { border-radius: 4px; margin: 4px; }

#top { background-color: #84c754; color: #ffffff; padding: 15px; }

#menubar { width: 200px; float: left } #main { padding: 10px; margin: 0 210px; }

#sidebar { background-color: #32a4e7; color: #ffffff; padding: 10px; width: 180px; bottom: 0; top: 0; right: 0; position: absolute; }

#bottom { border: 1px solid #d4d4d4; background-color: #f1f1f1; text-align: center; padding: 10px; font-size: 70%; line-height: 14px; }

#top h1, #top p, #menulist { margin: 0; padding: 0; } .menuitem { background-color: #f1f1f1; border: 1px solid #d4d4d4; list-style-type: none; padding: 2px; cursor: pointer; } .menuitem:hover { background-color: #ffffff; } a { color: #000000; text-decoration: underline; } a:hover { text-decoration: none; }

এরকম স্টাইলশিট দেখলেই তাহলে আমরা বুঝতে পারবো যে এটা CSS এ কোডিং করা হয়েছে ।

CSS ফাইল কিভাবে থাকে?
CSS ফাইল এক্সটার্নাল .css এক্সটেনশন আকারে থাকে । এর ভিতর স্টাইলগুলো লেখা থাকে । যা ওয়েবসাইটের সকল পেজের appearance এবং layout এর ডিজাইন উল্লেখ করা থাকে । তাই এই একটি ফাইল এডিট করেই আপনি ওয়েব ডিজাইন করতে সমর্থ হবেন ।

CSS এর গুরুত্ব?
CSS কি এবং এটা কেমন তা জানলাম । এবার আমরা জানবো কিভাবে CSS দ্বারা বড় বড় সমস্যা দূর করা হয় এবং এর গুরুত্ব সম্পর্কে জানবো ।
আমরা তো আগের পর্বে দেখিয়েছিলাম HTML দ্বারা কিভাবে একটা ডকুমেন্টের ফরমেট করা হয় । তারপরও উদাহরণটা আমি আরেকবার দেখাচ্ছি ।

এটা একটা হেডিং ট্যাগ

এটা একটা প্যারাগ্রাফ ।

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

CSS এর আরেকটা গুরুত্ব হলো এটা HTML elements কিভাবে দেখাবে তা নির্দেশ করে থাকে । তাই HTML এর বিন্যাস খুব সহজেই করা যায় ।

তাহলে আশাকরি CSS সম্পর্কে আপনাদের বেসিক একটা ধারনা হলো । আর না বুঝতে পারলে কমেন্ট করতে কিন্তু ভুলবেন না । পরের পর্বে আমরা CSS এর আরো বিস্তারিত নিয়ে হাজির হবো । তাই আমাদের সাথেই থাকুন ।

HTML 5 এর উপর প্রাথমিক আলোচনা । Overview on HTML 5

HTML 5 এর উপর প্রাথমিক আলোচনা । Overview on HTML 5

নবজাতকের যত্ন

নবজাতকের যত্ন

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

 

MySQL Workbench, Git, and Misc

MySQL Workbench, Git, and Misc

CSS এ দক্ষ হতে হলে কি কি শিখতে হবে? CSS what to Learn? Mostly links to resources. If you can master the topics in all these resources, you will be a great one..

CSS এ দক্ষ হতে হলে কি কি শিখতে হবে? CSS what to Learn? Mostly links to resources. If you can master the topics in all অof these resources, you will be a great one..