Html Template کیا ہوتی ہے ؟

Post by **ذیشان** » Sat Dec 26, 2009 10:32 pm

Html Template کیا ہوئی ہے اس کا کیا فائدہ ہے اور اس کو کیسے بنایا جا سکتا ہے ۔

YouTube · Post by **چاند بابو** » Sun Dec 27, 2009 5:56 pm

ذیشان wrote:Html Template کیا ہوئی ہے اس کا کیا فائدہ ہے اور اس کو کیسے بنایا جا سکتا ہے ۔

محترم ذیشان بھیا
السلام علیکم

Html ایک پروگرامنگ زبان ہے جو HyperText Markup Language کا مخفف ہے۔اور ویب پیج بنانے کے کام آتی ہے۔یہ زبان کسی بھی ویب صفحہ میں موجود ٹیکسٹ ہو اپنے انداز سے ڈھالنے کے کام آتی ہے مثال کے طور پر فونٹ سائز ، فونٹ ٹائپ، ہیڈنگز ، پیراگراف اور لسٹس وغیرہ۔اس کے علاوہ ٹیکسٹ کو لنک کرنا وغیرہ جیسے افعال کو کنٹرول کرتی ہے۔
ماضی میں ویب صفحات perlCGIوغیرہ جیسی زبانوں کی مدد سے ترتیب دیا جاتا تھا جو ایک بہت ہی مشکل کام تھا اور اس ویب صفحہ میں تھوڑی سی تبدیلی مثال کے طور پر فونٹ سائز کو کم یا زیادہ کرنے کے لئے باقاعدہ پروگرامر کی ضرورت پڑتی تھی۔ Html نے یہ کام اتنا ہی آسان کر دیا ہے جتنا ایک ٹیکسٹ کو لکھنا۔
Html کا نظریہ 1980 میں Tim Berners-Lee نے پیش کیا اور 1990 میں پہلی بار انہوں نے Html پر مشتمل صفحات ترتیب دیئے جو براوزرز اور ویب سرورز پر استعمال ہونے والے سافٹوئیر ز پر مشتمل تھے۔
اس زبان کو 1991 کے اواخر میں پبلک کے لئے پیش کیا گیا۔

دراصل Html ایک ٹیکسٹ اور امیج فارمیٹنک ٹول ہے جس کی مدد سے آپ بہت آسانی سے اپنے ویب صفحات اور ان پر موجود فارمز، امیجز اور دیگر اشیا کو فارمیٹنگ دے سکتے ہیں۔

ایک Html Template اس صفحہ کو کہتے ہیں جس میں بیک گراونڈ پر Html زبان استعمال کرتے ہوئے ویب صفحہ پر موجود اشیا کو کنٹرول کیا گیا ہو۔

Html اور CGI سکرپٹ کے فرق کو ذیل میں پیش کیا گیا ہے۔

یہ ایک بے حد سادہ صفحہ ہے جو Html زبان کی مدد سے ترتیب پایا ہے۔

[code]<HTML>
<HEAD>
<TITLE>Test Template</TITLE>
</HEAD>
<BODY>
My Home Directory is <TMPL_VAR NAME="home">.
My Path is set to <TMPL_VAR NAME="path">.
</BODY>
</HTML>
[/code]

اور اسی صفحہ کو پرانی CGI زبان میں ایسے لکھا جاتا تھا۔

[code]use HTML::Template;

# open the HTML template
my $template = HTML::Template->new(filename => 'test.tmpl');

# fill in some parameters in the template
$template->param(home => $ENV{HOME});
$template->param(path => $ENV{PATH});

# send the obligatory Content-Type
print "Content-Type: text/html\n\n";

# print the template
print $template->output;
[/code]

اوپر موجود دونوں کوڈز ایک ہی نتیجے پر پہنچتے ہیں اور آپ جب یہ صفحہ کھولیں گے تو آپ کو یہ لکھا نظر آئے گا۔

[code] My Home Directory is /home/some/directory.
My Path is set to /bin;/usr/bin.[/code]

