Post Search

CSS

How to learn সিএসএস ফ্লট tutorials | SP Foundationbd

Layout তৈরীর সময় সিএসএস ফ্লট দিয়ে সবচেয়ে গুরত্বপূর্ন কাজটি করা হয়। এছাড়া লেখা আর ছবি একসাথে থাকলে সেখানে ফ্লট ব্যবহার করা হয়। float এর মুলত দুটি মান দেয়া যায় left এবং right. left দিলে এলিমেন্ট টিকে ঠেলে বামে নিয়ে আসবে আর right দিলে ডানে নিয়ে যাবে। যেমন একটা ইমেজ বা ছবি যদি লেখার বামে নিতে চাই যেমন পত্র পত্রিকায় লেখার সাথে ছবি থাকে তাহলে

1.img {

2.float: left;

3.}

float:right দিন ছবিটি ডানে চলে যাবে।

** float দিয়ে এলিমেন্ট গুলিকে পাশাপাশি (আড়াআড়িভাবে) বা side-by-side বসানো যায়। float সবসময় আড়াআড়িভাবে কা ..... ..... ......

CSS

How to learn CSS লেয়ার tutorials | SP Foundationbd

এবার আমরা দেখবো  লেয়ার ব্যবহার করার মাধ্যমে কোন element  টি উপরে দেখাবে, যা সিএসএস লেয়ার এর মাধ্যমে আমরা নিয়ন্ত্রন করতে পারি।  সিএসএস এ প্রত্যেক এলিমেন্ট কে priority দেয়া হয়ে  থাকে। যদি দুটি  overlapping      CSS positioned         elements  থাকে, তাহলে যার priority বেশি তাকে আগে উপরে দেখাবে।

Priority নির্ধারন করতে আমরা z-index value সেট করে থাকি ।যার z-index value যত বেশি তার priority  তত বেশি।

01.h4{

02.position: relative;

03.top: 30px;

04.left: 50px;

05.z-index: 2;

06.background-color: #336699;

07.}

  1.  
  2.  < ..... ..... ......

CSS

How to learn সিএসএস পজিশন | SP Foundation

css এ পজিশনিং খুব গুরত্বপূর্ন একটি বিষয়। পরিষ্কার ধারনা না থাকলে অনেক কাজে গিয়ে আটকা পরে যাবে। বিশেষ করে পেজের অপ্রত্যাশিত কোন জায়গায় কোন ছবি ইত্যাদি বসাতে হলে, একটা div বা এলিমেন্টের উপর আরেকটা div বা element নিতে হলে ইত্যাদি।

৪ ধরনের position আছে

static

By default position:static; থাকে, এটার অর্থ হচ্ছে কোন পজিশনিং করা নেই। ডকুমেন্টের কোডের কারনে element টি যেখানে আঝে পেজেও সেখানে দেখাবে।

 

relative

এটাও static এর মতই কিন্তু এখানে top, left, bottom, right এবং z-index ব্যবহার করে element কে তার অবস্থা ..... ..... ......

CSS

How to learn সিএসএস প্রোপার্টিজ | SP Foundationbd

HTML এ তার tag ( <b>, <body>, <a>, ইত্যাদি) গুলো হল Html language এর গোসত এবং আলু । css এ আপনারা tutorial পড়ার সময় অনেক গুলো property ( Font, Text, Box, Color ইত্যাদি) লক্ষ্য করেছেন ।নিচে আলোচনা করা হলো।

সিএসএস ফন্ট প্রোপার্টিজ:

css font প্রোপার্টিজ এর সাহায্যে এর টেক্সট এর  graphical representation কে নিয়ন্ত্রন করা যায়।

নিচে css ফন্ট property  গুলো দেয়া হলো ।

  • font
  • font-family
  • font-size
  • font-style
  • font-weight
  • font-variant

css টেক্সট প্রোপার্টিজ:

সিএসএস টেক্সট প্রোপার্টিজ যা টেক্সট এর spacing, alignment, decoration ইত্যাদি বিষয়গুলো নিয়ন ..... ..... ......

HTML

How to learn HTML Filed | SP Foundationbd

টেক্সট ফিল্ড
টেক্সট ফিল্ড একটা ফর্ম এলিমেন্টে তাই এখানে যত উদাহরন দেব সব <form></form> এর ভিতর রাখতে হবে।
টেক্সক্ট ফিল্ড আগের টিউোটোরিয়ালটিতে দেখালাম। খুব সহজ
<input type="text" name="address"/>
প্রদর্শন:

type এবং name Attribute নিয়ে আগের টিউটোরিয়ালেই আছে। এখানে আরও নতুন কিছু গুরত্বপূর্ন এট্রিবিউট নিয়ে আলোচনা করি।

