• تطوير المواقع والمنتديات
  • 1838
  • 20-3-2008
    • بسم الله الرحمن الرحيم
    اخواني واخواتي حياكم الله في سلسلة الدروس المتتاليه
    الان بعد ان صممنا بنر للهيدر وبنر للفوتر وقطعناها
    ومثل ماقلت لكم احفظوها في مجلد خاص فيها
    اللي بقى علينا حاجتين وبكذا نخلص من اتركيب الاستايل
    باقي توزيعها في الفرونت بيج وتوزيعها في المنتدى وننطلق الان مع الشرح افتح برنامج الفرونت بيج FrontPage واختار من الاسفل كلمة اعدادات برمجيه كما في الصوره

    i

    ستشاهد هذه الصفحه

    i

    امسح مابها لتكون بهذا الشكل

    i

    الان نضغط على كلمة تصميم

    i

    اضغط بطرف الماوس الايمن لتظهر لك خصائص الصفحه وغير اتجاه الصفحه الى اليمين وننتقل لاعلى برنامج الفرونت بيج ونختار ادراج جدول ثلاث خانات فقط بالطول

    i

    نذهب الى الجدول ونضغط بطرف الماوس الايمن لتخرج لنا هذه القائمه

    i

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

    i

    فاصبح لدينا الجدول بهذا الشكل خانه علويه وخانه وسطيه وخانه سفليه

    i

    نضغط على الخانه رقم واحد وبطرف الاماوس الايمن لتخرج لنا قائمه ونختار منها خصائص الخليه

    i

    فيخرج لنا مربع حوار كما سنشاهد ونضغط منه استعراض

    i

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

    i

    اصبحت بهذا الشكل

    i

    نترك الخانه الوسطيهونتجه للخانه رقم ثلاثه (الفوتر) ونضغط بطرف الماوس يمين ونختار خصائص الخليه... ونختار صوره الخلفيه.. وهي الصوره الثالثه للفوتر الوسطيه وليست الجانبيه ونضغط

    i

    اللحين نتجه للجدول الاول (تذكروا معانا ثلاث جداول ورقمتها قبل شوي 1 و2 و3)

    i

    المهم رحنا للخانه العلويه او الجدول الاول ونونضغط عليه ثم نضغط بطرف الماوس اليمين ونختار تقسيم الخلايا

    i

    راح يطلع لنا مربع صغير ونختار منه الاعمده ثلاثه

    i

    بيطلع الجدول او الخانه العلويه مقسمه بهذا الشكل

    i

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

    i

    نختار اول خانه يمين ونحط الماوس عليها ونتجه للجه اللي في اعلى الفرونت بيج ونختار ادراج صوره
    (خلاص حنا انتهينا من شئ اسمه خلفيه واللي باقي الصور)

    i

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

    i

    اللحين نشوف بعد مانزلنا الصوره وكيف شكلها

    i

    لاهي اللي جت في مكانها الزين ولاهي جت في النص يعني خلف خلاف نطنشها عادي ونروح للجدول الثالث اللي في اليسار ونضغط بالماوس عليه ونضغط على ادراج صوره

    i

    ونختار الصوره اللي في اليسار للهيدر

    i

    ونشوف كيف صارت

    i

    يعني نقدر نقول تعدلت بشئ بسيط .. بس يبيلها مالك الا شئ واحد (((((شد الاطراف))))))

    i

    اللحين خلصنا من شئ اسمه هيدر واللي باقي فوتر نترك الجدول اللي في النص ونروح للجدول اللي تحت حق الفوتر ونضغط عليه بالماوس ونختار تقسيم الخلايا

    i

    مايحتاج كم اقول اكيد 3

    i

    بعد ماقسمنا راح تكون منشده باشباب ان حنا شدينا الاطراف حقت الهيدر من شوي

    i

    اضغط على اول خانه بجدول الفوتر يمين وادرج الصوره اليمنى للفوتر

    i

    ادرجناها ولكن شكلها مش ولابد يعني يبيلها

    i

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

    i

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

    i

    اللحين وش تشوفون؟؟
    كل شئ تمام الا مافي تنسيق
    وعشان ننسق الجدول ككل
    كل اللي ابيك تسويه شئ بسيط
    تضغط على كل صوره يمين سواء في الهيدر او في الهيدر

    i

    ومن اعلى الفرونت بيج تعطيها محاذاه لليمين

    i

    وكذلك اي صوره يسار تضغط عليها وتعطيها محاذاه لليسار

    i

    وهذا الاستايل الرباعي (اربع صور) تم الانتهاء منه وبالتوفيق

    i

    وهذا شكل الاستايل بعد النهائي

    i

    انتهى هذا الدرس
    كن أول من يقيم الموضوع
    12345