آپ اوپر موجود مثال سے شاید سمجھ گئے ہوں گے کہ Html اور CGI سکرپٹنگ میں کس حد تک فرق ہے اور کون سی زبان بالکل آسان اور سادہ ہے۔

اب آتے ہیں ٹیمپلیٹ کی اصل تعریف کی طرف ۔
تو جناب Html Template ایک ایسا ویب صفحہ یا صفحہ کا کچھ حصہ ہوتا ہے جس کی مدد سے آگے بہت سارے صفحات ہوبہو اسی طرح سے ترتیب دیئے جا سکیں۔دوسرے الفاظ میں یہ ایک ڈائی ہے جو ایک بار بن گئی اب اس ڈائی کی مدد سے آپ اس جیسی ہزاروں اشیا بنا سکتے ہیں جو ہمیشہ ایک دوسرے کے صد فیصد متشابہہ ہوں گی۔

دوسری مثال ہے تصویر کی مدد سے ۔

یہ ایکHtml Templet کی تصویر ہے۔
‌

اب اس ایک صفحہ کی مدد سے آپ اس جیسے ہزاروں صفحات ترتیب دے سکتے ہیں۔
یعنی یہ ایک Layout یا ڈائزین بن گیا ہے اب اس جیسے جتنے مرضی صفحات بناتے جائیں۔

جیسا کہ آپ نے دیکھا ہو گا کہ اردونامہ کا ہر صفحہ ایک ہی طرز کا ہے ۔ توجناب یہ بالکل ایک Html ٹیمپلیٹ کی مدد سے معرضِ وجود میں آیا ہے۔[/color]

Post by **ذیشان** » Sun Dec 27, 2009 7:36 pm

اب یہ بتائیں‌کہ Html tags کیا ہوتے ہیں؟

YouTube · Post by **چاند بابو** » Mon Dec 28, 2009 5:52 pm

میرا امتحان لے رہے ہیں کیا؟؟؟؟؟؟؟؟؟؟
اتنا بھی قابل نہیں ہوں جتنا آپ نے سمجھ رکھا ہے۔

بہرحال کوشش کرتا ہوں۔

Html زبان کی بنیاد Html Tags ہی ہوتے ہیں۔ یہ ٹیگز وہ اشارے ہوتے ہیں تو آپ کے ٹیکسٹ کی فارمیٹنگ کے بارے میں بتاتے ہیں کہ اسے کیسا ظاہر ہونا ہے۔ مثال کے طور پر آپ کے الفاظ کا سائز کیا ہو گا ان کا سٹائل کیا ہوگا ان کی فونٹ کونسی ہو گی۔ دوسرے الفاظ میں ٹیگز ایسے مختصر الفاظ ہیں جو آپ کے کمپیوٹر کو بتاتے ہیں کہ لکھے گئے الفاظ کو سکرین پر کیسے ظاہر کرنا ہے۔
Html Tags ہمیشہ <> میں لکھے جاتے ہیں اور جتنے ٹیکسٹ کو آپ نے ٹیگز لگانے ہوتے ہیں یا یوں کہئے کہ جتنے ٹیکسٹ کو آپ نے مطلوبہ انداز دینا ہوتا ہے اس کے بعد انہیں انہیں بریکٹس سے بند بھی کیا جاتا ہے لیکن بند کرتے ہوئے ان میں / کا اضافہ کیا جاتا ہے۔یعنی </>۔
اب مثال کے طور پر آپ نے اپنے ویب صفحہ پر موجود ایک لائن کو بولڈ انداز میں پیش کرنا ہے تو اس کے لئے آپ یوں لکھیں گے۔

[code] Your Text Area[/code]

اوپر والی لائن میں ہم نے Html Tags استعمال کرتے ہوئے کمپیوٹر کو یہ سمجھایا ہے کہ Your Text Area کے الفاظ کو بولڈ انداز میں ظاہر کیا جائے یعنی نمایاں کر کے دکھایا جائے۔

ویب صفحہ کے شروع میں <html> کوڈ کمپیوٹر کو بتاتا ہے کہ اس صفحہ کو Html زبان میں لکھا گیا ہے اور اسے ظاہر کرتے ہوئے Html زبان کو ڈی کوڈ کرے۔
اسی طرح ویب صفحہ کے آخر میں <html/> کوڈ ظاہر کرتا ہے کہ Html زبان میں لکھا گیا مواد ختم ہو چکا ہے اس لئے صفحہ کو اس سے آگے ظاہر کرنا بند کر دے۔

اسی طرح اپنے صفحہ پر موجود مواد کو ہیڈنگز دینے کے لئے بھی Html Tags کا استعمال کیا جاتا ہے۔ مندرجہ ذیل ہیڈنگز ٹیگز اپنے مواد پر ہیڈنگز دینے کے کام آتے ہیں

Code: Select all

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3> 
<h4>This is a heading</h4>
<h5>This is a heading</h5>

یہ ٹیگز آپ کی عبارت کو بالکل اس انداز میں ظاہر کریں گے۔

ہیڈنگ نمبر ایک ایسے ظاہر ہو گی۔
ہیڈنگ نمبر دو ایسے ظاہر ہو گی۔
ہیڈنگ نمبر تین ایسے ظاہر ہو گی۔
ہیڈنگ نمبر چار ایسے ظاہر ہو گی۔
ہیڈنگ نمبر پانچ ایسے ظاہر ہو گی۔

اسی طرح پیراگراف کو بھی Html Tags سے ظاہر کرتے ہیں۔جو ایسے ظاہر کیا جاتا ہے۔

[code]This is a paragraph
This is another paragraph [/code]

ٹیکسٹ کی فارمیٹنگ کے علاوہ Html Tags کی مدد سے لکھی گئی عبارت کو لنک دیاجانا ممکن ہے یعنی جسے کلک کرنے سے آپ کسی دوسری جگہ تک پہنچ سکتے ہیں۔اس کا کوڈ ایسے دیا جاتا ہے۔

[code]<a href="http://infopioneer.blogspot.com">Info Pioneer Blog</a> [/code]

جب آپ اس کوڈ کو اپنے ویب صفحہ پر دیکھیں گے تو کچھ ایسا نظر آگے گا۔
Info Pioneer Blog

اس کے علاوہ اپنے صفحہ پر تصاویر ظاہر کرنے کے لئے بھی انہی ٹیگز کا استعمال کیا جاتا ہے جو کہ کچھ یوں ہے۔

[code]<img src="/images/avatars/gallery/old_avatars/
8115857084a2fe5a7085c6.jpg" width="104" height="142" /> [/code]

اس میں ہم نے پہلے کمپیوٹر کو یہ بتایا کہ تصویر کہاں سے اٹھا کر ڈسپلے کرنی ہے اس کے بعد اس کا سائز بتایا اب جب ہم اس کوڈ کو اپنے صفحہ پر دیکھیں گے تو ایسا نظر آتے گا۔

لیجئے محترم یہ تھا Html Tags پر مبنی ایک مختصر سا تعارف مزید تفصیلات کے لئے یہ سائیٹ دیکھئے امید ہے کہ کافی معاون ثابت ہو گی۔

[/color]

[link]http://www.w3schools.com/tags/default.asp[/link]

Post by **ذیشان** » Mon Dec 28, 2009 11:51 pm

اچھا اب میں اپنے مقصد کی طرف بڑھ رہا ہوں ذرا یہ بتائیں کہ جو لائنیں نیچے لکھیں‌ہیں‌ان کاسے کیا باتیں‌سمجھ میں آرہی ہیں ہر لفظ کی وضاحت فرمادیں۔
1: <bab:FieldValue Name="1" Format="Text"/> 
2: <bab:FieldValue Name="2" Format="Text"/>

YouTube · Post by **چاند بابو** » Tue Dec 29, 2009 8:36 pm

ذیشان بھیا اب میں اتنا بھی ماسٹر نہیں ہوں کہ آپ کی ہر بات کا شافی جواب دے سکوں۔ اوپر موجود دونوں ٹیگز کسی ڈیٹا بیس کے لگتے ہیں جس میں ٹیبل میں جگہ ایلوکیٹ کی گئی ہے کہ ٹیبل کی اس فیلڈ کا نام 1 اور 2 ہو گا اور اس میں سٹور ہونے والا ڈیٹا Text ہو گا۔ اس کے علاوہ میں کچھ بھی زیادہ سمجھنے سے قاصر ہوں۔

