ADs by Techtunes ADs
ADs by Techtunes ADs

HTML টেমপ্লেট কি? HTML টেমপ্লেট কিভাবে ব্যবহার করবেন ? ১১ টি একদম ফ্রী HTML রেস্পন্সিভ টেমপ্লেট

Level 6
এডমিন প্রতিবেদক, স্মার্টবিশ্ব

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

ADs by Techtunes ADs

ওয়ার্ডপ্রেস থীম ও এইচটিএমএল টেম্পলেট এর ভেতর পার্থক্য :

ওয়ার্ডপ্রেস হল একটি সিএমএস সফটওয়্যার। এই ওয়ার্ডপ্রেস ব্যবহারকারীর সার্ভার এবং সে কি কনটেন্ট দেখাবে, কোন থীম চালাবে এসব নিয়ন্ত্রন করে। এখানে আমরা ওয়ার্ডপ্রেস থীম ব্যবহার করি; সেসব থীম কেবল ওয়ার্ডপ্রেস এর জন্য কম্প্যাটিবল করে বানানো থাকে।অর্থাত এখানে আপনার কনটেন্ট, দৃশ্যমান সকল বস্তু এবং সার্ভার এর মাঝখানে ওয়ার্ডপ্রেস মাধ্যম হিসেবে কাজ করে। ঠিক এমনটি জুমলার ক্ষেত্রেও।

ওয়েব সিএমএস র্য্যাঙ্কিং এ ওয়ার্ডপ্রেসের পরই জুমলার স্হান। তবে এখানে এইচটিএমএল থীম এর ক্ষেত্রে যা ঘটে তা হল; সার্ভার এবং মূল কনটেন্ট সাইটের মাঝে কোন মাধ্যম বা সিএমএস থাকেনা। এখানে আপনি সরাসরি আপনার সার্ভার এর ডিক্সে থীম ফাইলগুলো যোগ করছেন। যদিও ওয়ার্ডপ্রেসের ক্ষেত্রেও প্রত্যক্ষভাবে না হলেও পরোক্ষভাবে ফাইলগুলো ডিক্সেই জমা হয়; তবে মাঝে ওয়ার্ডপ্রেসই এই কাজটি করে দেয়।

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

এইচটিএমএল টেমপ্লেট আপলোড :

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

প্রথমে থীম ডাউনলোড করার পর সেই ডাউনলোডেড ফাইলে ঢুকে মেইন থীম ফাইল খুজে বের করুন; এবং তা জিপ করে ফেলুন। তারপর আপনার সিপেনেলে প্রবেশ করুন। তারপর ফাইল ম্যানেজারে Public_html এ গিয়ে সেই জিপ করা ফাইলটি আপলোড করুন; সাথে সাথে আনজিপ করুন। আনজিপ করার পর দেখবেন জিপ ফাইলটি রয়েই গিয়েছে; সেটি ডিলিট করুন। ব্যস!! থীম আপলোডিং কমপ্লিট।

এইচটিএমএল টেমপ্লেট এডিট করবেন যেভাবে :

এইচটিএমএল টেমপ্লেট আপলোড করার আগে; সেটি আপনার প্রয়োজন হিসেবে আপনার কম্পিউটারে ম্যানুয়ালি এডিট করতে হবে। এডিট করা ওয়ার্ডপ্রেসের মতন সহজ -সাবলীল নয়। ওয়ার্ডপ্রেস থীমের ক্ষেত্রে মোস্টলি -"Coding Skills Not Required" তবে এইচটিএমএল টেমপ্লেট এর ক্ষেত্রে "Basic Coding Skills Required" কেবল HTML; যারা আগে গুগল এর ব্লগারে কাজ করেছেন এবং ব্লগার থীম ড্যাশবোর্ড থেকে এডিট করেছেন।

