Techno It Zone

08/02/2017

15/01/2017

সিএসএস টিউটোরিয়াল | ভূমিকা (CSS Tutorial in Bangla)

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

বর্তমানে সিএসএস ৩ চলে এসেছে (এখনও কাজ চলছে)। এর আগের ভার্সন হল সিএসএস ২.১। তবে সিএসএস ৩ এখন অধিকাংশ ব্রাউজারে সাপোর্ট করে এবং CSS 3 ব্যবহার দিন দিন বেড়েই চলছে।

CSS - Cascading Style Sheets

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



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



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

14/01/2017

Techno It Zone

13/01/2017

এইচটিএমএল টিউটোরিয়াল | ভূমিকা (HTML Tutorial in Bangla | Introduction)

এইচটিএমএল (HTML) এর অর্থ হচ্ছে Hyper Text Markup Language. এটা কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়, মার্কআপ ল্যাংগুয়েজ।
ওয়েব ডেভেলপার হতে হলে এই ল্যাংগুয়েজ টি সবার আগে ভালভাবে শিখতে হবে।তবে এটা শেখা খুব সহজ।
এটা শিখলেই আপনি একটা ওয়েব পেজ তৈরী করতে পারবেন। এরপর যদি সিএসএস শেখেন তাহলে ঐ পেজটিতে আরেকটু প্রান দিতে পারবেন
তারপর জাভাস্ক্রিপ্টের পালা, জাভাস্ক্রিপ্ট শিখে এর এপ্লিকেশন করলে আপনার ঐ ওয়েব পেজটি ডাইনামিক হওয়া শূরু হল। সবশেষে পিএইচপি + ডেটাবেস শিখলে আপনি পূর্নাঙ্গ ডেটাবেস Driven ওয়েবসাইট তৈরী করতে পারবেন।


যে জিনিস লাগবে এইচটিএমএল শিখতে (অর্থ্যাৎ এইচটিএমএল কোড কোথায় লিখবেন)



নোটপ্যাড। Notepad open করে তৈরী হোন। যেহেতু নতুন তাই নোটপ্যাড দিয়েই শুরু করুন পরে অন্য কোন এডভান্সড এডিটরে সুইচ করবেন যেমন Netbeans বা Dreamweaver. আর যদি ড্রিমওয়েভার এ কাজের অভিজ্ঞতা থাকে তাহলে তাহলে এখনই শুরু করতে পারেন। উইন্ডোজে বাই ডিফল্ট যে নোটপ্যাড টি থাকে সেটা দিয়ে কোড করে কোন মজা বা সুবিধা কিছুই পাবেননা। তবে এরকমই একটা হালকা নোটপ্যাড আছে নাম "Notepad++" এখানে প্রচুর সুবিধা পাবেন এবং এটা প্রফেশনাল কোড লেখার জন্য নি:সন্দেহে ব্যবহার করতে পারেন। এই যে ডাউনলোড লিংক

এইচটিএমএল শিখতে যে শব্দগুলি ভালভাবে জানা দরকার-

এইচটিএমএল এলিমেন্ট (Element)
এইচটিএমএল ট্যাগ (Tag)
এইচটিএমএল অ্যাট্রিবিউট (Attribute)
এ শব্দগুলি সবসময় আসবে এবং এগুলির পরিষ্কার ধারনা থাকতে হবে।

HTML, XHTML এবং HTML5

HTML এর সর্বশেষ ভার্সন হচ্ছে HTML5। এইচটিএমএল ৫ এ এক্সএইচটিএমএল সকল নিয়ম অনুসরন করা হয়। কাজেই HTML 5 শিখলেই আগের ভার্সনগুলি অটোমেটিক শেখা হয়ে যাবে। তাই আমরাও ঐভাবে টিউটোরিয়ালগুলি দেব।

* W3C নামের এই সংস্থাটি HTML তৈরী এবং ম্যানেজমেন্ট করে।

* HTML 5 মুলত HTML ই তবে এখানে নতুন নতুন অনেক ট্যাগ এবং নিয়ম যুক্ত হয়েছে যেগুলির বর্ননা আমরা পরবর্তী টিউটোরিয়ালগুলিতে প্রয়োজন অনুসারে দিয়ে দেব।

12/01/2017

কেন প্রোগ্রামিং কে ক্যারিয়ার হিসেবে নিবেন??

কারন ১ : প্রোগ্রামিং এমন একটা জিনিস, ভালভাবে শিখলে হিরো। এটা কোন খেলা নয় যে আজকে ভাল খেললেন তো হিরো, কাল ফর্ম নেই তো জিরো। কোডিং শেখাটা সময়সাপেক্ষ এবং অনেক ধৈর্য্যের ব্যাপার। মনে হতে পারে এতদিন ধরে শিখছি কিন্তু আউটপুট তো জিরো। এই ZERO টেম্পরারি বাট শিখে গেলে HERO পার্মানেন্ট।

কারন ২ : যেকোন একটা ল্যাংগুয়েজ ভালভাবে শিখলেই হবে, তবে ল্যাংগুয়েজটি মেইনস্ট্রিম ল্যাংগুয়েজ হতে হবে যেমন জাভা, সি, পিএইচপি, পাইথন কিংবা এরুপ কোন ল্যাংগুয়েজ। ১টা ভালভাবে শেখার কথা এজন্য বললাম কারন পৃথিবীর সব মেইনস্ট্রিম ল্যাংগুয়েজ একই শুধু সিনট্যাক্স এবং টুকিটাকি এটা সেটা পার্থক্য। তাই যেকোন সময় ল্যাংগুয়েজ switch করা মাত্র ১ সপ্তাহের ব্যাপার। আপনি যদি একটা ল্যাংগুয়েজ এ এক্সপার্ট হন তাহলে এরপর যেকোন ল্যাংগুয়েজ শিখতে ১ সপ্তাহের বেশি লাগবেনা। তবে হ্যা নতুন যে ল্যাংগুয়েজ শিখলেন সেই ল্যাংগুয়েজের কোন এক্সপার্টের সাথে আপনার শুধু কিছু অভিজ্ঞতার পার্থক্য থাকবে সেটাও দ্রুত রিকভার করা যায়।

কারন ৩ : সবচেয়ে চাঞ্চল্যকর বিষয় হচ্ছে এই সেক্টরে সার্টিফিকেটের তুলনায় ট্যালেন্ট এবং যোগ্যতার মুল্য বেশি। কাজ জানেন তো ডিগ্রী ছাড়াই হিরো যেমন জুকারবার্গ কিংবা বিল গেটসের কথা ভেবে দেখুন। আর কাজ না জানলে ডিগ্রী থাকলেও হয়রানি।


কারন ৪ : চাকরি যদি নাও করেন তবুও নিজেই একটা ইকমার্স প্রজেক্ট বাজারে ছেড়ে দিলেই তো এরপর শুধু মার্কেটিং এর কাজ, তারপর বসে বসে খাও।

কাজেই প্রোগ্রামিং কে ক্যারিয়ার বানান, ২/২.৫ বছর চ্যালেন্জ face করুন এরপর পাবলিকের টাকা আপনার পকেটে ঢুকান।

11/01/2017

11/01/2017

ওয়েব ডিজাইন এবং নতুনদের জন্য আরও নির্দেশনা !!!

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

** যদিও শাব্দিক অর্থ ভিন্ন তবু ওয়েব ডিজাইন এবং ডেভেলপমেন্ট একি অর্থে ব্যাবহার করে এর শাব্দিক অর্থ লঙ্ঘন করা হচ্ছে।আপনি যদি বলেন আমি ওয়েব ডিজাইনার তাহলে ধরা হয় আপনি ডেভেলপমেন্ট এর কাজও জানেন।আসল অর্থ হল-ওয়েব ডেভেলপার=যে প্রোগ্রামার,কোডিং করে,অ্যাপ্লিকেশন তৈরী করে।আর ওয়েব ডিজাইনার=যে ডিজাইন করে,সাইটের বাহ্যিক রুপ কেমন হবে তা তৈরী করে,কোডিং করেনা।

প্রত্যেক ওয়েব ডেভেলপার এর নিচের বিষয়গুলি জানা উচিৎ

কিভাবে www কাজ করে
এইচটিএমএল
সিএসএস
জাভাস্ক্রিপ্ট
এক্সএমএল
সার্ভার স্ক্রিপ্টিং ল্যাংগুয়েজ
SQL দিয়ে ডেটাবেস বানানো

11/01/2017

ওয়েব ডিজাইন কি ?

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

10/01/2017

Web Traffic Service provides full Search Engine Optimization