Tue Dec 29, 2009 10:08 pm

چاند بابو بھیا اتنا کسرِ نفسی سے کام نہ لیں ذیشان صاحب کا مسلہ حل کریں

YouTube · Post by **چاند بابو** » Wed Dec 30, 2009 4:40 pm

ارے یار میں غلط نہیں کہ رہا ہوں میں واقعی اتنا ماہر نہیں ہوں۔

Post by **asakpke** » Tue Aug 10, 2010 5:21 am

ذیشان wrote:اچھا اب میں اپنے مقصد کی طرف بڑھ رہا ہوں ذرا یہ بتائیں کہ جو لائنیں نیچے لکھیں‌ہیں‌ان کاسے کیا باتیں‌سمجھ میں آرہی ہیں ہر لفظ کی وضاحت فرمادیں۔
1: <bab:FieldValue Name="1" Format="Text"/> 
2: <bab:FieldValue Name="2" Format="Text"/>

یہ ایچ ٹی ایم ایل کے کسٹم ٹیگز ہیں. اس میں ایکس ایم ایل نیم سپیس 'bab' استعمال ہوا ہے جس کی ڈیزائنگ سی ایس ایس میں موجود ہو گی. مزید معلومات کے لیے اس ربط اور اس ربط کو دیکھیں.

Fri Nov 30, 2012 4:08 pm

السلام علیکم جناب تصویر نظر نہیں‌آ رہی پلیز اس کا کچھ کریں میں نے تصویر دیکھنی ہے جزاک اللہ

YouTube · Post by **چاند بابو** » Fri Nov 30, 2012 7:06 pm

کونسی تصویر جناب؟؟؟؟؟؟؟؟؟؟؟

Sat Dec 01, 2012 1:18 pm

چاند بابو wrote:
ذیشان wrote:Html Template کیا ہوئی ہے اس کا کیا فائدہ ہے اور اس کو کیسے بنایا جا سکتا ہے ۔
محترم ذیشان بھیا
السلام علیکم

Html ایک پروگرامنگ زبان ہے جو HyperText Markup Language کا مخفف ہے۔اور ویب پیج بنانے کے کام آتی ہے۔یہ زبان کسی بھی ویب صفحہ میں موجود ٹیکسٹ ہو اپنے انداز سے ڈھالنے کے کام آتی ہے مثال کے طور پر فونٹ سائز ، فونٹ ٹائپ، ہیڈنگز ، پیراگراف اور لسٹس وغیرہ۔اس کے علاوہ ٹیکسٹ کو لنک کرنا وغیرہ جیسے افعال کو کنٹرول کرتی ہے۔
ماضی میں ویب صفحات perlCGIوغیرہ جیسی زبانوں کی مدد سے ترتیب دیا جاتا تھا جو ایک بہت ہی مشکل کام تھا اور اس ویب صفحہ میں تھوڑی سی تبدیلی مثال کے طور پر فونٹ سائز کو کم یا زیادہ کرنے کے لئے باقاعدہ پروگرامر کی ضرورت پڑتی تھی۔ Html نے یہ کام اتنا ہی آسان کر دیا ہے جتنا ایک ٹیکسٹ کو لکھنا۔
Html کا نظریہ 1980 میں Tim Berners-Lee نے پیش کیا اور 1990 میں پہلی بار انہوں نے Html پر مشتمل صفحات ترتیب دیئے جو براوزرز اور ویب سرورز پر استعمال ہونے والے سافٹوئیر ز پر مشتمل تھے۔
اس زبان کو 1991 کے اواخر میں پبلک کے لئے پیش کیا گیا۔

دراصل Html ایک ٹیکسٹ اور امیج فارمیٹنک ٹول ہے جس کی مدد سے آپ بہت آسانی سے اپنے ویب صفحات اور ان پر موجود فارمز، امیجز اور دیگر اشیا کو فارمیٹنگ دے سکتے ہیں۔

