[درس] نظام smarty للمبتدئين

site4arab · 07-25-2009, 03:21 مساءً

السلام عليكم ,,,

كيفكم اخواني انشاء الله مبسوطين

للمبتدئين, درس, smarty, [درس] نظام smarty للمبتدئين, نظام

انا من النوع اللي ما احب المقدمات و لا اجيدها عشان كذا رح ادخل في الموضوع علىطول

في الاول نظام smarty هو نظام يسمح بفصل برمجة الموقع عن التصميم عشان كل واحد له شغله لوحده

في البداية متطلبات العمل:-

1- اخر اصدار من نظام smarty للتحميل من المرفقات
2- سيرفر محلي لعمل الدرس مثل appserv او xampp او خادم الجمل على راحتك

بسم الله نبدا الدرس

1- في البداية نفك الضغط عن الملف Smarty-2.6.25.zip

2- بعد كذا نروح نسوي مجلد جديد اسمه مثلا smarty في السيرفر المحلي داخل مجلد www

3- بعدها نفتح مجلد Smarty-2.6.25 و ننسخ مجلد libs و نضعه داخل مجلد smarty اللي سويناه قبل شوي

4- الان ننشئ مجلد باسم templates داخل مجلد smarty

5- اللحين نفتح مجلد libs لعمل بعض التعديلات البسيطة

في البداية ننشئ مجلد جديد داخل libs نعطيه الاسم SmartyCompiler
ملاحظة/ هذا المجلد يجب اعطاءه التصريح 777 في الموقع

الان نفتح ملف Smarty.class.php الموجود في مجلد libs لتعديل بعض الاشياء البسيطة
ملاحظة/ يمكنك فتح الملف باستخدام المفكرة او FrontPage او اي برنامج تحرير اخر

في السطر 82 تقريبا نقوم بالتعديل كما في الصورة

6- اللحين نروح نفتح الفرونت بيج و نسوي كود بسيط يكون هيدر و كود اخر يكون فوتر و ايضا كود محتوى

و انا قمت بعمل الاكواد التالية

قالب header:

كود HTML:

<html dir=rtl><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>شبكة عرب كوم</title><link rel="stylesheet" type="text/css" href="templates/style.css" /></head><div id="outside"><div id="header"><h1>شبكة عرب كوم</h1></div><div id="menu"><ul><li><a href="index.html">الرئيسية</a></li><li><a href="vb">المنتديات</a></li><li><a href="up">مركز التحميل</a></li><li><a href="prog">البرامج</a></li><li><a href="games">الالعاب</a></li><li><a href="vb/contactus.php">راسلنا</a></li></ul></div>

قالب footer:

كود HTML:

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head><div id="footer"><span id="footerlink"><a href="http://www.qyasi.com">تصميم قياسي</a></span><a href="http://www.3rbcom.co.cc" title="شبكة عرب كوم">شبكة عرب كوم</a></div>

قالب home:

كود HTML:

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head><div align="center"><table border="0" width="100%"><tr><td><p align="center"><b><font size="5">اهلا</font><font size="5"> و سهلا بك 
		في موقعنا المتواضع ... المعذرة الموقع مغلق للصيانة</font></b></td></tr></table></div>

طبعا نحفظ جميع هذي الملفات بصيغة html داخل مجلد templates

اللحين نسوي ملف جديد اسمه styles.css و نحفظه داخل مجلد templates ايضا

كود HTML:

