ভিজিট করুন নতুন ও স্হায়ী ব্লগ www.alomoy.com, it.alomoy.com
টিউটোরিয়াল লেবেলটি সহ পোস্টগুলি দেখানো হচ্ছে৷ সকল পোস্ট দেখান
টিউটোরিয়াল লেবেলটি সহ পোস্টগুলি দেখানো হচ্ছে৷ সকল পোস্ট দেখান

ইংরেজি শেখার আসর; পার্টস অব স্পিচ চিহ্নিত করার ছড়া

নিয়মিত ব্লগে ইংরেজি ভাষার বিভন্ন দিক নিয়ে আলোচনা ও শেয়ার করার ইচ্ছে আছে।
সেই হিসেবে এবার পার্টস অব স্পিচ (parts of speech)  চিহ্নিত করার একটি ছড়া শেয়ার করছি। যারা পার্টস অব স্পিচ  এ একটু অনভিজ্ঞ তারা এটা পড়ে অনেকটাই ধারণা পেতে পারবেন। ততটা না হলেও ইংরেজি ভাষা আয়ত্ব করার ক্ষেত্রে পার্টস অব স্পিচ এর গুরুত্ব অবহেলা করা যায়না।
ছড়াটি হলো-
নয়নে যাহা পড়ে তাহাই Noun
Pronoun এর বদলি খাটা
Adjective- এ দোষ গুণ
Verb হলো হাটা-হুটা
Adverb- এ রকম সকম
সম্পর্কে Preposition
যোগ বিয়োগে Conjunction
সুখে দুঃখে Interjection
উদাহরণ
Noun ; Table, tree যদিও আরো Noun অনেক আছে যা দেখা যায়না
Pronoun :It, They
Adjective; Honest, Nice
Verb : Do, Meet
Adverb: Nicely, Very
Preposition: To, With
Conjunction: As, Till, Until
Interjection: Alas!, Wow!

html; লেখায় বিভিন্ন ধরণের কার্সর

এইচটিএমএল কার্সর
আমরা সাধারণত ওয়েবপৃষ্ঠায় বামদিকে একটু বাঁকানো তীর চিহ্ণকে কার্সর হিসেবে পাই। এ চিহ্নটি লেখার উপর পড়লে সোজা একটি চিহ্নের মত দেখায় । আর সাধারণত লিঙ্কের উপর ‘হাত’ এর মত দেখায়। আসুন আমরা দেখি কীভাবে এইচটিএমএল দিয়ে ওয়েবপেইজের কার্সর পরিবর্তন করতে হয়। নিচে কিছু উদাহরণ দেওয়া হল। প্রতিটি লাইনে মাউস রেখে দেখুন কেমন দেখায়।
স্বয়ংক্রিয়
ক্রস
স্বাভাবিক
আকার-পরিবর্তন
সাহায্য
স্থানান্তর
উপর-নিচ আকার-পরিবর্তন
আকার-পরিবর্তন
আকার-পরিবর্তন
পয়েন্টার (হাতের মত)
বিকাশ
টেক্সট
অপেক্ষা

এবার নিচে উপরের লেখার কোড দেখুন। ব্যাস, কাজে লাগান ইচ্ছেমতো কার্সর!!! বলাইবাহুল্য আপনি যেরকম কার্সর চান নিচের কোড থেকে সেই কোড ছাড়া অন্যসব কোড মুছে দিন। বাংলা বর্ণনার স্থলে আপনার কাঙ্খিত লেখা থাকবে।

ব্লগারে/ব্লগস্পট ব্লগেই জাভাস্ক্রিপ্ট হোস্ট করার কৌশল/হ্যাক

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

<script src='http://Your-Script-Url/file.js' type='text/javascript'/>
এর মানে হলো  http://Your-Script-Url/file.js লিঙ্কের কোড ব্যাবহৃত হয়েছে।  আপনি সেটা ব্লগারেই হোস্ট করতে প্রথমে উপরের কোডের স্থলে নিম্ন কোড যুক্ত করুন।
<script type='text/javascript'>
//<![CDATA[
এখানে লিঙ্কের কোড পেস্ট করুন
//]]>
</script>
এবার উক্ত লেঙ্কে গিয়ে সম্পুর্ণ কোডখানা কপি করে এখানে লিঙ্কের কোড পেস্ট করুন স্থলে লিঙ্কে প্রাপ্ত কোড পেস্ট করুন। ব্যাস!!!

এইচটিএমএল (HTML) স্ক্রোলবক্স তৈরির কোড

স্ক্রোলবক্সের মধেই এটি বানানোর কোড দেখাচ্ছি।পুরো কোড দেখতে স্ক্রোল করে নিচে যান।পুরো কোড হাইলাইহট বা সিলেক্ট বা নির্বাচন করতে বক্সেরে ভেতরে ক্লিক করুন।
কাস্টোমাইজেশনঃ
১. height এর মান বদলে বক্সের উচ্চতা ঠিক করতে পারবেন।
২. width এর মান দিয়ে প্রস্থ নির্ধারণ করুন।
৩. border এর মান বাড়াতে/কমাতে পারেন
৪.  border এর রংও দিতে পারেন।
৫.  background-color পাল্টিয়ে পশ্চাৎপটের রং বদলাতে পারবেন।
৬. চাইলে অন্য যেকোন এইচটিএমএল কোডও ব্যাবহার করতে পারবেন। যেমন একটি ছবি দেবেন-
তাহলে বক্সের ভিতরে যা লিখবেন এর স্থলে <img src="url" alt="some_text"> কোড ব্যাবহার করুন। (এই্চটিএমএল মোডে)। অথবা সরাসরি ব্লগারে পোস্ট দেবার ক্ষেত্রে উপরের আইকন থেকে আপলোডও করা যেতে পারে।
৭. বিভিন্ন ধরণের বর্ডারঃ
solid (যেটা দেখানো হলো এখানে), dashed, dotted, groove , double, ridge, outset , inset
উপর, নিচ, বামও ডানের বর্ডার ইচ্ছেমতো সেট করা যায়। যেমন -
border-top:7px dashed #0ADA0A;border-right:7px dotted #000000;border-bottom:7px dashed #0ADA0A;border-left:8px solid #000000;

