Tag Archives: ব্লক

ডেটা কমিউনিকেশন ও কম্পিউটার নেটওয়ার্ক

ডেটা কমিউনিকেশন ও কম্পিউটার নেটওয়ার্ক : ডিজিটাল ট্রান্সমিশন : (DCN – Digital Transmission)

Leave a comment

Huge Sell on Popular Electronics

Subscribe to Our Youtube Channel --|--Our Online Shop:ShopForSoul--|Get Trained in AI, Big-Data, Data Science--

রিদওয়ান বিন শামীম

 

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

 

ডিজিটাল থেকে ডিজিটালে রূপান্তর

লাইন কোডিং ও ব্লক কোডিং, এই দুই ভাবে ডিজিটাল থেকে ডিজিটালে রূপান্তর করা যায়। সব ধরণের যোগাযোগের জন্য লাইন কোডিং জরুরী যেখানে ব্লক কোডিং ঐচ্ছিক।

 

লাইন কোডিং

ডিজিটাল ডাটাকে ডিজিটাল সিগন্যালে পরিণত করার প্রক্রিয়াকে লাইন কোডিং বলে। ডিজিটাল ডাটাকে বাইনারি ফরম্যাটে পাওয়া যায়, একে ১ থেকে ১০ পর্যন্ত সিরিজের অন্তর্নিহিতভাবে সংরক্ষণ করা যায়।

লাইন কোডিং

লাইন কোডিং

 

ইউনিপোলার এনকোডিং

ইউনিপোলার এনকোডিং স্কিম ডাটা রিপ্রেজেন্ট করার জন্য সিঙ্গেল ভোল্টেজ লেভেল ব্যবহার করে, এক্ষেত্রে বাইনারি ১ প্রকাশ করতে উঁচু ভোল্টেজ ও বাইনারি ০ প্রকাশ করতে কোনও ভোল্টেজ ট্রান্সমিটেড হয় না। এদের ইউনিপোলার নন-রিটার্ন-টু-জিরোও বলা হয়।

ইউনিপোলার এনকোডিং

 

পোলার এনকোডিং

পোলার এনকোডিং স্কিম বাইনারি মান প্রকাশের জন্য মাল্টিপল ভোল্টেজ লেভেল ব্যবহার করে। পোলার এনকোডিং কে চার রূপে পাওয়া যায়,

  • পোলার ননরিটার্ন টু জিরো

পোলার ননরিটার্ন টু জিরো

  • রিটার্ন টু জিরো,

রিটার্ন টু জিরো

  • ম্যানচেস্টার,
  • ডিফারেন্সিয়াল ম্যানচেস্টার

 

বাইপোলার এনকোডিং

বাইপোলার এনকোডিং তিন ধরণের ভোল্টেজ লেভেল ব্যবহার করে, পজেটিভ, নেগেটিভ ও জিরো।

বাইপোলার এনকোডিং

 

ব্লক কোডিং

ব্লক কোডিং তিন ধরণের হয়,

  • ডিভিশন,
  • সাবস্টিটিউশন,
  • কম্বিনেশন

 

ব্লক কোডিং সম্পন্ন হওয়ার পর একে লাইন কোডেড করা হয়।

 

এনালগ থেকে ডিজিটাল রূপান্তর

এনালগ তরঙ্গকে ডিজিটাল ডাটায় পরিণত করতে পালস কোড মডুলেশন ব্যবহার করা হয়। এটি তিন ধাপে হয়,

  • সেম্পলিং

সেম্পলিং

  • কোয়ান্টাইজেশন

কোয়ান্টাইজেশন

  • এনকোডিং

এনকোডিং

 

ট্রান্সমিশন মোড

দুটি কম্পিউটারে কীভাবে ডাটা ট্রান্সমিটেড হবে তা নির্ণয় করে ট্রান্সমিশন মোড,এর দুটি প্রকরণ ঘটে,

  • প্যারালাল ট্রান্সমিশন

প্যারালাল ট্রান্সমিশন

  • সিরিয়াল ট্রান্সমিশন।

সিরিয়াল ট্রান্সমিশন

 

