اليوميةاليومية  الرئيسيةالرئيسية  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  
تم بحمد لله افتتاح شبكة السيرة العطرة للدخول ... إضغط على اللينك http://el-sera.com/vb/ .. دمتم فى أمان الله
شاطر | 
 

 تصميم وقص وتركيب واجهه موقع PHP :: الدرس الرابع

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
داعي إلى الله
مُنشئ المنتدى
مُنشئ المنتدى


11
المهنه: 3
ذكر العذراء الثعبان
عدد المساهمات: 1129
تاريخ الميلاد: 09/09/1989
تاريخ التسجيل: 26/07/2009
العمر: 24
الموقع: اُريد أن يكون موقعى الجنه
العمل/الترفيه: طالب بكلية دار العلوم جامعة القاهره

مُساهمةموضوع: تصميم وقص وتركيب واجهه موقع PHP :: الدرس الرابع   السبت 10 أكتوبر 2009, 11:10 am

الدرس الرابع ::

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

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

اليوم سوف نكمل إدراج صور الواجهة كاملة إن شاء الله .

نقوم بفتح برنامج الفرونت بيج وندخل إلى ملف swishe كي نجد بداخلة الملف style.html
نقوم بفتح الملف وسوف يظهر لنا بهذا الشكل .


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

نقوم ألان بوضع الفارة في وسط البنر العلوي وبعد ذلك ندخل على خيار انقسام وسوف نشاهد الكثير من وسوم html
ونلاحظ وجدود ظل ازرق على نهاية الخلية المطلوبة التي تحمل صوره بنوع خلفيه رقم 03 كما تشاهد بالصورة المرفقة


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

سوم نقوم الآن بمسح ما قبل الكود الخلفية وهي كلمة ( ) ثم نغط مفتاح انتر للنزول للأسفل ونبدأ في عمل أول تعليق في التصميم
كي يفيدنا في معرفة مواقع الجداول والخلايا عند الحاجة للعودة إليها
قم بكتابة هذا التعليق :



كما تشاهد بالصورة المرفقة .


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

ثم اجعل مؤشر الفارة بينهما في الوسط وقم بإدراج جدول من ثلاث خانات باتجاه اليمين .
كما تشاهد بالصورة المرفقة .


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

نقوم الآن بفتح وضع التصميم وتعديل خصائص الخلية الأولى باليمين بالجدول الجديد إلى 1% والثالثة نفس الشيء كما عملنا سابقاً .
ونقوم بتعديل خصائص الخلية الوسطى إلى 98% ثم ندرج الصور المناسبة وهي الصورة رقم 2 باليسار والصورة رقم4 باليمين
ليظهر لنا التصميم بهذا الشكل :


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


سوف نقوم الآن بإضافة الصور الوسطى بالأسفل ( الفوتير )وسوف نرى كيف سوف تساعدنا التعليقات في منع حدوث أخطاء لا سمح الله
كما أنها سوف تسهل علينا إيجاد المطلوب .
نقوم بفتح خيار تعليمات برمجية ونبحث عن التعليق الخاص بالجدول الأعلى ونظلله كاملاً وننسخه كما تشاهد بالصورة المرفقة


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

نقوم الآن بالعودة إلى وضع التصميم ونضع مؤشر الفارة في الجدول الأوسط السفلي ثم نتجه إلى خيار انقسام
وسوف نجد نفس الفكرة السابقة حيث سوف يتم تحديد نهاية الخلية فنقوم بمسح كلمة ( ) ثم نضغط انتر ونلصق
الكود المنسوخ بعد الضغط على مفتاح انتر كما تشاهد بالصورة المرفقة بوضع التصميم:


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


وكذلك بوضع تعليمات برمجية

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

سوف نقوم بتعديل عنوان التعليق إلى فوتير بدلاً من هيدر وكذلك سوف نغير أرقام الصور كالتالي:
الصورة رقم 2 سوف نغير رقمها إلى صوره رقم 9
الصورة رقم 4 سوف نغير رقمها إلى صوره رقم 11

سوف يكون التصميم بهذا الشكل :


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

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


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

وسوف يظهر لنا التصميم بهذا الشكل بعد إلغاء الحدود:


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

سوف تجد بالمرفقات الصفحه style.html + الصور المرفقه .

نقوم بحفظ عملنا واخذ قسط من الراحة والى اللقاء في الدرس القادم.

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

تصميم وقص وتركيب واجهه موقع PHP :: الدرس الرابع

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

 مواضيع مماثلة

-
» تصميم حاسبة في فيجول بيسك
» الدرس الثانى ... كثافة الغاز و الكتله الجزيئيه
» الباب الرابع فلسفة بواسطة أ/حبيب صبرى
» موقع كفر الغاب
» موقع خطير جدا ومفيد

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