وحدانى
شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار 829894
ادارة المنتدي شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار 103798

<
وحدانى
شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار 829894
ادارة المنتدي شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار 103798

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

وحدانى

مرحبا بك يا زائر اخر زيارة لك الخميس 1 يناير لديك 0 مشاركة
 
البوابةالرئيسيةأحدث الصورالتسجيلدخول
تم بحمد الله افتتاح منتديات وحدانى vb ويشرفنا الاتضمام الينا  والموقع يشتمل على سيكربتات اسلامية جميلة بجانب اقسام المنتديات اضغط هنا للدخول
Click here to
 join layalyqena
 

 

 شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار

اذهب الى الأسفل 
كاتب الموضوعرسالة
عاشق و وحدانى
( مدير )
( مدير )
عاشق و وحدانى


عدد الرسائل : 1708
العمر : 44
رقم العضوية : 2
البلد : شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار Eg10
السٌّمعَة : 3
نقاط : 733
تاريخ التسجيل : 04/09/2007

شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار Empty
مُساهمةموضوع: شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار   شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار I_icon_minitimeالأربعاء 6 مايو - 17:46:36

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

أعضاء منتديات وحدانى

أهلاً بكم في الدرس الرابع

من دروس دورة تصميم الاستايلات

شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار

نبدأ الدرس

1- نقوم بفتح برنامج الفرونت بيج ونختار من أسفل الصفحة تعليمات برمجية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

2 – نقوم بتظليل النص الموجود داخل الصفحة ونمسحه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

3 – نختار من أسفل الصفحة تصميم

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

نضغط بإي مكان من الصفحة بزر الماوس الأيمن ونختار من القائمة التي ستظهر خصائص الصفحة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

4 – نضيف الجداول 3 صفوف

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

شكل الجدول بعد إضافته

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

5 – نضع المؤشر أسفل الجدول العلوي بالضغط أسفل الجدول

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

6 - نضيف جدول واحد في المنتصف بنفس الطريقة السابقة ليكون بهذا الشكل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

7 - نضع المؤشر أسفل الجدول الأوسط بالضغط أسفل الجدول

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

8 – نضيف الجدول السفلي 3 صفوف بنفس الطريقة السابقة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

9 – الآن نقوم بإضافة الصور للجدول طبعاً نحن إنشائنا مجلدات خاصة بنا في الدرس السابق وكان مسارها

جهاز الكمبيوتر >>> القرص C >>> مجلد AppServ >>>
مجلد www >>> مجلد vb >> مجلد altsmeem الذي أنشائناه


سيكون ترتيب الصور كالتالي في الجدول

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

10 – نضع المؤشر في المستطيل الذي نريد إضافة الصورة فيه ثم نضيف الصور التي نريد حسب الأماكن الموضحة في الصورة السابقة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

شكل الصور بعد إضافتها

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

11- نحول مناطق التمدد في الهيدر والفوتر إلى خلايا
عن طريق الوقوف على منطقة التمدد في الهيدر ونضغط على زر الماوس الأيمن ونختار التالي

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

نطبق التالي

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

نفعل نفس الشي مع نقطة تمدد الفوتر مع ملاحظة وضع نقطة تمدد الفوتر

12 - نغيير إعدادات الجداول من خلال الوقوف على أي خانه من صفوف الهيدر و نضغط الماوس الأيمن ونختار من القائمة التي ستظهر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


نختار القيم التالية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


نفعل نفس الخطوات مع الجدول الأوسط ومع الجدول السفلي الفوتر

ليكون بهذا الشكل في النهاية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



نضغط على الجزء الأيسر من صورة الهيدر مرتين

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


تظهر لنا النافذة التالية نحفظ قيم الطول والعرض

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


الآن نضغط بزر الماوس الأيمن على نفس الجزء من الصورة ونختار من القائمة التي ستظهر خصائص الخلية ونضع الطول والعرض الذي حفظنا قيمها قبل قليل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


