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

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb – طريقة

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

/

صباح / مساء الخير على الجميع ..
اليوم راح نعمل إن شاء الله عمل ملف xml

الدرس خفيف .. وواضح جداً
:

:

يحتاج الدرس و هو اللي راح نشتغل عليه برنامج ط§ظ„ظپط±ظˆظ†طھ بيج ..
إذا ما كان عندك البرنامج حمله من هنا
v
v

FRONT PAGE 2022

نقول بسم الله الرحمن الرحيم ؛
نفتح برنامج الفرونت بيج ..
من الأسفل و على اليمين نضغط على كلمة تعليمات برمجيه

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 1.jpg

راح تفتح معاك على نفس الصفحه راح تكون أكواد موجوده
كل اللي عليك تعمل تحديد ظƒط§ظ…ظ„ للأكواد و تحذفها ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 2.jpg

حذفت الأكواد .. الآن تمام
من الاسفل يمين نضغط على كلمة تصميم ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 3.jpg

راح تفتح معانا صفحه بيضاء فارغه .. هي اللي راح يكون شغلنا عليها

حدد أي مكان في الصفحه الفارغه و كليك يمين بالفاره و أختار

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 4.jpg

بعدين نختار إتجاه الصفحه [ يمين – يسار ] و نضغط موافق ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 5.jpg

الآن .. نبغى نبداء بالهيدر أول شئ
و نفس الخطوات اللي راح نعملها مع الهيدر راح نعملها مع الفوتر بدون نقصان أي حاجه ..

من الأدوات في الأعلى نأخذ إدراج جدول و منه نختار 3 أعمده و صف واحد ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 6.jpg

– طريقة الإختيار –

تضغط على ايقونه إدراج جدول و تمشي بالفاره حدود ثلاث أعمده
و تضغط انتر .. مباشره راح تحصل الجدول نزل على الصفحه ..

:
:

الآن .. في أي مكان داخل الجدول أضغط كليك يمين بالفاره و إخت

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 7.jpg

عدل على الخيارات مثل ما هو واضح بالصورة ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 8.jpg

تمام الآن ..

الحين نبداء و ننزل الصور على نفس الجدول ..
قبل لا تسوي إدراج للصورة تأكد هل المؤشر اللي على الجدول مكانه على اليمين ؟
إذا ايوة .. كمل معانا ..

من فوق إختار إدراج صورة ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 9.jpg

راح يفتح عارض الصور .. بما أن سهم المؤشر على اليمين
شئ طبيعي راح نختار الصورة اللي على اليمين بالهيدر
و أنا أخترتها و ضغطت موافق ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 10.jpg

راح تحصل الصورة نزلت بالجدول و بمكانها على اليمين ..
الحين أنقر نقرة وحده على الصورة .. مجرد تنقر أختار من الأعلى ..
محاذاه على اليمين ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 15.jpg

تحصل الصورة راحت شوي على اليمين .. إلى الأن تمام
كمان أنقر نقره على الصورة و كليك يمين و إختار ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 11.jpg

ثم ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 12.jpg

الآن خلصنا من الجهه اليمين .. نمسك الفاره و نحدد على الجهه اليسار
ننقر نقره وحده على الخليه اليسرى .. مجرد نقرك عليها
راح تحصل المؤشر يتحرك ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 13.jpg

يلا يا بطل .. نفس ما سوينا مع اليمين نسوي مع اليسار
نختار إدراج صورة ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 9.jpg

و نختار الصورة اللي على اليسار ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 14.jpg

بعدين ننقر نقره على الصورة .. و نعطيها محاذاه لوين ؟
نعطيها محاذاه لليسار ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 16.jpg

و نقره مره أخرى على الصورة و كليك يمين نختار ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 17.jpg

ثم ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 12.jpg

الآن خلصنا من الهيدر يمين و يسار .. بقي لنا شئ واحد فقط
حبيبة الشعب .. نقطه التمدد

نمسك الفاره و نخلي المؤشر على الخليه اللي في المنتصف ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 18.jpg

مجرد تشوف المؤشر يتحرك في المنتصف
خلي الماوس بجانبه و كليك يمين بالفاره إختار ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 19.jpg

إختار إستعراض من تحت ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 20.jpg

و من ثم نختار صورة التمدد ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 21.jpg

الحين نزلت صورة التمدد في المنتصف على شكل خليه ..
نمسك الطرف اليمين من الخليه و نشده لـ نهاية الصورة اللي على اليمين ..
و نمسك الطرف اليسار من الخليه و نشده لـ نهاية الصورة اللي على اليسار ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 22.gif

بس خلصنا من الهيدر .. سهله مو ؟
تبي تشوف شغلك صح أو لا ؟ و ما عليه اي خطأ
من تحت تحصل كلمه بجانب تعليمات برمجيه أسمها [ معاينه ]
أضغط عليها و شوف شغلك ..

صح أو لا ؟
إذا صح كمل معاي .. إذا لا ..
أعرف إن فيه خطأ من :
1 – تصميم منقطة التمدد كان عليه إنحناء و صار خطأ
2 – تقطيعك للتصميم كان خطأ

إذا صح و تمام .. كمل معاي
نختار من تحت تعليمات برمجيه ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 1.jpg

راح نحصل أكواد الشغل موجوده و هي اللي نحتاجها
صورة من الأكواد ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 23.jpg

