بوابة الثانوية العامة المصرية - شرح توزيع واجهة الموقع بالفرونت بيج

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

استكمالا لشرح أستاذ عاصم ولكي تعم الفائدة علي الجميع قمت بعمل هذا الشرح

بعد ما شرح استاذ عاصم تصميم الواجهة من هنــــــــــــــــا

أنا دلوقتي هشرح ازاي نخلي الواجهة في منتصف الصفحة

وازاي نضيف روابط

أول حاجة لازم يكون عندنا برنامج الفرونت بيج

وبعدين

بنفتح صاحبنا http://upload.traidnt.net/upfiles/uxU13640.jpg
وبعد ما تدخل عليه اضغط على http://upload.traidnt.net/upfiles/TOe13661.jpg
وامسح كل هذه الكتابات
http://upload.traidnt.net/upfiles/BTV13695.jpg
بعدين اضغط على Design
واضغط على http://upload.traidnt.net/upfiles/Muc13724.jpg
الموجودة فوق
واختار 3 خانات
ملاحظة هذه الخانات يكون عددها حيب التقطيع وأنا اخترت 3 لاني قسمت الهيدر لـ3 صور
طبعاً رح يطلعلنا
http://upload.traidnt.net/upfiles/Muc13724.jpg
طيب هذا الجدول ما بيمشي حاله بالواجهة
شوووووو الحل؟؟؟؟
اقولك...اضغط كليك يمين
وبعدين Table Properties...
واعمل التعديلات التالية
http://upload.traidnt.net/upfiles/OI413806.jpg
طيب شو بقي؟؟؟
اللي بقي هو وضع الصور بالجدول
طيب كيف؟؟؟؟
اضغط على أول خانة يعني خلي مؤشر الكتابة يصير فيها ثم اضغط على http://upload.traidnt.net/upfiles/I6p13828.jpg
شوفو أنا عملت الهيدر بالجدول
http://upload.traidnt.net/upfiles/yCs13869.jpg
طبعاً طبقو هذا الشي على كل الجداول اللي رح تدرجوها
وما تنسو ان عدد خانات الجدول بيكونو على حسب عدد الصور وقت التقطيع
طيب انتو بنضركم الواجهة حلوة تكون مو بمنتصف الصفحة؟؟؟؟؟
طبعاً الجواب لااااااااا
طيب كيف بتصير بالمنتصف؟؟؟؟؟
سهههههههههههلة
اضغط على جدول الهيدر كليك يمين وبعدين اضغط على Table Properties...
وغير ما يلي
http://p2h.info/vb/attachment.php?at...1&d=1252221966
ووووووو خلي الصورة تحكي

طيب شو بقي يا شاطريييييييييين؟؟؟؟؟؟
الروااااااابط
طيب كيف بنضيف ارتباط على الصورة
سهههههههلة
طبعاً نحنا بدنا نعمل روابط على صور الأزرار
طيب كيف؟؟؟؟؟
حدد الصورة
http://upload.traidnt.net/upfiles/a5p14033.jpg
وبعدين اضغط على
http://upload.traidnt.net/upfiles/zF414061.jpg
واعمل التالي
http://upload.traidnt.net/upfiles/GN714097.jpg
موفقيييييييييييين
وأي استفسار انا هون