তাদের কাছে পরিবেশটা পরিচিত মনে হবে। এইচটিএমএল টেমপ্লেট এডিট করার জন্য আপনাকে কম্পিউটারে অন্তত হলেও Notepad++ সফটওয়্যার ব্যবহার করে থীমফাইলগুলো এডিট করতে হবে। এডিট এর সময় আপনার চোখের সামনে ভেসে উঠবে অনেকগুলো কোড। ভয় নেই HTML কোড; একবার শিখে নিলেই সব পারবেন। এক্ষেত্রে যে টেমপ্লেটই ব্যবহার করেননা কেন; ডকুমেন্টেশন দেখুন ব্যাপক ধারনা পাবেন।

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

ADs by Techtunes ADs

Global - HTML5 Website Template

আপনার যদি ক্রিয়েটিভ এজেন্সী এইরকম কোনো প্রতিষ্ঠান থাকে তবে সেইক্ষেত্রে এই টেমপ্লেটটি ব্যবহার করতে পারেন। এটি মূলত একটি ওয়ান পেজ টেমপ্লেট; যেটি সহজেই এডিটেবল।

Photon

ফোটন একটি ওয়ান পেজ HTML5 টেমপ্লেট। এই টেমপ্লেট প্যারালাক্স ইফেক্ট এর সাথে ছবি যোগ করা যাবে এবং এই টেমপ্লেট এর বাটনে থাকছে সুন্দর হোভার ইফেক্ট।অনলাইন পোর্টফোলিও ওয়েবসাইটকে এক নতুন লুক দেয়ার জন্য এই টেমপ্লেট ব্যবহার করতে পারেন।

Apollo

প্রোফেশনাল ফটোগ্রাফারদের জন্য তাদের শট ও ক্রিয়েভিটি শোকেস করার জন্য এই টেমপ্লেটটি অসাধারন।

Landed

লেজী ইমেজ লোড,প্যারালাক্স ইফেক্ট এর সাথে সুন্দর "ল্যান্ডেড" টেমপ্লেটটি ব্যবহার করতে পারেন আপনার ওয়েবসাইটে একদম ফ্রী!! m

Flex

অনলাইন সিভি বা পোর্টফলিও সাইটের জন্য "ফ্লেক্স" ফ্রী HTML5 টেমপ্লেটটি ব্যবহার করতে পারেন। এই ফ্রী টেমপ্লেটে থাকছে ইমেজ গ্যালারি,স্লাইডার,ফিক্সড ফ্লোটিং মেনু সহ আরও অনেক কিছু।

ADs by Techtunes ADs

Alpha

একদম সিম্পল লেআউট এর সাথে খুবই প্রোফেশনালী ডিজাইন করা টেমপ্লেট হল আলফা।বিজনেস কোম্পানি বা এজেন্সীর ওয়েবসাইটের জন্য এটি মানানসই।

Transit

ট্রানসিট টেমপ্লেটটি আপনার ওয়েবসাইটে ব্যবহার করতে পারেন বিভিন্ন ক্ষেত্রে। ট্রানসিট টেমপ্লেট ব্যবহার করে আপনার সাইটকে দিন এক নতুন লুক!!

Volton

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

Howdy

এটি হল মিনিমাল ডিজাইনের একটি সিভি স্টাইলের এইচটিএমএল টেমপ্লেট। ক্রিয়েটিভ ডিজাইনার, ফটোগ্রাফারদের জন্য এটি সেরা।

Harbour

এটি খুবই সুন্দর অন্যরকম ডিজাইনের একটি ফ্লাট পোর্টফলিও টেমপ্লেট।

Start

ADs by Techtunes ADs

এটি খুবই সুন্দর বিভিন্ন ক্ষেত্রে ব্যবহারযোগ্য সিঙ্গেল পেজ এইচটিএমএল টেমপ্লেট। এটি বুটস্ট্র্যাপ ৩ দিয়ে তৈরি।

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

ADs by Techtunes ADs
Level 6

আমি আমি মাহিন। এডমিন প্রতিবেদক, স্মার্টবিশ্ব বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 4 বছর 10 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 215 টি টিউন ও 88 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 14 ফলোয়ার আছে এবং আমি টেকটিউনসে 1 টিউনারকে ফলো করি।

ভালোবাসি প্রযুক্তি নিয়ে লিখতে, ভালবাসি প্রযুক্তি নিয়ে ভাবতে।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস