দিন দিন ওয়েব ডিজাইনারের চাহিদা বৃদ্ধি পাচ্ছে। অনেক প্রতিষ্ঠানই তাদের তথ্যগুলোকে অনলাইনে সংরক্ষন করছে, ডেস্কটপ এপ্লকেশনগুলোর অনলাইন ভার্শনও বের হচ্ছে। তাই ওয়বে নিজের অবস্থানকে ভাল করার প্রচেস্টা স্বরূপ এগিয়ে যাচ্ছি।
কারনে অকারনে ছেলেবেলায়, ছাত্র জীবনে আর চাকুরী জীবনে বক্তব্য শুনতে হয়েছে অনেকবার। একটা কথা শুনেছি বেশি-তা হচ্ছে -“বেশি কিছু বলবো না” যারা এই কথা দিয়ে বক্তব্য শুরু করে তাদের বক্তব্যই বিরক্তকর লম্বা হয়। যাই হোক কিছুদিন আগে CSS টিউটরিয়াল (প্রাথমিক ধারণা ও সহজ একটি প্রজেক্ট)এর মাধ্যমে যে টিউটরিয়ালগুলো শুরু করেঝিলাম তা অনেকটা শেষ পর্যায়ে এসে […]
বেশি কিছু না, সিএসএস (CSS) ১০টি টিপস দেখুন:সিএসএস টিউটরিয়াল-৫ Read More »
এ টিউটরিয়ালটি প্রাথমিক পর্যায়ের শিক্ষার্থীদের জন্য যারা সিএসএস এ সুন্দর সুন্দর বক্স মডেল বানাতে চান। আজ কাল প্রায় সব ওয়েব সাইটই সিএসএস বেইজড। এবং সব সিএসএস বেইজড সাইটেই বক্স বানাতে হয়। আর এব্যাপারে পারদর্শিতার মাধ্যমে খুব সুন্দর সুন্দর ডিজাইন বানানো যায়। আর টেবিলকে বিদায় করেছে সিএসএস এর বক্স মডেলই। বক্স প্রপার্টি: বক্স বানতে চাইলে কয়েকটি
সুন্দর সুন্দর বক্স মডেল: সিএসএস টিউটরিয়াল-৪ Read More »
কোন কিছুতেই আমি স্থির থাকতে পারি না। একটি বিষয়ে অনেকদূর পর্যন্ত যাওয়ার প্রস্তুতি নিয়ে অর্ধেক পথে গিয়েই পথ অন্য পথে পা বাড়াই। চাকরী পরিবর্তন আর জায়গা পরিবর্তনের আবর্তে আমার টিউটরিয়ালের বিষয়েরও ঠিক ঠিকানা থাকে না। তবুও চেস্টা করবো সিএসএস নিয়ে ধারাবাহিকতা বজায় রাখতে। তবে সিএসএসএর প্রাথমিক আলোচনা আর কোড লেখার নিয়ম কানুনের উপর যে কয়টা
ব্যাগ্রাউন্ড ও টেক্সটের ডিজাইনে আনুন নতুন মাত্রা: সিএসএস টিউটরিয়াল-৩ Read More »
যাহারা ফেসবুক ছাড়া থাকতে পারেন না। ফেসবুক যাহাদের ঘুম হারাম করিয়া ফেলিয়াছে। তাহাদের জন্যই লইয়া আইলাম আজ একটি থিম। যাহার নাম Smells like Facebook। ইহা দেখিতে ঠিক ফেসবুকের মত। ইহা অ্যাকটিভ করা থাকিলে আপনার সাইট ফেসবুকের ন্যায় প্রদর্শিত হইবে।
বাংলা অনুবাদকৃত ফেসবুক-ওয়ার্ডপ্রেস থিম (Smells Like Facebook) Read More »
সূচনা কথা: ওয়ার্ডপ্রেসের মন্তব্যে সহজেই আপনি স্মাইলি যুক্ত করতে পারেন। স্মাইলি যুক্ত করলে আপনার ওয়েবসাইট সুন্দর হয়ে উঠবে। বিবরণ: স্মাইলি সহজ এবং সুন্দর একটি প্লাগিন হল wp-Monalisa। এটি দিয়ে সহজেই ওয়ার্ডপেসের আপনি স্মাইলি যুক্ত করতে পারবেন। ডাউনলোড: এটি আপনার সরাসরি এখান থেকে ডাউনলো করতে পারেন। (ফাইল সাইজ ৩৯৮ কিলোবাইট)
ওয়ার্ডপ্রেস প্লাগিন (wp-Monalisa) স্মাইলি যুক্ত করা Read More »
সিএসএস এর দ্বিতীয় ক্লাসে সবাইকে স্বাগতম। এ পর্বে সিএসএস কোডের id, ও class কিভাবে এইচটিএমএল এর সাথে কাজ করে তা দেখবো। আগের পর্ব যারা দেখেন নি তারা CSS এর প্রথম পর্ব দেখে নিন। তাছাড়া আলাদা CSS ফাইল আকারে কিভাবে প্রকাশ করা হয় এবং তা HTML এ প্রকাশ করার পদ্ধতিও দেখবো। CSS এ কমেন্ট লেখা CSS
সিএসএস সিন্টেক্স (কোড লেখার নিয়ম কানুন) CSS পাঠ-২ Read More »
ধাপে ধাপে সিএসএস টিউটরিয়াল শেখার প্রথম ক্লাসে সবাইকে স্বাগতম। এইচটিএমএল টিউটরিয়ালের পর এবার সবাইকে নিয়ে বসলাম সিএসএস (CSS) ক্লাসে। কলেজে পড়ার সময় দু’একটা টিউশনি করার মাধ্যমে যে শিক্ষকতা শুরু করেছিলাম তার অভ্যাস না ছাড়তে পারার কারনেই হয়তো টিউটরিয়ালবিডিতে লিখছি। তবে যে কথাটা সবাইকে বলতে চাই তা হলো-HTML এর উপর অসিম যে টিউটরিয়াল লিখেছেন তাতে সবাই
CSS টিউটরিয়াল (প্রাথমিক ধারণা ও সহজ একটি প্রজেক্ট) Read More »
ওয়ার্ডপ্রেস দিয়ে বাংলা ভাষার ওয়েবসাইট বানানোর পদ্ধতি নিয়ে আলোচনা করার পর ব্যাপক সারা পাওয়ায় আরও একটু এগিয়ে এলাম। আজ আমরা বাংলায় পোস্ট ও কমেন্ট লেখার ব্যবস্থা করবো। তার আগে শিখে নেই আগের পর্বের টিউটরিয়াল গুলো পর্ব-১: ওয়ার্ডপ্রেস দিয়ে বাংলা ভাষার ওয়েবসাইট বানানোর পদ্ধতি পর্বঃ দুই:ওয়ার্ডপ্রেস থিমের ইংরেজী শব্দগুলোকে বাংলা করা পর্ব-৩: বাংলা ফন্ট সেটআপ করা
বাংলায় পোস্ট ও কমেন্ট লেখার ব্যবস্থা Read More »
যা লাগবে: html ব্যবহার করে code লেখার জন্য আমাদের নতুন কোন সফটওয়্যারের প্রয়োজন নেই , আমরা আমাদের অতি পরিচিত নোটপ্যাড ব্যবহার করেই html এর code লিখতে পারি। এভাবে লেখা কোড আমরা .html এক্সটেনশন যেমন index.html দ্বারা Save করে যেকোন ব্রাওজার যেমন Internet explorer, Mozila , Google chrome, Opera দ্বারা দেখতে পারি। আমাদের Code এবং এর
HTML এ Font ট্যাগের ব্যবহার (HTML টিউটোরিয়াল – 6) Read More »
বাংলা সাইটগুলো দেখার জন্য আমাদেরকে বাংলা ফন্ট ডাউনলোড করে তা আবার Control Panel–Font ফোল্ডারে পোস্ট করতে হয়। যেসব ইউজার ইন্টারনেট এক্সপ্লোরার ব্যবহার করে তাদেরকে এই ঝামেলা থেকে মুক্তি দিতে পারেন। এ জন্য EOT (Embedded OpenType) ফন্ট বানিয়ে নিতে পারেন। EOT ফাইল বানিয়ে নিলে একটি কোড তৈরী হবে যা সাইটের এ বসিয়ে নিতে হবে। এখন আমরা
পর্ব-১: ওয়ার্ডপ্রেস দিয়ে বাংলা ভাষার ওয়েবসাইট বানানোর পদ্ধতি দেখুন থিমের ইংরেজী শব্দগুলোকে বাংলা করা থিমের ফোল্ডারে বেশ কিছু ফাইল দেখতে পাবেন যেগুলোই মূলতঃ ইউজার দেখতে পারে। সেই ফাইল গুলোর ইংরেজী শব্দগুলো পরিবর্তন করে বাংলা শব্দগুলো লিখে দিন। অবশ্যই ফাইলগুলোর ব্যাক আপ রেখে নিবেন। থিম ফাইলের পরিচয়ঃ home.php সাধারণতঃ প্রথম পাতা প্রদর্শনের সময় home. php ফাইলটি
পর্বঃ দুই:ওয়ার্ডপ্রেস থিমের ইংরেজী শব্দগুলোকে বাংলা করা Read More »
ওয়ার্ডপ্রেসের উপর নিয়মিত টিউটরিয়াল লেখার ইচ্ছা থাকা সত্ত্বেও তা হয়ে ওঠে নি। আমার সাইটটি ওয়ার্ডপ্রেস দিয়ে বানানোর কারনে বাংলা করনের উপর বেশ কিছু জিনিস শিখতে পেরেছি যা শেয়ার করার অপেক্ষায় আছি। একটি বাংলা ওয়েব সাইট বানাতে ওয়ার্ডপ্রেস সেটআপেরপর বাড়তি যা করতে হবে তা হলো: ১. বাংলা ভাল ফন্টের জন্য থিমের style.css ফাইলটি সম্পাদনা করতে হবে।
পর্ব-১: ওয়ার্ডপ্রেস দিয়ে বাংলা ভাষার ওয়েবসাইট বানানোর পদ্ধতি Read More »
অনেকদিন ওয়ার্ডপ্রেস ব্যবহার করার মধ্য দিয়ে শত শত প্লাগইন সেটআপ করা আবার মুছে ফেলা মাঝে মাঝে কোড এডিট করার মধ্যে দিয়ে দিন কেটে যেত। ওয়ার্ডপ্রেসে কিভাবে প্লাগিন বানানো হয়, এ ব্যাপারে নিজের প্রশ্নগুলোর উত্তর বের করার জন্য প্লাগইনগুলোর কোডে হাত দিলাম তার পর বেপারটা সহজ মনে না হলেও কঠিন কিছু মনে হয় নি। ভাল মানের
ওয়ার্ডপ্রেস প্লাগইন বানানো এত সহজ : আমার প্রথম ওয়ার্ডপ্রেস প্লাগইন Read More »
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-4) এর মাধ্যমে কিভাবে HTML এ প্যারাগ্রাফ লেখতে হয় তা দেখেছি এখন আমরা প্যারাগ্রাফ এর মধ্যে লাইন ব্রেক তৈরি করা শিখব। আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-4) এ ব্রাউজারে যা প্রদর্শিত হয়েছিল তা ছিল নিম্নরূপ,
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-5) Read More »
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-3) এর মাধ্যমে আমরা HTML এ HEADING বা শিরোনাম লিখতে হয় তা দেখেছি আজ আমরা কিভাবে HTML এ প্যারাগ্রাফ লিখতে হয় তা দেখব। আমাদের প্রয়োজনীয় Code এবং এর বিভিন্ন অংশ: আমরা একটা নোটপ্যাড open করে নিচের code টুকু লিখি। Code: <html> <head>
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-4) Read More »
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-2) এর মাধ্যমে আমরা কিভারে HTML এর মাধ্যমে একটা ওযেব পেজের ব্যাকগ্রাউন্ড কালার দিতে হয় তা দেখেছি এখন আমরা কিভবে HTML এ HEADING বা শিরোনাম লিখতে হয় তা জানব। আমাদের প্রয়োজনীয় Code এবং এর বিভিন্ন অংশ: আমরা একটা নোটপ্যাড open করে নিচের code
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-3) Read More »
এ টিউটরিয়ালটিতে দেখবো কিভাবে মাইএসকিউএল ডাটাবেজে ডাটা ইনসার্ট করা যায়। খুব সহজ কিছু কোয়েরী শিখতে হবে। এর আগের পর্বের ডাটাবেজ কানেক্ট ও টেবিল তৈরীর কাজটি অবশ্যই জেনে নিতে ভুলবেন না। তাহলে শুরু হোক। আগেই তৈরী করা টেবিলে নিচের ভ্যালু সংযুক্ত করার জন্য এই কোড লিখু্ন। insert.php ফাইল <php $con = mysql_connect(“localhost”,”tutobd_aziz”,”password”); mysql_select_db(“tutobd_aziz”, $con); $sql =
ডাটা ইনসার্ট : পিএইচপি ও মাইএসকিউএল (MySQL) Read More »
খু্ব সহজেই একটি ফরমের মাধ্যমে ই-মেইল পাঠাতে পারি। সামান্য কিছু কোডিং এ এটি সম্ভব। যারা সামান্য এইচটিএমএল জানেন তারাই বানাতে পারেন এ ই-মেইল সেন্ড করার ফরমটি। যারা HTML শিখতে আগ্রহী তারা অসিমের HTML টিউটরিয়াল প্রথম পর্ব এবং দ্বিতীয় পর্ব) এ চোঁখ রাখুন। এখানে যে ফরমটি দেখতে তারমতো একটি মেইল পাঠানোর সাদামাটা প্রগ্রাম বানাতে নিচের কোড
ই-মেইল পাঠানোর ছোট্ট প্রজেক্ট Read More »
পিএইচপি কিছু কিছু জানা থাকলেও মাইএসকিউএল এর কানেক্ট করে ডায়নামিক সাইট বানানোর আগ্রহ অনেকদিনেরই ছিল। ওয়ার্ডপ্রেস আর জুমলা দিয়ে সাইট বানালেও নিজের মতো করে অনেক কিছুই করতে পারছিলাম না। একটু একটু করে শিখে নিচ্ছি মাইএসকিউএল দিয়ে সাইট বানানো। প্রথমে ডাটাবেজ কানেক্ট করতে হবে । প্রথম কন্ট্রোল প্যানেল থেকে একটি ডাটাবেজ বানিয়ে নেই । মনেকরি, ডাটাবেজের
পিএইচপি ও মাইএসকিউএল (MySQL) কানেকশন ও টেবিল তৈরী Read More »
ইন্টারনেটে ব্রাউজ করতে করতে আমরা বিভিন্ন সময়ই দেখি 404 Page not found বা 503 Service unavailable এরকম এরর। এছাড়াও আরো বিভিন্ন HTTP Success অথবা Error কোড চোখে পড়ে আমাদের। কিন্তু অনেকেই জানেনা বিভিন্ন নাম্বার সম্বলিত সেই কোডগুলো সম্বন্ধে তাই আজ আমার এই পোষ্টে আমি সেই কোডগুলো সম্বন্ধেই একটু ধারনা দিতে চেষ্টা করবো। 1xx Informational ১
জেনে নিন HTTP এর Success এবং Error কোডগুলোর বিস্তারিত Read More »