সিরিয়াল ট্রান্সমিশন দুই রকমের হয়,

  • এসিনক্রোনাস সিরিয়াল ট্রান্সমিশন
  • সিনক্রোনাস সিরিয়াল ট্রান্সমিশন
এইচটিএমএল HTML

এইচটিএমএল ৫ ব্রাউজার সাপোর্ট (HTML5 Browser Support)

Huge Sell on Popular Electronics

Subscribe to Our Youtube Channel --|--Our Online Shop:ShopForSoul--|Get Trained in AI, Big-Data, Data Science--

শরিফুল ইসলাম
Job category-Php Coder

এইচটিএমএল ৫ ব্রাউজার সাপোর্ট

এইচটিএমএল ৫ সকল আধুনিক ব্রাউজার সাপোর্ট করে। সকল নতুন এবং পুরাতন ব্রাউজার অটোমেটিক ভাবে অচেনা elements গুলোকে ইনলাইন element হিসেবে চিহ্নিত করে। এই কারনে আপনি অচেনা element গুলোকে চিহ্নিত নিয়ন্ত্রণ করার জন্য পুরাতন ব্রাউজার গুলো শিখতে পারেন। আপনি অনেক আগের ভার্সন IE6(windows XP 2001) শিখতে পারেন যা এইচটিএমএল এর অজানা element গুলোকে নিয়ন্ত্রণ করতে পারে।

 

এইচটিএমএল ৫ element গুলোকে ব্লক element হিসেবে ডিফাইন করা

এইচটিএমএল৫ ৮টি নতুন element কে ডিফাইন করে থাকে। সবগুলোই ব্লক লেভেল elements। পুরাতন ব্রাউজার গুলোকে সঠিক ফরম্যাট এ ব্যবহার করার জন্য সিএসএস এর ডিসপ্লে প্রপার্টি কে ব্লক আকারে সেট করতে হয়।

উদাহরণ

Example

header, section, footer, aside, nav, main, article, figure {
display: block;
}

 

নতুন element এইচটিএমএল এ যোগ করা

ব্রাউজার এর কৌশল অনুযায়ী এইচটিএমএল এর যেকোনো নতুন element কে যোগ করতে পারেন । নিচের উদাহরণ এ একটি নতুন element <myHero> যোগ করা হয়েছে

<!DOCTYPE html>
 <html lang="en">
 <head>
 <title>HTML5 Skeleton</title>
 <meta charset="utf-8">
 
 <!--[if lt IE 9]>
 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
 </script>
 <![endif]-->
 
 <style>
 body {font-family: Verdana, sans-serif; font-size:0.8em;}
 header,nav, section,article,footer
 {border:1px solid grey; margin:5px; padding:8px;}
 nav ul {margin:0; padding:0;}
 nav ul li {display:inline; margin:5px;}
 </style>
 </head>
 <body>
 
 <header>
   <h1>HTML5 SKeleton</h1>
 </header>
 
 <nav>
 <ul>
   <li><a href="html5_semantic_elements.asp">HTML5 Semantic</a></li>
   <li><a href="html5_geolocation.asp">HTML5 Geolocation</a></li>
   <li><a href="html5_canvas.asp">HTML5 Graphics</a></li>
 </ul>
 </nav>
 
 <section>
 
 <h1>Famous Cities</h1>
 
 <article>
 <h2>London</h2>
 <p>London is the capital city of England. It is the most populous city in the United Kingdom,
 with a metropolitan area of over 13 million inhabitants.</p>
 </article>
 
 <article>
 <h2>Paris</h2>
 <p>Paris is the capital and most populous city of France.</p>
 </article>
 
 <article>
 <h2>Tokyo</h2>
 <p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
 and the most populous metropolitan area in the world.</p>
 </article>
 
 </section>
 
 <footer>
 <p>&copy; 2014 W3Schools. All rights reserved.</p>
 </footer>
 
 </body>
 </html>

 

 

এইচটিএমএল HTML

এইচটিএমএল ক্লাসেস (HTML Classes)

Huge Sell on Popular Electronics

Subscribe to Our Youtube Channel --|--Our Online Shop:ShopForSoul--|Get Trained in AI, Big-Data, Data Science--

শরিফুল ইসলাম
Php Coder

 

HTML Classes

