আসুন ওয়েবসাইট তৈরি করি HTML,CSS,JAVA এর সাহায্যে A to Z (২য় পর্ব)

আমার সকল বন্ধুরা , সাবাই কেমন আছেন ? আসা করি ভাল আছেন । আমিও ভাল আসি আপনাদের দোয়া ও সুভকামনায় ।অনেক ব্যাস্ততার মাঝখান থেকে আমার আজকের পর্ব । তাই একটু দেরি হয়ে গেল ।চলুন শুরু করা যাক আজকের পর্ব । যাদের ড্রিমওয়েভার সফটওয়ার পিসি তে নেই তারা এই লিঙ্ক http://www.mediafire.com/?o1yaazm5nimথেকে সফট টি নামিয়ে নিতে পারেন । এটির সাইজ ৬০ মেগাবাইট । এটি ভাল মানের সফটওয়্যার তাই সাইজে একটু বড় । যাদের ইন্টারনেট স্লো তারা একটু কষ্ট হলেওDownload করে নিবেন ।  Download করতে না পারলেসফট শপ থেকে সফট টি কিনতে পারেন।Download হয়ে গেলে এবার ইন্সটল এর কাজ। ইন্সটল করাহয়ে গেলে চলে যান all program এ , এখান থেকেMacromedia তে মাউস নিলে দেখতে পাবেন macromedia dreamweaver 8 + click করুন এবং serial দিয়ে ওকে করুন । এবার নিচের ছবির মত পেজ আসবে ।

এখান থেকে html ok করুন । এরপর নিচের ডকুমেন্ট টি ওপেন হবে

এখান থেকে আমরা split option এ কাজ করব । split এ কিল্ক করুন । এবার নিচের মত পেজ আসবে ।

এখানে tittle এর মাজখানে untitled document লেখা আছে । untitled document কেটে দিয়ে আপনার পসন্দের নাম দিতে পারেন । এরপর কম্পিউটার  এর যেকোনো জায়গায় ফোল্ডার করে সেভ করুন । আপাদত লেখালেখির কাজ ।একটু পরে লেখা শুরু করবো । লেখা শুরু করার আগে html এ রয়েসে অসঙ্খ tag , এই  tag গুলোর কিছু ট্যাগ এর কাজ সম্পর্কে জেনে নেই ।1.এটি paragraph  tag .এটি দিয়ে লেখা সামনে , শেষে , মাজখানে আনা যায়
। এই tag দিয়ে সামনে , শেষে , মাজখানে আনার জন্য

যেমন ঃ

i am zahid hassan. i read in sirajgonj polytechnic institute.

2. এটির নাম বোল্ড tag .  my web . এভাবে লিখলে my web লেখাটি মোটা আকারে প্রদর্শিত হবে ।এর আরও একটি অনুরুপ ট্যাগ রয়েসে my web .3.হেডিং tag : লেখাকে হেডিং আকারে উপস্থাপন করার জন্য এই ট্যাগ ব্যবহার করা হয় । হেডিং ট্যাগ মোট ৭ টি ।

This is my site

This is my site

This is mysite

………………………………….

প্রতিটি ট্যাগ শুরু করলে শেষ কোরতে হয় । যেমন,
. ট্যাগ শুরু এবং শেষের মাজখাণে লিখতে হয় । যেমনঃi am zahid hassan. i read in sirajgonj polytechnic institute
ট্যাগ শেষ কোরতে বেশী কষ্ট কোরতে হয় না । < এই চিনহ টি দেওয়ার পর (?)প্রশ্ন বধক কি টি চাপলে আপনা আপনি ট্যাগ শেষ হয় ।মাত্র তিনটি ট্যাগ সুরু করলে শেষ করতে হয় না। সেগুল নিয়ে পরে আলোচনা করবো । এখন ট্যাগ গুলো body এর ভিতরে লিখে practice করতে থাকেন ।প্রতিটি ট্যাগ লেখার পর  Ctrl+sদিয়ে সেভ করে নিবেন ।  Body যা লিখলেন  তা preview বা  browser  এ দেকতে চাইলে preview এ ক্লিক করেন । নিচের ছবির মতঃ