body { margin: 0;	padding: 0;	font-size: 90%;}
#outside {width: 100%; margin: 0; padding: 0; background-color: #ffffff;}
hr {color: Silver; width: 90%; text-align: center;}
p{
	padding: 3px;
	margin: 0px;
	font: normal .8em/1.3em Tahoma,arial;
}
h1{
	margin: 2px;
	padding: 0px;
	font: bold 1.3em/1.5em arial,tahoma;
	color: #FF8C00;
   text-align: center;	
}
h2{
	margin: 5px 2px 5px 0px;
	padding: 0px;
	font: bold 1.1em/1.4em arial,tahoma;
	color: #FF4500;
}
/*--------------بداية رأس الصفحة (البانر)------------*/
#header {
	height: 80px;
	margin: 0;
	padding: 0px;
	background-color: #A9DBFB;
	width: 100%;
}
#header h1{
	color: #FFA500;
	margin: 0;
	text-align: center;
	font: bold 1.7em/80px Tahoma,arial;
}
/*---------------القائمة العلوية-------------*/
#menu {
	padding: 0px;
	background: #eee;
	width: 100%;
	height: 25px;
	display: block;
	margin: 0 0 13px 0;
}
#menu ul
{
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#menu a
{
	float: right;
	text-align: center;
	text-decoration: none;
	font: bold .9em/25px tahoma,arial;
	color: #191970;
	background-color: #eee;
	margin: 0px;
	padding: 0 8px 0 8px;
}
#menu a:hover 
{
	color: #2728B1;
	background-color: #f8f8f8;
}
#menu li
{
	display:inline;
}
/*---------------بداية العمود الأيمن والقائمة اليمنى-------------*/
#col1
{
	width: 20%;
	background-color: #fff;
	margin: 0 0 0 0; 
	float: right;
	padding: 0px;
}
.sec
{
	width: 100%;
	height: 1.5em;
	background: #708090;
	font: bold 1em/1.5em tahoma,arial;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
}
.nav ul
{
	font: bold 1em/1.2em arial,tahoma;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.nav il
{
	margin: 0px;
	padding: 0px;
}
.nav {
	width: 100%;
	margin: 0px;
	background-color: #F0F0F0;
}
.nav a {
	display: block;
	width: 98%;
	margin: 0px;
	padding: 1%;
	color: #1E90FF;
	border-bottom: 1px solid White;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}
.nav a:hover {
	background: #FAFAFA;
	color: #3C1FE6;
}
/*---------------بداية العمود الأوسط --------------*/
#col2
{
	background-color: #fff;
	margin: 0 20% 0 0;
	padding: 5px;
	text-align: right;
	font: normal 1em/1.3em Tahoma,Arial;
}
#col2 a{
	color: #7B68EE;
	text-decoration: none;
}
#col2 a:hover{
	text-decoration: underline;
}
/*---------------بداية ذيل الصفحة---------------*/
#footer {
	clear: both;
	font: bold .9em/2em Arial;
	padding: 1px;
	background-color: #eee;
	color: #2F4F4F;
	text-align: right;
}
#footerlink {float: left; margin-right: 5px;}
#footer a {color: #7B68EE;text-decoration: none;}
#footer a:hover {color: #1E90FF;text-decoration: underline;}

/*تصميم قياسي http://www.qyasi.com*/

7- هذي اخر خطوة ان شاء الله و هي انشاء ملف index.php الصفحة الرئيسية

نضع الكود التالي:

كود PHP:

<?php

include("libs/Smarty.class.php");

$smarty = new Smarty;

///////////////////////////////////////


$smarty->display("header.htm");

$smarty->display("home.htm");

$smarty->display("footer.htm");


///////////////////////////////////////

?>

و اللحين احفظه و ضعه داخل مجلد smarty

اللحين اطلب الرابط التالي http://localhost/smarty و شاهد النتيجة و ادعيلي

اي واحد يجد صعوبة في الدرس يسألني و ان شاء الله اعرف اجاوبه

العمل كامل في المرفقات و الصور ايضا و لا تنسوا التقييم

بالتوفيق

ADMIN · 07-25-2009, 07:22 مساءً

احسنت وكثر الله خيرك site4arab

site4arab · 07-25-2009, 11:35 مساءً

مشكور يا admin و ان شاء الله يكون الدرس عجبك

aminenima · 07-29-2009, 12:54 مساءً

مشكور درس رائع وسهل التطبيق
بارك الله فيك

site4arab · 08-04-2009, 10:58 مساءً

العفو شكرا لمرورك

محمد مراجع · 08-22-2009, 08:16 صباحاً

لك كثير الشكر

07-25-2009, 07:22 مساءً	#2 (permalink)
ADMIN .::+: Gulf Son :+::. تاريخ التسجيل: May 2005 الدولة: بلاد الخليج المشاركات: 53,991 معدل تقييم المستوى: 53	رد: [درس] نظام smarty للمبتدئين احسنت وكثر الله خيرك site4arab من مواضيع ADMIN في المنتدى درس مسميات فلاتر الفوتوشوب وإستخداماتها [Product] عدم تكرار المواضيع والبحث عنها قبل طرحها مفهوم القول المأثور شرح ضغط ملفات الـ Mp3 عبر برنامج الريل بلير تعريف تنظيم القاعدة __________________ يقول الامام مالك رحمه الله: إنما هؤلاء أقوام أرادوا القدح في النبي صلى الله عليه وسلم فلم يمكنهم ذلك، فقدحوا في أصحابه حتى يقال رجل سوء ولو كان رجلاً صالحاً لكان أصحابه صالحين. وقال أبو الوفا بن عقيل رحمه الله: انظر كيف اختار لمرضه بيت البنت، واختار لموضعه من الصلاة الأب، فما هذه الغفلة المستحوذة على قلوب الرافضة عن هذا الفضل والمنزلة التي لا تكاد تخفى عن البهيم فضلا عن الناطق. وحيد القرن، كسرنا قرنه، ودككنا حصنه، وهدمنا برجه، فخرج يتبختر بعتاده مزهواً بعدده ففللنا حدّه، وقتلنا جنده، وفرقنا صحبه، والفضل لله وحده ولئن أبيد أبناء دولة الإسلام عن بكرة أبيهم خيرٌ لهم من أن يحكمهم رافضيٌّ خبيث أو أن تستظلّ بغداد برايات الصفويين يوما واحداً.

