একটি TPL ফাইল কি?
.tpl এক্সটেনশন সহ একটি ফাইল হল HTTP ফাইল সার্ভার (HFS) দ্বারা তৈরি এবং ব্যবহৃত একটি টেমপ্লেট ফাইল যা FTP প্রোটোকলের পরিবর্তে ওয়েব প্রযুক্তি HTTP-এর মাধ্যমে ফাইল পাঠাতে এবং গ্রহণ করার জন্য একটি ফাইল শেয়ারিং অ্যাপ্লিকেশন প্রোগ্রাম। এটি টেমপ্লেট তথ্যের উপর ভিত্তি করে গতিশীলভাবে HTML পৃষ্ঠাগুলি তৈরি করতে ব্যবহৃত হয় যা অনুরূপ লেআউট, স্টাইলিং এবং স্ক্রিপ্টগুলির সাথে সেটিংসের জন্য সংজ্ঞায়িত করা হয়। যে অ্যাপ্লিকেশনগুলির জন্য একই সেটিংস প্রয়োজন সেগুলিকে একই টেমপ্লেট ফাইল বরাদ্দ করা যেতে পারে এবং HFS এই টেমপ্লেট ফাইলের উপর ভিত্তি করে রানটাইমে গতিশীলভাবে অনুরোধ করা পৃষ্ঠাটি ফিরিয়ে দেবে।
TPL ফাইল ফরম্যাট
TPL ফাইলগুলি মানুষের পঠনযোগ্য বিন্যাসে সংরক্ষণ করা হয় এবং এতে এইচটিএমএল থাকে যা মানুষের পাঠযোগ্য মার্কআপ ভাষা। এইচটিএমএল ছাড়াও, একটি টিপিএল ফাইলে টেমপ্লেট স্তরের সিএসএস এবং জাভাস্ক্রিপ্টও থাকতে পারে যাতে এই টেমপ্লেট ফাইল থেকে তৈরি সমস্ত পৃষ্ঠাগুলি দ্বারা সঞ্চালিত লেআউট এবং ক্রিয়াগুলি সংজ্ঞায়িত করা যায়।
TPL বিভাগ
TPL বিভাগগুলিতে HTML, CSS বা JavaScript কোড থাকে যা HFS দ্বারা আউটপুট পৃষ্ঠা তৈরি করার সময় ব্যবহৃত হয়। প্রতিটি বিভাগ বর্গাকার বন্ধনী ([]) দিয়ে শুরু হয় এবং শতাংশ চিহ্ন (%) দ্বারা সংজ্ঞায়িত করা হয়। একটি TPL ফাইলে নিম্নলিখিত বিভাগ থাকতে পারে।
TPL শৈলী বিভাগ
এতে স্টাইলিং সম্পর্কিত তথ্য রয়েছে যা এমবেডেড CSS ফাইলের রেফারেন্স ব্যবহার করতে পারে বা নাও করতে পারে। স্টাইলিং বিভাগের একটি উদাহরণ নিম্নরূপ।
[style]
.row { color: #666 }
span.size_file { font-size:10px; color:#666 }
.button, .big, .little, th { font-weight:normal; font-size:9pt; color:#222; }
#back { background:#222;border:1px solid #000;padding:5px;margin-top:10px;}
.little { font-size: 8pt; color:#2F4F4F;margin-top:10px; }
.path_title { color: #999;margin-top:10px; }
img { border-style:none }
.row { background:#f8f8f8;}
.row a { text-decoration:none; }
.comment { font-size:7pt; color:#666; background:#f3f3f3; padding:3px; border:1px solid #ccc; margin-top:2px; }
.column { color:#222; font-size:13pt; font-weight:bold; padding-bottom:0; }
.flag { font-weight:bold; font-size:8pt; background:#fff; color:#990000; text-align:center; border:1px solid #ff0000; }
.text { color:#222; }
span.desc { color: #999; }
#everything { margin-top:20px;border-top:1px solid #ccc;padding-top:10px; }
html {
font-size: 62.5%;
}
body {margin:0px; padding:0px; background-color:#fff; color:#222; font-family:"Lucida Grande", "Tahoma", "Helvetica", "Arial", sans-serif; font-size:120%;quotes:"\201C" "\201E" "\2018" "\2019";}
table, tr, td {font-size: inherit;}
a:link {color: #222;}
a:visited {color: #666;}
a:hover { color: #000;}
a:active {}
a:focus {}
img, a img {border: none;}
#path {color: #333;background-color: #f8f8f8; border-bottom: 1px solid #ccc;padding: 3px 8px;margin: 0px;}
#path li {display: inline;padding-left: 13px; padding-right: 3px; background-image: url(arrow.gif);background-repeat: no-repeat;background-position: 1px 5px;}
#path span {font-weight: bold;}
#header {margin: 24px 48px;}
#header h1 {font-size: 250%;color: #222; margin: 0;margin-bottom: 6px;}
#header h2 {font-size: 120%;color: #aaa; margin: 0;}
#content { margin: 24px 48px;}
#footer { margin-top: 48px; border-top: 1px solid #ccc; padding: 6px; text-align: center; color: #888; font-size: 80%;}
#footer a {color: #888;}
TPL লিঙ্ক বিভাগ
লিঙ্ক বিভাগে ইউআরএল সম্পর্কে তথ্য রয়েছে এবং এতে বোতাম এবং এর কর্মের মতো ইভেন্টের উল্লেখ থাকতে পারে।
[login-link]
<li><a href="%encoded-folder%~login" class=buttonx>Login</a></li>
[loggedin]
<li><a href="#" class=buttonx>Logged in as: %user%</a></li>
মন্তব্য বিভাগ
TPL-এর কমেন্ট সেসিটন অন্তর্ভুক্ত মন্তব্য তৈরি করার জন্য এবং অনুসরণ হিসাবে সংজ্ঞায়িত করা হয়।
[comment]
<div class=comment>%item-comment%</div>
আপলোড সেকশন
আপলোড বিভাগটি নিম্নলিখিত উদাহরণে দেখানো টেমপ্লেট সেটিংসের উপর ভিত্তি করে সার্ভার থেকে প্রকৃত HTML প্রতিক্রিয়া প্রদান করে।
[upload]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>myHFS</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">\n%style%\n</style>
</head>
<body>
<ul id=path>
<li><strong>Folder:</strong> <a href="/">root</a>%folder%</li>
</ul>
<div id=header>
<h1>myHFS</h1>
<h2>Final HFS Template Framework for Ishare USM Community</h2>
</div>
<div id=content>
<h3>myHFS Rules</h3>
<p>I'm sharing stuffs unpaid, so please respect me by understanding these rules: </p>
<ul class="contacts">
<li>Sorry if your downloading activity was suddenly interrupted/disconnected. It might be due to some technical problems.</li>
<li>Be nice. Don't use IDM or any download manager program with many connections. Set it to 1 or you will be banned from my server.</li>
<li>Anything I shared here is the right of my freedom. Good or bad, the decision is in your hands. I'm not be responsible for any consequences.</li>
</ul>
<p class=credit>Sharing among my university fellows is an unique culture here, in Engineering Campus, USM. Sharing via LAN by using HFS software is the best underground activity for everyone. Sharing is loving!</p>
</div>
</body></html>
