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




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

 

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

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


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

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

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

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

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

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

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


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

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


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

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



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


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

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


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

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


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


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


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

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


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


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

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

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

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


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

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


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

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


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

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

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

ولا تنسوني من دعائكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تصميم وقص وتركيب واجهه موقع PHP :: الدرس الرابع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» تصميم وقص وتركيب واجهه موقع PHP :: الدرس الثالث
» تصميم وقص وتركيب واجهه موقع PHP :: الدرس الخامس
» تصميم وقص وتركيب واجهه موقع PHP :: الدرس السادس
» تصميم وقص وتركيب واجهه موقع PHP - الدرس الاول
» تصميم وقص وتركيب واجهه موقع PHP :: الدرس الثاني

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شات منابر السيرة :: $$%%!!!( تكنولوجيا المعلومات )!!!%%$$ :: برامج-
انتقل الى: