QuickTech Institute

ওয়েব ডিজাইন শিখুন সম্পূর্ণ কোর্স ফ্রি তে✍️

📝এইচ টি এম এল সম্পর্কে প্রাথমিক ধারণাঃ পর্ব- ৪

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

আমরা এই পর্বে শিখবো এইচ.টি.এম.এল লিখার জন্য কি এডিটর ব্যবহার করবো।

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

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

এখন আমরা নোটপ্যাড++ ইন্সটলেশন কিভাবে সম্পন্ন করতে পারি তা দেখবো।

আমরা প্রথমে ব্রাউজার অপেন করবো। আমি গুগল ক্রম ব্যবহার করি। তাই সেখানে গিয়ে Download Notepad++ লিখে সার্চ দিয়েছি। সার্চ রেজাল্ট এ notepad-plus-plus.org এ গেলে অনেকগুলো লিংক দেওয়া আছে বিভিন্ন ভার্সনের। আমরা যে কোন একটা আপডেট ভার্সন সিলেক্ট করতে পারি। আমি এখন 7.8.5 এই ভার্সন সিলেক্ট করেছি।

সেখানে গেলে আমাকে সিলেক্ট করতে হবে আমি যে ল্যাপটপ বা ডেস্কটপ ব্যবহার করবো সেটা কত বিটের।

যদি আপনি না জেনে থাকেন আপনার টি কত বিটের তবে আপনি আপনার ল্যাপটপ বা ডেস্কটপ এর সার্চ বারে PC লিখে সার্চ দিলে আপনার পিসির যে অ্যাপ আছে তা আসবে। অ্যাপটি আসলে তার উপর মাউজ নিয়ে রাইট ক্লিক করলে properties অপশন আসবে। সেটাতে ক্লিক করলে যে ইউনডো পাবেন তাতে সিস্টেম টাইপ দেওয়া থাকবে। আমার এখানে system type: 64-bit operating system লিখা আছে। আপনার এখানে লিখা থাকবে আপনার সিস্টেম টাইপ কত বিটের।

আমি ৬৪ বিটের এটা নিব এজন্য যে আমার ল্যাপটপ ৬৪ বিটের।

সেখানে কয়েকটি অপশন পাবো ডাউনলোড করতে। তার মধ্যে থেকে আমি Installer | GPG signature এ ক্লিক করবো

এটা ক্লিক করলে আমাদের
npp.7.8.5.Installer.x64.exe

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

এর পর আবার নেক্সট। এর পর ইন্সটল এ ক্লিক করার আগে চেক বক্স ২ টি সিলেক্ট করে ইন্সটল এ ক্লিক করবো।

এর পর এটা ইন্সটল হয়ে গেলে ফিনিশ আসবে। ফিনিশ এ ক্লিক করলে আমাদের ইন্সটল সম্পন্ন।

ফেসবুক পেজে লাইক দিয়ে আমাদের সাথে একটিভ থাকুন 🙂

ফ্রি সাপোর্ট জন্য জয়েন্ট করুন আমাদের অফিসিয়াল ফেসবুক গ্রুপে 👉https://www.facebook.com/groups/944766325975340

আপনার মতামত জানাবেন।

-ধন্যবাদ

Notepad++ Notepad++ is a free (as in “free speech” and also as in “free beer”) source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License.

ওয়েব ডিজাইন শিখুন সম্পূর্ণ কোর্স ফ্রি তে✍️

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

📝এইচ টি এম এল সম্পর্কে প্রাথমিক ধারণাঃ পর্ব- ৩

এইচ টি এম এল (HTML)এর পূর্ণ রুপ হলো হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ যা ওয়েব পেজের স্ট্রাকচার বর্ণনায় ব্যবহার করা হয়। এটি এলিমেন্টে সিরিজের সমন্বয়ে গঠিত যা ব্রাউজারকে নির্দেশনা দেয় যে, কনটেন্ট কিভাবে প্রদর্শিত হবে। এই এলিমেন্টগুলো বিভিন্ন ট্যাগের সমন্বয়ে গঠিত । আবার এই ট্যাগগুলো বিভিন্ন অংশে বিভক্ত -যেমন - "হেডিং" , " প্যারাগ্রাফ " , "টেবল"ইত্যাদি। ব্রাউজার কোন ট্যাগ প্রদর্শন না করে আমাদের শুধু মাত্র কনটেন্ট দেখায়।
এইচ টি এম এল এর বেসিক কাঠামো দেখানো হলো-




এখানে আমাদের পেজের টাইটেল লিখবো।আমাদের ইচ্ছে মতো যে কোন নাম এখানে লিখতে পারবো।তবে পেজের সাথে মিল রেখে এখানে টাইটেল লিখা ভালো



এখানে আমরা হেডিং লিখবো।
এখানে আমরা প্যারাগ্রাফ লিখবো।




The element specifies a title for the document
The element contains the visible page content
The element defines a large heading
The element defines a paragraph

উদাহরণসহ এই কাঠামো ব্যাখ্যা করা হলো

এটা ডকুমেন্টকে এইচ টি এম এল হওয়া নির্দেশ করে।
এটি হলো একটি মূল ট্যাগ যার ভেতর সকল ট্যাগ থাকে। একটি এইচ টি এম এল পেজের মুল এলিমেন্ট হলো


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

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

সাধারণত ট্যাগ গুলো জোড়ায় জোড়ায় থাকে। অর্থাৎ অধিকাংশ ট্যাগ এর শুরু এবং শেষ আছে। যেমন আমরা উপরে "", "", "" ইত্যাদি ট্যাগ গুলো ব্যবহার করেছি। প্রথম ট্যাগ কে স্টার্ট ট্যাগ বা শুরুর ট্যাগ এবং শেষের ট্যাগ কে ইন্ড ট্যাগ বা শেষ ট্যাগ বলে। শুরুর এবং শেষের ২ টি ট্যাগ ই একই রকম। তবে শেষ ট্যাগ লিখার সময় , শেষ ট্যাগের নামের পূর্বে ফরওয়ার্ড স্লেশ ( " / " ) দিতে হয়। যেমন - আমরা উপরে "", "", "" ইত্যাদি ট্যাগ গুলো ব্যবহার করেছি।

কিছু কিছু ট্যাগ জোড়া জোড়া না হয়ে একটিও হয়। যেমন

ডিক্লারেশনঃ
আমারা যে ডকুমেন্ট ব্যবহার করছি তা কি ধরনের, এটি বুঝাতে লিখা হয়।
একটি ওয়েব ডকুমেন্টের সবার উপরে
"" লিখা হয়। এটি লিখার পর অন্য সকল ট্যাগ লিখতে হয়। আর এই ট্যাগ একটি ডকুমেন্টে একবার ই ব্যবহার হয়।
এটি কেস সেন্সেটিভ না। অর্থাৎ এই লেখাটি আমরা ছোট বা বড় হাতের যেমন খুশি লিখতে পারবো । এইচ টি এম এল ৫ এর ডিক্লারেশন হলো


এইচটিএমএল(HTML) সংস্করণঃ
ওয়েব এর শুরু থেকে আজ পর্যন্ত অনেকগুলো সংস্করণ বা ভার্সন এসেছে। যেমন ১৯৯১ সাল থেকে ২০১৪ পর্যন্ত এই সংস্করণ হয়েছে। প্রতিনিয়ত এই সংস্করণ চলছে। যার ফলে আমরা অনেক উপকৃত হচ্ছি। প্রতিটি সংস্করণে নতুন নতুন সংযোজন হয়েছে। আর প্রতিটি সংস্করণে কাজের গতি অনেক বেড়ে গেছে। এইচ টি এম এল ব্যবহার হয় ১৯৯১ সালে। এর পর এইচ টি এম এল ২.০ আসে ১৯৯৫ তে, এইচ টি এম এল ৩.২ আসে ১৯৯৭ সালে। ১৯৯৯ সালে আসে এইচ টি এম এল ৪.০১ এবং এর পর এক্স এইচ টি এম এল আসে ২০০০ সালে। সর্ব শেষ ২০১৪সালে আসে এইচ টি এম এল ৫।যা এখন পর্যন্ত জনপ্রিয়।

আমাদের কোর্স করার পর আপনার আর কোথাও সমস্যা হওয়ার কথা না। যদি সাপোর্ট লাগে তবে আপনি তা পাবেন ফ্রি তে।

ফেসবুক পেজে লাইক দিয়ে আমাদের সাথে একটিভ থাকুন 🙂

ফ্রি সাপোর্ট জন্য জয়েন্ট করুন আমাদের অফিসিয়াল ফেসবুক গ্রুপে 👉https://www.facebook.com/groups/944766325975340

-ধন্যবাদ