ایک Html Template اس صفحہ کو کہتے ہیں جس میں بیک گراونڈ پر Html زبان استعمال کرتے ہوئے ویب صفحہ پر موجود اشیا کو کنٹرول کیا گیا ہو۔

Html اور CGI سکرپٹ کے فرق کو ذیل میں پیش کیا گیا ہے۔

یہ ایک بے حد سادہ صفحہ ہے جو Html زبان کی مدد سے ترتیب پایا ہے۔

[code]<HTML>
<HEAD>
<TITLE>Test Template</TITLE>
</HEAD>
<BODY>
My Home Directory is <TMPL_VAR NAME="home">.
My Path is set to <TMPL_VAR NAME="path">.
</BODY>
</HTML>
[/code]

اور اسی صفحہ کو پرانی CGI زبان میں ایسے لکھا جاتا تھا۔

[code]use HTML::Template;

# open the HTML template
my $template = HTML::Template->new(filename => 'test.tmpl');

# fill in some parameters in the template
$template->param(home => $ENV{HOME});
$template->param(path => $ENV{PATH});

# send the obligatory Content-Type
print "Content-Type: text/html\n\n";

# print the template
print $template->output;
[/code]

اوپر موجود دونوں کوڈز ایک ہی نتیجے پر پہنچتے ہیں اور آپ جب یہ صفحہ کھولیں گے تو آپ کو یہ لکھا نظر آئے گا۔

[code] My Home Directory is /home/some/directory.
My Path is set to /bin;/usr/bin.[/code]

آپ اوپر موجود مثال سے شاید سمجھ گئے ہوں گے کہ Html اور CGI سکرپٹنگ میں کس حد تک فرق ہے اور کون سی زبان بالکل آسان اور سادہ ہے۔

اب آتے ہیں ٹیمپلیٹ کی اصل تعریف کی طرف ۔
تو جناب Html Template ایک ایسا ویب صفحہ یا صفحہ کا کچھ حصہ ہوتا ہے جس کی مدد سے آگے بہت سارے صفحات ہوبہو اسی طرح سے ترتیب دیئے جا سکیں۔دوسرے الفاظ میں یہ ایک ڈائی ہے جو ایک بار بن گئی اب اس ڈائی کی مدد سے آپ اس جیسی ہزاروں اشیا بنا سکتے ہیں جو ہمیشہ ایک دوسرے کے صد فیصد متشابہہ ہوں گی۔

دوسری مثال ہے تصویر کی مدد سے ۔

یہ ایکHtml Templet کی تصویر ہے۔
‌
اب اس ایک صفحہ کی مدد سے آپ اس جیسے ہزاروں صفحات ترتیب دے سکتے ہیں۔
یعنی یہ ایک Layout یا ڈائزین بن گیا ہے اب اس جیسے جتنے مرضی صفحات بناتے جائیں۔

جیسا کہ آپ نے دیکھا ہو گا کہ اردونامہ کا ہر صفحہ ایک ہی طرز کا ہے ۔ توجناب یہ بالکل ایک Html ٹیمپلیٹ کی مدد سے معرضِ وجود میں آیا ہے۔[/color]

یہاں جو مثال تصویر کی مدد سے دی گئی ہے اس کی بات کر رہا ہوں

اردونامہ فورم

Html Template کیا ہوتی ہے ؟

Html Template کیا ہوتی ہے ؟

Re: Html Template کیا ہوتی ہے ؟

Re: Html Template کیا ہوتی ہے ؟

Re: Html Template کیا ہوتی ہے ؟

Re: Html Template کیا ہوتی ہے ؟

Re: Html Template کیا ہوتی ہے ؟

Re: Html Template کیا ہوتی ہے ؟

Re: Html Template کیا ہوتی ہے ؟

Re: Html Template کیا ہوتی ہے ؟

Re: Html Template کیا ہوتی ہے ؟

Re: Html Template کیا ہوتی ہے ؟

Re: Html Template کیا ہوتی ہے ؟