আজ এই পর্যন্ত থাক । পরের পর্বে html এর আরও অন্যান্য tag নিয়ে আলোচনা করব । যদি কোন সমস্যা হয়, তাহলে আমাকে জানাতে ভুলবেন না ।

Read more ...

CSS শিখুন [পর্ব-৩]

সবাইকে আন্তরিক প্রীতি ও শুভেচ্ছা জানিয়ে শুরু করছি আমার সিএসএস নিয়ে ধারাবাহিক টিউন: CSS শিখুন [পর্ব ৩].
গত পর্বে আপনাদের বলেছিলাম এই পর্বে আমরা CSS লেখার যে তিনটি সিস্টেম আছে (Internal, External এবং Inline) সে সব বিষয় নিয়ে আলোচনা করবো। তারই ধারাবাহিকতায় আজকে আমি শুধামত্র Internal নিয়েই আলোচনা করবো। তো চলুন, শুরু করা যাক।

Internal কি?

Internal হচ্ছে সিএসএস লেখার এক ধরনের সিস্টেম। ইন্টারনাল ভালভাবে বুঝতে হলে আপনাকে পুরো টিউনটি আগে বুঝতে হবে। Internal CSS ব্যবহার করতে হলে প্রথমে আমাদেরকে একটা নতুন ট্যাগ যোগ করতে হবে। সেই নতুন ট্যাগটি হচ্ছে This is My First CSS Codeএখন যদি আপনি ওয়েব পেজ এ Preview দেখতে চান তবে আপনি কিছুই দেখতে পারবেন না! কারণ, ওই যে বললাম, It’s Show now: Text Color Is Red & Background Color Is Yellow!উপরোক্ত কোডটি ফলাফল দেখতে ঠিক এরকমঃউপরের কোডটি দেখে নিশ্চয়ই বুঝতে পারছেন HTML Code এর মতো CSS Code লেখা হয় না। সুতরাং, সিএসএস এইচটিএমএল কোড থেকে আলাদা।আবারও একটু ভালো করে উপরের কোডগূলো খেয়াল করুন। দেখবেন, আমি HTML এর ও ট্যাগটি পরিবর্তন করেছি সিএসএস কোডের মাধ্যমে। কি? বুঝতে পারছেন না? ঠিক ধরেছি তাই না? ঠিক আছে, বুঝিয়ে দিচ্ছি।

Generally CSS Format:

“HTML tag” { “CSS Property” : “Value” ; }১. প্রথমে আমি এইচটিএমএল p { : ; } এই এ্যালিমেন্টসটাকে বাছাই করেছি আমার কাজ শুরু করার জন্য।২. তারপর আমি সিএসএস Attribute এর color নির্বাচন করেছি p { color: ; }৩. আমরা জানি, আগের পর্ব গুলোতে পড়েছিলাম Property ও Value এর কথা ২ নং ব্যাখ্যায় আমি property হিসেবে color কে ব্যবহার করেছি আর এখন Value হিসাবে ব্যবহার করলাম ফন্টের কালার Red। এখন আমার কোড দাড়াল p { color: Red; }৪. উপরের কোডটির কারণে আমার এইচটিএমএল প্যারাগ্রাফের অধীনে সমস্ত লেখা লাল হয়ে গেলো।৫. এরপর আমি আরেকটি এইচটিএমল এলিমেন্টস সিলেক্ট করলাম: body { : ; } এই এ্যালিমেন্টসটি।৬. তারপর আমি সিএসএস Attribute এর Background_color নির্বাচন করেছি body { background-color: ; }7. এরপর আমি সিএসএস Attribute এর Background_color এর রং নির্বাচন করেছি body { background-color: Yellow; }সুতরাং, ফলাফল হিসেবে আমাকে উপরোক্ত ইমেজটিই দেখাবে।