** পাসওয়ার্ড ফিল্ড তৈরীতে শুধু type="password" দিলেই হয়ে গেল।

maxlength এট্রিবিউট দিয়ে ফিল্ডে সর্বোচ্চ কতটি অক্ষর লিখতে পারবে সেটা নির্দিষ্ট করে দেয়া যায়। যেমন:
<input type="text" ..... ..... ......

HTML

How to file আপলোড (Upload) | SP Foundationbd

ফর্মে যদি ছবি বা যেকোন ফাইল আপলোডের সুবিধা রাখতে চান তাহলে আগে ফর্মকে আপলোডের উপযোগী করতে হবে। এরপর input এলিমেন্টের type এট্রিবিউটের মান file দিলেই কাজ হয়ে গেল।

একটা Upload Form

<form action="create.php" method="post" enctype="multipart/formdata">

<input type="file" name="user_file" />

</form>

File upload করতে চাইলে form এ এই enctype="multipart/formdata" এট্রিবিউটটি দিতেই হবে। আর input এর type="file" দিতে হয়।

disabled, readonly এট্রিবিউট ব্যবহার করতে পারে এগুলি আগের টিউটোরিয়ালে আলোচনা হয়েছে।

hidden field

====================

input ফিল্ড লুকিয়ে রাখা যায়। ফলে ব্রাউজারের ফর ..... ..... ......

HTML

How to learn ফর্ম (Form) in HTML | SP Foundationbd

সাইটের ভিজিটরদের তথ্য নেয়ার জন্য form ব্যবহার হয়। এজন্য HTML এ <form></form> এলিমেন্ট আছে এবং এর ভিতর নানান ধরনের ফর্ম সংক্রান্ত element ব্যবহার করে চমৎকার form বানানো যায়। তবে form পুরন করে user যখন submit করবে তখন সার্ভার সাইড language যেমন php, পাইথন, ASP ইত্যাদি ব্যবহার করে process করতে হয় এমনকি প্রসেসের পর ডেটাবেস ব্যবহার করে সেভ করেও রাখা যায়। যাইহোক html form element দিয়ে শুধু form টি তৈরী করা হয়। একটা সাধারন ফর্ম

<form action="processor.php" method="post">

<input type="text" name="first_name" />

<input type="text" name="last_name" />

<input type="submit"& ..... ..... ......

Codeigniter

Codeigniter session ম্যানেজমেন্ট (Session Management CodeIgniter) - সেশন ড্রাইভার part two

কোডইগনাইটারের session লাইব্রেরীর ধরনের ড্রাইভার বা স্টোরেজ সিস্টেম আছে যেখানে CI session data রাখে। বাই ডিফল্ট কোডইগনাইটার ফাইল ড্রাইভার ব্যবহার করে। আপনি চাইলে config.php ফাইল থেকে এটা পরিবর্তন করতে পারেন $config['sess_driver'] লাইন দিয়ে। file ছাড়া ..... ..... ......

Codeigniter

Codeigniter সেশন Management (Session Management CodeIgniter) part one

কোডইগনাইটারের বর্তমান ভার্সনে সেশন library টি সম্পূর্ন নতুন করে লেখা হয়েছে। আগের library তে bug ছিল। যাইহোক আপনার এপ্লিকেশনে সেশন ব্যবহার করতে চাইলে আগে library টি আগে লোড করতে হবে। যেকোন library কিভাবে load করে তা আগের tutorial গুলিতে অনেকবার দেখ ..... ..... ......

CSS

How to learn সিএসএস কার্সর | SP Foundation

যেকোন link বা লেখার উপরে Mouse নিয়ে গেলে সাধারনত হাতের চিহ্ন বা তীর চেহ্ন ইত্যাদি দেখায়। css দিয়ে এই চিহ্ন পরিবর্তন করা যায়।cursor নামের একটি প্রোপার্টিজ আছে সেটা দিয়ে পরিবর্তন করা যায়, cursor এর অনেকগুলি মান আছে যেমন

01.a.one{

  1. 03.cursor : wait;
  2. 05.}
  3. 07.a.two{
  4. 09.cursor: crosshair;
  5. 11.}
  6. 13.p.three{
  7. 15.cursor: help;
  8. 17.}
  9. 19.a.four{
  10. 21.cursor: pointer;
  11. 23.}
  12. 25.p.five{
  13. 27.cursor: text;
  14. 29.}

30.p.six{

  1. 32.cursor: none;
  2. 34.}

35.p.seven{

  1. 37.cursor: context-menu;
  2. 39.}

40.p.eight{

  1. 42.cursor: cell;
  2. 44.}

45.p.nine{

  1. 47.cursor: vertical-text;
  2. 49.}

50.p.ten{

  1. 52. ..... ..... ......