الان بقي علينا وضع الزوايا

في الصف الاول في الخانة اليمنى نضع المؤشر في داخلها ومن ثم نقوم بأدراج صوره ونختار الصور z1.gif

التي قمنا بوضعها سابقا في مجلد images الموجود في my

وفي الصف الاول في الخلية اليسرى نقوم بأدراج الصورة z3.gif

وفي الصف  الثالث في الخلية اليمنى نقوم بأدراج الصورة z7.gif

وفي الصف الثالث ايضا في الخلية اليسرى ندرج الصوره z9.gif

انظر الصورة التالية

الان في الخلية التي في الوسط بالصف الاول ضع التالي

$title

وفي الصف الثاني في الخلية التي في الوسط ضع التالي

$content

وفي الصف الثالث في الخلية التي في الوسط ضع التالي

$posted
$morelink

بحيث يصبح هكذا

الان اذهب الى html في الفرونت بيج وابحث عن السطر التالي وقم بحذفه

 

file:///C:/apache/htdocs/nuke/html/

ستجد هذا السطر اكثر من مرة لابد من ازالته

بعد الانتهاء قم بحفظ الصفحة داخل مجلد  my

بأسم story_home.html

سيخبرك البرنامج بوجود ملف يحمل نفس الاسم قم بحفظة فوق الملف السابق

الان اذهب الى مجلتك وشاهد ما ذا حصل

انظر الصورة التالي لمشاهدة ماذا حصل معي

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

بقي الان حاجة لابد من اكمالها حتى ننهي معاً قسم الاخبار

الان من اي موضوع لديك المجلة اضغط على أقرأ المزيد  ستلاحظ ظهور هذا القسم بدون تصميم

الان ماذا نعمل لكي نعطي هذا القسم تصميم له

 كل ماعلينا فعله هو  فتح صفحة story_home.html التي عملناها في الدرس السابق عن طريق الفرونت بيج

والتي قمنا بحفظها في مجلد my

انظر الصفحة بعد فتحا

بعد فتح الصفحة كل ما عليك فعله ازالة كلمة $morelink

التي في السطر الصف الثالث

 لتصبح بهذا الشكل بعد التعديل

الان اذهب الى ملف ثم حفظ بأسم

ثم قم بحفظ الصفحة بـإسم story_page.html

وقم بحفظها داخل مجلد my

وسيخبرك البرنامج بوجود ملف بنفس الاسم اختر نعم

 

<<  ألسابق = التالي  >>