Note: অনেক সময় দেখা যায় আমরা অনেক কষ্ট করে কোড লিখলাম কিন্তু সেটা আউটপুট দিচ্ছে না। সেক্ষেত্রে না ঘাবড়িয়ে খেয়াল করুন আপনি সিএসএস অ্যাট্রিবিউট এর পর কোলন (:) এবং সিএসএস অ্যাট্রিবিউট এর Value-র পর সেমিকোলন ( ; ) দিয়েছেন কিনা? আর তারপরও যদি না আসে তবে খেয়াল করে দেখুন আপনি সিএসএস স্টাইল প্রয়োগ করেছেন কিনা?

Read more ...

if, else, elseif, switch এর ব্যবহার

php তে আপনি কোন মানের উপর ভিত্তি করে বিভিন্ন সিন্ধান্ত নিতে পারবেন। সুইচিং করবার জন্য php তে ব্যবহার করা হয় if, else, elseif ও switch স্টেটমেন্ট। আসুন দেখি এগুলো ব্যাবহার কি ভাবে করেঃ

if স্টেটমেন্ট
if স্টেটমেন্ট এর পর ব্রাকেটের মধ্যে যে এক্সপ্রেসন দেয়া থাকে তা দিয়ে php সিন্ধান্ত নেয়। যেমন ধরুন আপনি আপনার কাজের ছেলেকে বাজারে পাঠালেন মাংস কিনবার জন্য। আপনি চাকরকে বলে দিলেন মাংস যদি ১০০টাকা হয় তাহলে ২কেজি কিনতে। এটিকে আমরা php তে if স্টেটমেন্ট ব্যবহার করে প্রকাশ করতে পারি।

এখানে মাংস এর দাম প্রকাশ করা হয়েছে $a দ্বারা এবং এর মান যাচাইয়ের জন্য == ব্যবহার করা হয়েছে। if স্টেটমেন্ট এর পর ব্যাকেটের মান True হয়েছে বলে পর্দায় শো হচ্ছে Buy 2 kg beef।

if (expression)
//code to execute if the expression evaluates to true;
}

if এর সাথে else এর ব্যবহার
মনে করুন উপরের উদাহরনে আপনি বলে দিয়েছেন মাংসের দাম যদি অন্য কিছু হয় তাহলে তা প্রকাশ করবার জন্য। তাহলে আমাদের লিখতে হবেঃ

elseif স্টেটমেন্ট
এখন মনে করুন মাংসের দাম যদি ১০০ টাকা অথবা তার নিচে হয় তাহলে আমরা কিনবো ২ কেজি, মাংসের দাম যদি ১২০ টাকা হয় তাহলে কিনবো ১.৫ কেজি, মাংসের দাম যদি ১৫০টাকা হয় তাহলে কিনবো ১ কেজি এবং যদি দামে না মিলে তাহলে তাও বাতিয়ে দেব। তাহলে কোন হবে নিচের মতোঃ

<?php
$a =220;
if ($a

লক্ষনীয় যে এখানে আমরা প্রতিটি elseif স্টেটমেন্টের সাথে আরেকটি নতুন এক্সপ্রেশন ব্যবহার করতে পারছি। আবার else এর ব্যবহার সবার শেষে হচ্ছে। মনে রাখতে হবে যে এখানে if ও elseif স্টেটমেন্টের পর দেয়া সবকটি এক্সপ্রেসন মিথ্যে প্রমানিত হলেই কেবল else স্টেটমেন্টের দেয়া নির্দেশ পালিত হবে। elseif স্টেটমেন্ট লেখার সাধারন রূপ হলোঃ

if (expression)
//code to execute if the expression is true
}
elseif (another_expression)
//code to execute if the another_expression is true
}

switch স্টেটমেন্ট
একটু আগে আমরা যে উদাহরনটি দিয়েছি তা আপনি if ও elseif এর জামেলা থেকে মুক্ত করবার জন্য switch স্টেটমেন্টের মাধ্যমেও করতে পারেন। নিচের উদাহরনটি লক্ষ করুনঃ

<?php
$a =100;
switch ($a) {
case 100:
print "Buy 2kg beef";
break;

case 120:
print "Buy 1.5 kg beef";
break;

case 150:
print "Buy 1 kg beef";
break;

default:
print "Do not buy beef because its price is $a";
}

Read more ...

CSS নিয়ে ধারাবাহিক টিউনঃ পর্ব ১

সবাইকে সালাম জানিয়ে শুরু করছি আমার প্রথম CSS নিয়ে ধারাবাহিক টিউন। আমার ইচ্ছে ছিল HTML নিয়ে টিউন করার। কিন্তু টেকটিউনস ঘাটলে দেখা যাবে যে HTML এর উপর টিউন এর অভাব নেই। তাই ভাবলাম CSS নিয়েই টিউন করি। যদিও আমার নিজেরও CSS এর উপর খুব একটা দখল নেই। বাট, যেটুকু জানি সেটুকু আপনাদের সাথে শেয়ার করতে চাচ্ছি। আমি জানি এখানে বড় বড় প্রোগ্রামার আছেন। যদি কোনো টিউন এ ভুল হয় প্লীজ ধরিয়ে দিলে কৃতজ্ঞ থাকবো। তো চলুন শুরু করা যাকঃ
শুরুতে বলে রাখা ভালঃ CSS শিখতে হলে প্রথমে আপনাকে HTML জানতে হবে। নয়তো একটু ঝামেলায় পড়বেন।
(আর একটা কথা আমার এই ধারাবাহিক টিউনটা শুরু করার পেছনে একজনের অবদান আছে। যার কথা আমি আপনাদের সবাইকে পরে একদিন বলবো।)

CSS কি?
CSS অর্থ হচ্ছে Cascading Style Sheets। এটি ওয়েব ডিজাইনের একটি জনপ্রিয় ল্যাঙ্গুয়েজ।

CSS এর কাজ কি?
CSS দ্বারা মূলত আপনার ওয়েবসাইটকে আরও সুন্দর ও আকর্ষনীয় করা যায়। ধরুন, আপনি HTML দিয়ে একটি ওয়েবসাইট তৈরি করলেন। এখন আপনি চাইলে CSS ব্যবহার করে আপনার HTML পেজটিকেই আরও আকর্ষণীয় করে তুলতে পারবেন। কিংবা, আপনি চাইলে কিছু কোড পরিবর্তন করে সম্পূর্ণ এইচটিএমএল পেজটিকেই CSS এ নতুন রূপে সাজাতে পারবেন।

Read more ...

আপনার সাইটের SEO তে সাহায্য নিন GOOGLE এর

আপনার ওয়েবসাইট এর সার্চ ইঞ্জিন আপটিমাইজেসনে গুগল এর সাহায্য নিতে পারেন যেভাবে -

১. http://www.google.com/webmasters/ সাইনাপ করে আপনার সাইট এর ভেরিফিকেসান করুন ( গুগল এর দেওয়া meta tag বসিয়ে ), তারপর sitemap.xml ও robots.txt সাবমিট করুন।

২. একই আইডি দিয়ে http://www.google.com/analytics/ এ সাইনাপ করে আপনার সাইট এর ভেরিফিকেসান করুন। analytics থেকে প্রাপ্ত জাভা স্ক্রিপ্ট আপনার সাইট এর কাঙ্খিত পেইজের হেড সেকশনে বসান।

৩. পুনরায় একই আইডি দিয়ে https://profiles.google.com/ এ সাইনাপ করে আপনার প্রফাইল সেভ করুন।

