المهنه : عدد المساهمات : 1129 تاريخ الميلاد : 09/09/1989 تاريخ التسجيل : 25/07/2009 العمر : 34 الموقع : اُريد أن يكون موقعى الجنه العمل/الترفيه : طالب بكلية دار العلوم جامعة القاهره
موضوع: تصميم وقص وتركيب واجهه موقع PHP :: الدرس الرابع السبت 10 أكتوبر 2009, 3:10 am
الدرس الرابع ::
السلام عليكم ورحمة الله وبركاته
انهينا في الدروس السابقة قص الصور وتركيب صور الواجهة بشكل مبسط.
اليوم سوف نكمل إدراج صور الواجهة كاملة إن شاء الله .
نقوم بفتح برنامج الفرونت بيج وندخل إلى ملف swishe كي نجد بداخلة الملف style.html نقوم بفتح الملف وسوف يظهر لنا بهذا الشكل .
نقوم ألان بوضع الفارة في وسط البنر العلوي وبعد ذلك ندخل على خيار انقسام وسوف نشاهد الكثير من وسوم html ونلاحظ وجدود ظل ازرق على نهاية الخلية المطلوبة التي تحمل صوره بنوع خلفيه رقم 03 كما تشاهد بالصورة المرفقة
سوم نقوم الآن بمسح ما قبل الكود الخلفية وهي كلمة ( ) ثم نغط مفتاح انتر للنزول للأسفل ونبدأ في عمل أول تعليق في التصميم كي يفيدنا في معرفة مواقع الجداول والخلايا عند الحاجة للعودة إليها قم بكتابة هذا التعليق :
نقوم الآن بفتح وضع التصميم وتعديل خصائص الخلية الأولى باليمين بالجدول الجديد إلى 1% والثالثة نفس الشيء كما عملنا سابقاً . ونقوم بتعديل خصائص الخلية الوسطى إلى 98% ثم ندرج الصور المناسبة وهي الصورة رقم 2 باليسار والصورة رقم4 باليمين ليظهر لنا التصميم بهذا الشكل :
سوف نقوم الآن بإضافة الصور الوسطى بالأسفل ( الفوتير )وسوف نرى كيف سوف تساعدنا التعليقات في منع حدوث أخطاء لا سمح الله كما أنها سوف تسهل علينا إيجاد المطلوب . نقوم بفتح خيار تعليمات برمجية ونبحث عن التعليق الخاص بالجدول الأعلى ونظلله كاملاً وننسخه كما تشاهد بالصورة المرفقة
نقوم الآن بالعودة إلى وضع التصميم ونضع مؤشر الفارة في الجدول الأوسط السفلي ثم نتجه إلى خيار انقسام وسوف نجد نفس الفكرة السابقة حيث سوف يتم تحديد نهاية الخلية فنقوم بمسح كلمة ( ) ثم نضغط انتر ونلصق الكود المنسوخ بعد الضغط على مفتاح انتر كما تشاهد بالصورة المرفقة بوضع التصميم:
سوف نقوم بتعديل عنوان التعليق إلى فوتير بدلاً من هيدر وكذلك سوف نغير أرقام الصور كالتالي: الصورة رقم 2 سوف نغير رقمها إلى صوره رقم 9 الصورة رقم 4 سوف نغير رقمها إلى صوره رقم 11