نكرر نفس الخطوات مع

- الجزء الأيمن من الهيدر
- الجزء الأيسرمن الفوتر
- الجزء الأيمن من الفوتر


الآن نذهب إلى المنتدى من خلال الرابط التالي

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

13 – سنقوم الآن بوضع الروابط على الأزرار أولاً سننسخ رابط المنتدى ويكون
على زر الرئيسية

هذا هو رابط الرئيسية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


رابط التسجيل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


رابط لوحة التحكم
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

طبعاً جميع هذه الروابط حصلت عليها من المنتدى من خلال الخيارات الموجودة بالصفحة الرئيسية

الآن في الفرونت بيج نقف على مكان فارغ أسفل شريط القوائم ونختار

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

14 – نختار الآن من شريط الصور هذا الشكل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

سيكون شكل الماوس كالقلم الآن نقوم بتحديد زر الرئيسية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

بعد تحديده سيظهر لنا مربع حوار نضع فيه رابط الرئيسية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

نكمل بنفس الطريقة روابط باقي الأزرار

الآن بعد الانتهاء من وضع روابط الأزرار نذهب إلى تعليمات برمجية في أسفل صفحة الفرونت بيج

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

نضغط بزر الماوس الأيمن مع مراعاة وجدود التحديد ونختار من القائمة
التي ستظهر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

تظهر نافذة نختار منها

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ثم نغلق النافذة المتبقية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الآن في المنتدى ندخل إلى لوحة التحكم من أسفل صفحة المنتدى عن طريق خيار الإدارة ونختار بعد الدخول إلى لوحة التحكم


شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار Wol_errorهذه الصورة تم تصغيرها . إضغط على هذه الصورة لرؤيتها بحجمها الطبيعي . أبعاد الصورة الأصلية 960x295 وحجمها 230 كيلو بايت .
شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار Swahlcom_3f16c


الآن نقوم بمسح النص الموجود في الهيدر


شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار Wol_errorهذه الصورة تم تصغيرها . إضغط على هذه الصورة لرؤيتها بحجمها الطبيعي . أبعاد الصورة الأصلية 957x398 وحجمها 380 كيلو بايت .
شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار Swahlcom_e8e58


نذهب للفرونت بيج لتعليمات البرمجية وننسخ الجزء الخاص بالهيدر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

نلصق الجزء الذي نسخناه من الفرونت بيج و نلصقة في المنتدى مكان النص الذي مسحناه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


نذهب للفرونت بيج وننسخ النص الخاص بالفوتر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

نلصقه في جزء الفوتر الموجود بالمنتدى

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الآن نختار من أسفل الصفحة حفظ

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


الآن نذهب إلى المنتدى ونشاهد الهيدر والفوتر


شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار Wol_errorهذه الصورة تم تصغيرها . إضغط على هذه الصورة لرؤيتها بحجمها الطبيعي . أبعاد الصورة الأصلية 1007x651 وحجمها 381 كيلو بايت .
شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار Swahlcom_f3737



شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار Wol_errorهذه الصورة تم تصغيرها . إضغط على هذه الصورة لرؤيتها بحجمها الطبيعي . أبعاد الصورة الأصلية 1007x200 وحجمها 80 كيلو بايت .
شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار Swahlcom_6acae


:: تحميل الشرح ملف فديو ::


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


والرجاء كل الرجاء قراءة الشرح أولاً ثم تحميل ملف الفديو ومتابعته لأن الاثنان مكملنا لبعض


انتهى الشرح

:: التطبيق المطلوب ::

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

:: ملاحظة :: في حال وضع روابط لمنتديات و مواقع آخرى أو صور نساء سيتم حذف التطبيق
دمتم بخير



الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.wa7dane.com/vb
 
شرح توزيع صور الاستايل على الفرونت بيج + وضع روابط الأزرار
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» درس < تأثيرات DHTML الرائعة في الفرونت بيج
» فيلم طباخ الريس :: طلعت زكريا :: روابط متعددة

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