আসা করা যায় কাজগুলো আপনার সাইটের SEO তে বেশ সাহায্য করবে।

Read more ...

CSS নিয়ে ধারাবাহিক টিউনঃ পর্ব ২

mevB‡K mvjvg Rvwb‡q Avwg Avgvi wmGmGm wb‡q avivevwnK wUDb Gi 2q ce© ïi" KiwQ| MZ c‡e© Avgiv wmGmGm m¤ú‡K© †R‡bwQjvg| GLb Avgiv wmGmGm Gi AZ¨š— ¸i"Z¡c~Y© GKwU avc Selector wb‡q Av‡jvPbv Kie|

CSS Selector wK?

Selector n‡"Q wmGmGm Gi Aw·‡Rb| Aw·‡Rb Qvov †hgb gvbyl euv‡P bv, wVK †Zgwb selector QvovI wmGmGm APj| ZvB Avgiv AvR‡K Selector wb‡q Av‡jvPbv Ki‡ev| KviY, GB Selector w`‡qB Avgiv HTML Gi Gwj‡g›Um¸‡jv‡K wmGmGm ‡Kv‡Wi mv‡_ m¤ú„³ Ki‡ev| myZivs, eyS‡ZB cvi‡Qb| CSS wkL‡Z n‡j Avgv‡`i Selector m¤ú‡K© RvbvUv KZUv Ri"ix|

Structure of Selector:

SELECTOR { PROPERTY: VALUE }

Dc‡ii †KvWwU GKUz fv‡jv fv‡e †Lqvj Ki"b| GLv‡b Selector Gi Aax‡b Avwg `yBwU G¨vwj‡g›Um wj‡LwQ| GKwU nj Property Avi Ab¨wU nj Value| GLv‡b Property n‡"Q †mB Gwj‡g›U hv‡K Avwg Avgvi B‡"Qg‡Zv e¨envi Ki‡Z cvi‡ev| †gvÏK_v, Property †K Avwg Avgvi g‡Zv K‡iB cwiPvjbv Ki‡ev| Avi Aci G¨vwj‡g›U Value| eyS‡ZB cvi‡Qb GUv gvb welqK †Kvb G¨vwj‡g›Um| nu¨v, Value g~jZ Property-i wbw`©ó gvb‡K eySvq|

GLb ai"b Avwg CSS Gi mv‡_ HTML Gi Gi GKUv mivmwi Connection ˆZix Ki‡ev Ges hv m¤ú~Y© Avwg Avgvi g‡Zv K‡i cwieZ©b/cwiea©b wKsev ms‡kvab/m¤úv`b Ki‡ev| †m‡¶‡Î GLb Avgiv †h Gwj‡g›U e¨envi Ki‡ev, †mUv n‡"Q Selector Name|

Selector Name:

p { PROPERTY: VALUE }

GLv‡b p Øviv HTML Gi c¨vivMÖvd U¨vM‡K eySv‡bv n‡q‡Q| hv CSS G Selector Name wn‡m‡e Av‡Q|

AvR‡Ki g‡Zv CSS Gi avivevwnK wUDb GLv‡bB †kl KiwQ| AvMvgx wUD‡b Avgiv CSS †jLvi †h wZbwU wm‡÷g Av‡Q (Internal, External Ges Inline) †m me welq wb‡q Av‡jvPbv Ki‡ev|