চলমান লেখা বা টেক্সট তৈরি- HTML Marquee Code

বিভিন্ন ধরণের Marquee দেখাচ্ছি
১. এ লেখায় ক্লিক করে মাউস চেপে ধরে রাখলে লেখা থেমে যাবে
<marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();">প্রদর্শনীয় লেখা</marquee>
থামাতে ক্লিক করে চেপে ধরুণ 
২.এ লেখার উপরে মাউস ধরলে লেখা থেমে যাবে
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">প্রদর্শনীয় লেখা</marquee>
লেখার উপর মাউস ধরুণ
  ৩.  বন্ধ করুন/শুরু করুন বাটন
<marquee behavior="scroll" direction="left" id="mymarquee">
<p>
প্রদর্শনীয় লেখা</p>
</marquee>
<input type="button" value="বন্ধ করুন" onClick="document.getElementById('mymarquee').stop();">
<input type="button" value="শুরু করুন" onClick="document.getElementById('mymarquee').start();">

লেখা থামাতে/বন্ধ করতে বাটনে ক্লিক করুন
 


৪.একবার হয়ে থেমে যাওয়া। এটা বামপাশে গিয়ে থামবে। পুনরায় চলমান হতে হলে পৃষ্ঠাকে রিফ্রেশ করতে হবে।
<marquee behavior="slide" direction="left">প্রদর্শনীয় লেখা</marquee>
দেখলেন!লেখাটা বাঁ প্রোন্তে গিয়ে থেমে গেল!
  ৫. পুন:পুন দিকবদল। লেখা বারবার বামে ও ডানে চলতে থাকবে।
<marquee behavior="alternate">প্রদর্শনীয় লেখা</marquee>
এই টেক্সট বাঁয়ে ও ডানে অদল-বদল করে যাচেছ 
৬.উপর-নিচে চলমান টেক্সট
<marquee  behavior="scroll" direction="up">প্রদর্শনীয় লেখা</marquee>
লেখাটি নিচ থেকে উপরে যাচেছ৭. বাম থেকে ডানে যাওয়া টেক্সট। left এর স্থলে right দিলেই যেকোন marquee বাঁ থেকে ডানে এগোবে।
<marquee behavior="scroll" direction="right">প্রদর্শনীয় লেখা</marquee>
বাঁ থেকে ডানে যাচেছ
  ৮.  লেখার গতি ঠিক করে দেওয়া  নিচে পরপর তিনটি উদাহরণ দেওয়া হলো। নিম্ন গতি, মাঝারি ও উচ্চ।
<marquee behavior="scroll" direction="left" scrollamount="1">নিম্ন-গতির টেক্সট</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">মাঝারি গতির টেক্সট</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">দ্রুতগতির টেক্সট</marquee>


নিম্ন-গতির টেক্সট মাঝারি গতির টেক্সট দ্রুতগতির টেক্সট 
৯.চলমান ছবি
<marquee behavior="scroll" direction="left"><img src="image_url" width="100" height="100" alt="give_alt" /></marquee>

give_alt ১০.  চলমান লিঙ্ক। চাইলে একইসাথে ছবি, টেক্সট ও লিঙ্কও যোগ করা যাবে। পরপর দিয়ে দিলেই হবে। যেমন
<marquee behavior="scroll" direction="left">
<img src="" width="100" height="100" alt="" />
<p>লেখা এবং <a href="http://crescentpeace.blogspot.com/">লিঙ্ক</a>.</p>
</marquee>


smile লেখা এবং লিঙ্ক.




১১. বিশাল লম্বা লাইন

<marquee width="650px"; height="30px"; direction="left";>প্রদর্শনীয় লেখা</marquee>

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

পোস্টের কিছু লেখাকে লুকানো ও ক্লিক করে ফিরিয়ে আনা

দৃশ্যমান লেখাটুকু এখানে লিখুন। 
এবারে এর নিচে নিম্নের কোডখানি যুক্ত করুন। অবশ্যই HTML মোডে রেখে।
<br />
<div id="spoiler" style="display: none;">
এবারে এখানে লুকানো লেখা লিখুন
</div>
<a href="http://draft.blogger.com/blogger.g?blogID=5910525366965713075" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="লুকাতে/দেখতে ক্লিক করুন" type="a">দেখুন/লুকান</a></div>

উল্লেখ্য: চাইলে আপনি কোডটি কাস্টমাইজ করতে পারেন।

আরো পোস্ট দেখতে পুরাতন পোস্টসমূহ লেখায় ক্লিক করুন