সিএসএস এর মাধ্যমে বিভিন্ন ক্লাস এর এর স্টাইল সেট করে দেওয়া যায়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
.cities {
    background-color:black;
    color:white;
    margin:20px;
    padding:20px;
} 
</style>
</head>
<body>

<div class="cities">
 <h2>London</h2>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
</p>
 </div> 

</body>
</html>

 

Classing ব্লক elements

এইচটিএমএল <div> একটি ব্লক লেভেল উপাদান। অন্যান্য এইচটিএমএল এর উপাদানের ক্ষেত্রে এটি container হিসেবে কাজ করতে পারে। সবগুলো এইচটিএমএল উপাদানের div এর ক্লাস এর নাম এক রাখলে সিএসএস স্টাইল থেকে সবগুলোর ক্ষেত্রে সমান এফেক্ট ফেলান সম্বভ।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
.cities {
    background-color:black;
    color:white;
    margin:20px;
    padding:20px;
} 
</style>
 </head>
<body>

<div class="cities">
 <h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
 </div>

<div class="cities">
 <h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</div>

<div class="cities">
 <h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>

</body>
</html>


 


Classing inline elements


এইচটিএমএল এর <span> উপাদান একটি ইনলাইন উপাদান যা container এর টেক্সট এর জন্য ব্যবহার হয়ে থাকে। সবগুলো এইচটিএমএল উপাদানের span এর ক্লাস এর নাম এক রাখলে সিএসএস স্টাইল থেকে সবগুলোর ক্ষেত্রে সমান এফেক্ট ফেলান সম্বভ।


উদাহরণ






<!DOCTYPE html>
<html>
<head>
<style>
span.red {color:red;}
 </style>
</head>
<body>

<h1>My <span class="red">Important</span> Heading</h1>

</body>
</html>






 


	

	
	




	
	

				

			এইচটিএমএল HTML
		

			
এইচটিএমএল ব্লক (HTML Block and Inline Elements)

		

			 		

	


		

		




Huge Sell on Popular Electronics














  

   Subscribe to Our Youtube Channel --|--Our Online Shop:ShopForSoul--|Get Trained in AI, Big-Data, Data Science--
  

  
  




















এইচটি এম এল ব্লক (HTML Block Elements)


নাম-শরিফুল ইসলাম

Php Coder


 


উদাহরণঃ




<div style="background-color:black; color:white; padding:20px;">


<h2>London</h2>

<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>


</div>




 


ফলাফলঃ






London


London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.








এইচটিএমএল এর ব্লক উপাদান এবং ইনলাইন উপাদান


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


Examples: <h1>, <p>, <ul>, <table>


ইনলাইন উপাদান গুলো কোন লাইন এর বিরতি ছারাই শুরু হয়


Examples: <b>, <td>, <a>, <img>


 


এইচটিএমএল DIV Element


<div> একটি ব্লক লেভেল উপাদান যা অন্য এইচটিএমএল উপাদান এর সাথে container হিসেবে ব্যবহার করা যায়। এই <div> উপাদানের কোন স্পেশাল অর্থ নেই। এর জন্য কোন attribute এর দরকার পরে না। কিন্ত স্টাইল এবং ক্লাস হল কমন। কারন এটি ব্লক লেভেল উপাদান যা ব্রাউজার এ লাইন এর বিরতি হিসেবে প্রকাশ করে।


 


এইচটিএমএল <span> element


<span> একটি ইনলাইন উপাদান যা টেক্সট এর সাথে container হিসেবে ব্যবহার করা যায়। এই <span> উপাদানের কোন স্পেশাল অর্থ নেই। এর জন্য কোন attribute এর দরকার পরে না। কিন্ত স্টাইল এবং ক্লাস হল কমন। <div> উপাদান এর মতন <span> অটোমেতিক ফরম্যাট নেই।


উদাহরণঃ




<h1>My <span style="color:red">Important</span>Heading</h1>




 


ফলাফলঃ




My ImportantHeading






 


এইচটিএমএল grouping ট্যাগ


<div>-ডকুমেন্ট কে ব্লক- লেভেল হিসেবে ডিফাইন করার জন্য


<span>- ডকুমেন্ট কে ইনলাইন হিসেবে ডিফাইন করার জন্য