mevi D‡Ï‡k¨ GKUv K_vt ai"b Avcwb HTML, CSS, PHP, MySql wKsev Zvi I Dc‡i Visual Studio A_ev ASP.Net me Rv‡bb| Avcwb GKRb `¶ †cÖvMÖvgviI e‡U| wKš' Avcbv‡K hw` ejv nq, KwVb welq ev` ïay gvÎ HTML wb‡q GKUv avivevwnK wUDb Ki"b| Avwg wbwðZ Avcwb hw` KL‡bv wUDb K‡i bv _v‡Kb Z‡e †ek fv‡jv Sv‡gjvq co‡eb| KviY, Avcwb me cvi‡jI avivevwnK wUDb Ki‡Z †M‡j cÖ_g avc †_‡K wØZxq av‡c †h‡Z Avcbv‡K Aek¨B B›Uvi‡b‡Ui mvnvh¨ wb‡Z n‡e| KviY, †mLv‡b myweb¨¯— K‡i mvRv‡bv _v‡K †KvbUv ci †KvbUv wkLv‡j Avcbv‡K HTML ev Ab¨vb¨ fvlv †kLv‡bv hv‡e| ZvB Avwg hZB Rvwb, Avgv‡KI wKš' B›Uvi‡b‡Ui mvnvh¨ wb‡Z nq| †mUv ‡Kb wb‡Z nq? KviY, Avgvi GZUzKz gv_vq G‡Zv mn‡R Avm‡e bv Avcbv‡`i wKfv‡e †kLv‡j Avcbviv wkL‡Z cvi‡eb| ZvB, B›Uvi‡bU †_‡K Avwg ïay avivevwnK wUDb Kivi Rb¨ †KvbUvi ci †KvbUv wkLv‡j Avcbv‡`i myweav n‡e, †mUvB †R‡b wb‡q Avcbv‡`i mvg‡b Zv wb‡Ri g‡Zv K‡i Dc¯'vcb Kwi| `qv K‡i ‡KD Avgvi GB `yej©Zv wb‡q Ggb gš—e¨ Ki‡eb bv, †hb wb‡Ri Kv‡Q wb‡R‡K Lye †QvU g‡b nq|

Read more ...

ওয়েব পেইজ তৈরি করুন HTML ও CSS দিয়ে

যারা ওয়েব সাইট তৈরি করা শিখতে চান তাদের জন্য এই প্রয়াস।কোন ধরনের ডিটেলে যাব না।কাজ করতে করতে শিখা হোক সবকিছু।তাই সরাসরি সাইট তৈরি করার টিউটোরিয়াল দিচ্ছি, প্রথমে একটি পেজ , ধাপে ধাপে header , menu, main section, footer এভাবে পুরো সাইটির ভিবিন্ন অংশ তৈরি করা শিখব সাথে সাথে  শিখব HTML এবং  CSS এর বিভিন্ন এলিমেন্ট

ওয়েব পেইজ তৈরি করুন খুব সহজে

ওয়েব পেইজ  তৈরি করার জন্য প্রথমেই একটি HTML ডকুমেন্ট তৈরি করতে হবে।একটি পেইজের ভিতরে Image, Music Clip, Videos থাকতে পারে ,থাকতে পারে এনিমেশন, তথ্য  ইত্যাদি ।ওয়েবপেইজ দুধরনের হতে পারে।Static এবং Dynamic।স্টাটিক ওয়েবপেইজের মধ্যে বিভিন্ন একশন থাকে না যেমন, কোন একটি ডকুমেন্ট ভিত্তিক সাইট, যাতে সবাই গিয়ে প্রয়োজনীয় ইনফর্মেশন পেয়ে থাকে।অন্যদিকে ডায়নামিক ওয়েবপেইজ ভিউয়ার দের  সাইন ইন করার সুযোগ দেয়,বিভিন্ন অনলাইন গেম খেলার সুযোগ দেয়,অর্থাৎ বেশ অনেক ধরনের সুযোগ সুবিধা নিয়ে ডায়নামিক ওয়েবপেজগুলো বর্তমানে ওয়েব্ দুনিয়ায়  রাজত্ব করছে।

কিভাবে ওয়েব পেইজের জন্য index file তৈরি করব?