07-25-2009, 11:35 مساءً	#3 (permalink)
site4arab عضو فعــال تاريخ التسجيل: Sep 2008 المشاركات: 188 معدل تقييم المستوى: 34	رد: [درس] نظام smarty للمبتدئين مشكور يا admin و ان شاء الله يكون الدرس عجبك من مواضيع site4arab في المنتدى واجهة الروضة مقدمة من سايت العرب كود مواقع صديقة [تبادل اعلاني] منتديات الهامور [درس] نظام smarty للمبتدئين برنامج Unfreez لصناعة البنرات __________________

07-29-2009, 12:54 مساءً	#4 (permalink)
aminenima عضو مستمر تاريخ التسجيل: Jul 2009 الدولة: مدينة البرمجة المشاركات: 54 معدل تقييم المستوى: 16	رد: [درس] نظام smarty للمبتدئين مشكور درس رائع وسهل التطبيق بارك الله فيك من مواضيع aminenima في المنتدى موقع خيالي !! أرجو الدخوووول !! حص•• تعلم الأساسيات قبل أن تصبح مبرمجا ••ريا حص•• مقركمے لوضعے أكواد ال CSS ••ريا + للتثبيت حص••طريقتے فعالتےاجعلے برامجے تطوير المواقعے التجريبيتے دائمتے !! ••ريا (¯`·..·( منتديات المستقبل الكبرى )·..·´¯) __________________

08-04-2009, 10:58 مساءً	#5 (permalink)
site4arab عضو فعــال تاريخ التسجيل: Sep 2008 المشاركات: 188 معدل تقييم المستوى: 34	رد: [درس] نظام smarty للمبتدئين العفو شكرا لمرورك من مواضيع site4arab في المنتدى محتاج DigiChat [درس] نظام smarty للمبتدئين برنامج Unfreez لصناعة البنرات تعلم PHP فيديو الشباب يتجه للاستغناء عن البرازيليين كلاوديني وريكاردو __________________

08-22-2009, 08:16 صباحاً	#6 (permalink)
محمد مراجع اسرة ابن الخليج تاريخ التسجيل: Aug 2007 الدولة: -: EgypT-AleX :- العمر: 22 المشاركات: 982 معدل تقييم المستوى: 9998	رد: [درس] نظام smarty للمبتدئين لك كثير الشكر من مواضيع محمد مراجع في المنتدى إمساكية رمضان من تصميمي عبارات رومانسية جاهزة لكل اعضاء منتدنا الجميل By Mido برنامج تعليم الفوتوشوب أقدم لأعضائنا الاعزاء بعض اللوجهات والماركات العالمية By Mido المجموعة الثانية من فلاتر الفوتوشوب جديد __________________

أدوات الموضوع
عرض نسخة صالحة للطباعة أرسل هذا الموضوع إلى صديق
طرق مشاهدة الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
برنامج Smarty Uninstaller 2009 Pro 2.5.0 لحذف الملفات المستعصية	بـلال	برامج كمبيوتر	2	08-24-2009 05:26 صباحاً
أنشئ نظام ويندوز خاص بك + مدمج معه Sp3 + [شرح بأكثر من 35 صورة] للمبتدئين!	amineoubou	برامج كمبيوتر	2	09-24-2008 06:29 مساءً
Smarty Uninstaller 2006 Pro أذكى برنامج لحذف البرامج من جذورها	ابن الرافدين	برامج كمبيوتر	4	01-16-2008 08:16 مساءً
smarty uninstaller 2006 لمسح اى برنامج من الجهاز	Guevara	برامج كمبيوتر	0	08-28-2007 01:37 صباحاً
برنامج Smarty Uninstaller 2006 Pro 1.1.0	ADMIN	برامج كمبيوتر	0	07-17-2006 11:35 صباحاً

[درس] نظام smarty للمبتدئين

منتديات شبكة ابن الخليج