زي ما تلاحظون في الأكواد أن روابط الصور هي مسارات على نفس جهازنا ..
و ما راح تظهر إلا داخل الجهاز فقط .. لكن انا ابغاه يظهر لكل من يدخل موقعي ؟
كيف ؟
مجلد الصور عندي انا اسمه بf2 .. لاحظ معاي
حددت رابط مسار الصورة من البدايه لين كلمة f2 ..
f2 و ما بعده نتركه بدون تحديد ..
الهم على المحدد نضغط كليك يمين و نختار ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 24.jpg

الآن كل الي عليك تضغط على إستبدال الكل .. مجرد تضغط عليها
راح ينقز بوجهك مربع يقولك تم إستبدال
سوي إغلاق للمربع الآن ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 25.jpg

راح يصبح الشغل معاك كذآ ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 26.jpg

و الكود كامل أنسخه و سوي له حفظ بمفكره .. أو بالوورد
لازم تحفظ الكود راح نحتاجه شوي ..

الآن ابدى من جديد أحذف الأكواد كامله و روح كلمة تصميم و انشى جدول ثلاث أعمده و صف واحد ..
و سوي خيارات الجدول و أدرج الصور على اليمين و اليسار و الخليه في المنتصف ..
لكن على الفوتر ..!!

نفس ما سوينا على الهيدر .. نسوي على الفوتر .. !!

بعد ما تنتهي من الشغل أفتح ملف وورد جديد أو مفكره ..
و حط فيه أكواد الفوتر ..

صار عندك ملفين فيهم أكواد .. الأول هيدر و الثاني فوتر

:

:

: ملاحظه مهمه :

بعض الأعضاء اللي صمموا معنا .. صمم بالهيدر
و حط أزرار للتسجيل و زر للخروج أو زر للرئيسيه ..
طيب أني أبي أي شخص يضغط على كلمة تسجيل راح يوصله
لصفحة التسجيل بالمدونة .. كيف ؟
سهله العمليه تابع معاي ..
قبل لا تسوي حفظ للهيدر أو الفوتر
حدد على الصورة اللي فيها الأزرار و إختار من الأعلى ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 27.jpg

ثم ..

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 28.jpg

الحين زي أداة التحديد نعمل تحديد على كلمة التسجيل

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 29.jpg

مجرد تنتهي من التحديد إلا ينقز بوجهك مربع زي كذا شكله

شرح كامل عمل ملف Xml عن طريق الفرونت بيج لاستايلات مدونة vb 30.jpg

شيئين مهمين في المربع هذا ..
الأول في الأعلى تلميح الشاشه .. ايش هو المقصود بتلميح الشاشه

تلميح الشاشه يا غاليين المقصود فيه إنه اذا اي أحدد مرر بالماوس بجانب كلمه التسجيل راح توصله كلمه تكون تحت الماوس .. مثلاً كلمة .. تسجيلك تشريف لنا أو من النوع هذا ..

المهم أضغط عليها و ضع الكلمه اللي تناسبك
و أنت أحببت تركها فارغه فلا بأس ..

طيب الأخرى و هي الأهم .. العنوان ..
يعني تبغى الشخص لا ضغط على تسجيل وين يوصله ؟
أكيد يوصله على صفحة التسجيل بالمدونة .. طيب
صفحة التسجيل ذي من وين اعرفها

هذي رابط صفحة التسجيل بس اللي عليك تضعه في المستطيل الرابط هذا و بس !


كود PHP:

register.php

طيب البقيه ؟
أنا جمعت لكم أهم الروابط اللي راح تفيدكم و تغنيكم عن البحث
و التعب ..
تفضلوا ..


كود PHP:

الرئيسية index.php
التسجيل register
.
php
التحكم usercp
.
php
الأعضاء memberlist
.
php
البحث search
.
php
المتواجدين الان online
.
php
الرسائل الخاصة
private.
php
المشاركات الجديدة search
.php?do=
getnew
مواضيع مشترك بها sub
******ion.
php
اجعل كافة المشاركات مقروءة forumdisplay
.php?do=
markread
الارشيف archive
/index.
php
الإتصال بنآ sendmessage
.
php
التقويم calendar
.
php
الخروج login
.php?do=logout&logouthash=
2b710c04cb71ea4a367892cf910e8249
المدير admincp
/index.
php
المراقبين modcp
/index.
php
استرجاع كلمة المرور login
.php?do=
lostpw
طلب كود تفعيل العضويه register
.php?do=
requestemail
تفعيل العضويه register
.php?a=
ver

#top اعلى

بس أضغط موافق و أنتهينا ..

:

===—===
احبتي الكرام سلسلة مراحل تعليم تصميم الاستايلات تراعي المبتدئين في التصميم حيث كانت ولا زالت الخطوات سهله
وواضحه والشرح كان وسيكون بالتفصيل الممل وكل خطوه تسير نصورها لك ونعمل . نحتاج منك اخي المتعلم التركيز وعدم تزاوج
اي مرحله ابدا من
التصميم ثم التقطيع ثم عمل ملف Xml ثم تركيب الاستايل

وبالتوفيق لجميع ( عاد دعواتكم يا جماعة الخير )
:
منقووووووووول للامانة

لقراءة ردود و اجابات الأعضاء على هذا الموضوع اضغط هنا
سبحان الله و بحمده

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

هذا الموقع يستخدم Akismet للحدّ من التعليقات المزعجة والغير مرغوبة. تعرّف على كيفية معالجة بيانات تعليقك.