ওয়েবপেইজ তৈরি করার এই টিউটরিয়াল টিতে একই সাথে আমরা শিখব HTML ,CSS এবংJavaScript।প্রথমে HTML দিয়ে সাইট টির স্ট্রাকচার তৈরি করব,CSS দিয়ে এটিতে স্টাইল যোগ করব এবং সবশেষে JavaScript দিয়ে আমাদের ওয়েবপেইজটিতে কিছু dynamic content যোগ করব।

• ১। প্রথমেই Website নামে একটি নতুন ফোল্ডার তৈরে করে নেই।এই ফোল্ডারের ভিতর Images নামে আরেকটি ফোল্ডার তৈরি করি যার মধ্যে এই ওয়েবপেইজে ব্যাবহার করা সকল ছবিগুলো থাকবে।এক্ষেত্রে png বা  jpeg ফাইল ব্যাবহার করব আমরা।
• ২। তিন ধরনের ফাইল এতে ব্যবহার করা হবে
  • ১। .html File
  • ২। .css file
  • ৩। .js file

প্রথম ধাপে ওয়েব পেইজের  index file টি তৈরি করতে হবে।এই ফাইল টি তৈরি করব এইচটিএমএল(HTML-HyperText Markup Language) এর মাধ্যমে।Html সম্পর্কে আগে একটু জেনে নিতে চাইলে এই লিঙ্ক টি থেকে ঘুরে আসতে পারেন
তাহলে প্রথম একটি এইচটিএমএল ফাইল তৈরি করি।

(windows key) +R চেপে তাতে টাইপ করুন notepad ,তারপর ok.

একটি notepad ফাইল ওপেন হবে।এখানেই আমাদের ওয়েব পেইজ তৈরির প্রাথমিক কোড লিখতে হবে।

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

আমাদের প্রাথমিক কাজ শেষ।এর পরবর্তী tutorial এ আমারা এই পেইজ টিতে কিছু স্টাইল যোগ করব।আর সেটি করব Cascading Style Sheet  বা সংক্ষেপে CSS এর মাধ্যমে।

নোটঃযদি সবার আগ্রহ থাকে তবে ইচ্ছে টিউনটি ধারাবাহিক ভাবে করা।

Read more ...

WAMP ইন্সটল ও একটি PHP প্রোগ্রাম রান [পর্ব ২]

প্রোগ্রামিং শেখার শুরুতে কেউ যদি প্রথম একটি প্রোগ্রাম কিভাবে রান করে দেখিয়ে না দেয়, তাহলে নতুন দের জন্য রান করা অনেক কঠিন হয়ে যায়। যদি ও কাজ টি অনেক সহজ।

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

তার আগে একটি পোস্ট দিয়েছি। তা দেখে নিতে পারেন।

PHP শিখুন, নিজেকে তৈরি করুন একজন দক্ষ প্রোগ্রামার হিসেবে

এখানে একটি বই ও WAMP এর ডাউনলোড লিঙ্ক দিয়েছি। WAMP ডাউনলোড করে নিন। তার পর সাধারন নিয়মে তা ইন্সটল করে নিন। এবার Start>> Program file>>WAMP Server>>> Start WAMP Server এ গিয়ে WAMP Server রান করুন। তাহলে সিস্টেম ট্রেতে নতুন একটি আইকন দেখবেন। তার উপ Right Click করে Put Online নির্বাচক করুন।

যদি Put Online থাকে তাহলে আর কিছুই করতে হবে না। এবার আপনার ব্রাউজারে গিয়ে http://localhost/ লিখুন । যদি নিছের মত দেখতে পান তাহলে মনে করবেন আপনার WAMP Server রান করছে।

এবার দেখব কিভাবে একটি প্রোগ্রাম রান করবেন।

আপনার কোড গুলো একটি নোট প্যডে লিখে নিন। যেমন আমি নিছের কোড গুলোর যেকোন একটি লিখলাম।

<?php
echo"Hello, Tuner!!! It's my first PHP script";
?>

<?php
print"Hello, Tuner!!! It's my first PHP script";
?>

<?php
printf("Hello, Tuner!!! It's my first PHP script");
?>

এবার এটির একটি নাম সিলেক্ট করে Extension পরিবর্তন করে .php দিন। যেমন আমি দিলামঃ  hello.php । খেয়াল রাখবেন যেন কোন Space না থাকে।

তার পর আপনার WAMP Server এর Root ডিরেকট্ররিতে রাখুন। রুট ডিরেকট্ররি নির্ভর করে আপনার ইন্সটলেশনের উপর। স্বাভাবিক ভাবে রুট ডিরেকট্ররি হচ্ছে ::::: C:\wamp\www । অর্থাৎ www ফোল্ডার। আপনার ফাইলটি www ফোল্ডারের ভিতর রাখুন। এবার আপনার ব্রাউজারে http://localhost/ফাইলেরনাম.php দিন। দেখবেন আপনার প্রোগ্রাম রান হয়েছে। আমি যেহেতু  hello.php  দিলাম তাই আমার ক্ষেত্রে হবে http://localhost/hello.php এবং নিচের মত রান হবে। এবং লেখা উঠবেঃ Hello, Tuner!!! It's my first PHP script

আসা করি আপনারা এবার PHP শিখতে পারবেন। ধন্যবাদ সবাইকে।

Happy Programming!!!!

Read more ...

PHP শিখুন, নিজেকে তৈরি করুন একজন দক্ষ প্রোগ্রামার হিসেবে [পর্ব ১]

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

আমি PHP ভালো জানি না, শিখছি। আমি শিখার জন্য যে সকল উপাদান ব্যবহার করি তাই আপনাদের সাথে শেয়ার করব।

প্রথমে একটি বই শেয়ার করি। এ বইটি সম্পর্কে বিভিন্ন ফোরামে ব্যবহার কারীদের ফীডব্যাক ভালই। তবে আপনি যদি ভাল ভাবে PHP শিখতে চান বইটার পেপার ভার্শন অথবা PHP নিয়ে লেখা অন্য কোন ভাল বই কিনে নিয়ে এসে পড়া শুরু করাই ভাল। কম্পিউটারে বসে বসে পড়ার ধৈর্য্য অনেক সময় থাকে না।

ডাউনলোড লিঙ্ক

বইটি পড়লে বাড়তি হিসেবে আপনি MySQL ও শিখতে পারবেন।

হাসিন হায়দার ভাই সহ কিছু PHP Experts PHP এর উপর একটি বাংলা বই লেখার উদ্ধেগ নিয়েছে আপনি এখন যত টুকু লেখা হয়েছে তা পড়তে পারেন এখানে ক্লিক করে। আমি চাপ্টার লিস্ট এর লিঙ্ক দিলাম।

ওয়েব ডিজাইন শেখার জন্য বাংলাতে রয়েছে সুন্দর একটি সাইট। আপনি এখনি গিয়ে দেখতে পারেন। এখানে PHP সহ অন্যান্য ওয়েব ডিজাইন সম্পর্কিত বিষয় গুলো ও শিখতে পারবেন। তার জন্য এখানে http://www.webcoachbd.com/ যান।

PHP শিখার জন্য PHP, MYSQL ও Apache ইন্সটল করা লাগে। ইনস্টল করে কনফিগার করা অনেক ভেজাল। আমি পারি না। সব কিছু ইন্ট্রিগেট অবাস্থায় ও আপনি ইন্সটল করতে পারেন।  তার জন্য wamp ইন্সটল করতে পারেন। এখানে গিয়ে http://www.wampserver.com/en/download.php ডাউনলোড করে ইন্সটল করে নিন। তার পর শিখতে থাকুন PHP।  ধন্যবাদ সবাইকে।

HAPPY PROGRSMMING!!!!!!!!!!

Read more ...