دروس في تصميم المواقع عن طريق الـ (FrontPage)

الكاتب : يافع   المشاهدات : 1,735   الردود : 10    ‏2004-05-16
      مشاركة رقم : 1    ‏2004-05-16
  1. يافع

    يافع عضو متميّز

    التسجيل :
    ‏2003-03-29
    المشاركات:
    1,765
    الإعجاب :
    0
    السلام عليكم ورحمة الله وبركاته ...

    الحمد لله ، والصلاة على رسول الله.

    هذه مقدمة إلى أحبتي في المنتدى عن البرنامج المشهور لتصميم وإدارة مواقع الانترنت.

    وسيكون أول درس في هذه الدورة عبارة عن بناء موقع جديد.

    لم يسبق أن قام احد بتصميمه...

    وسيكون متدرج الصعوبة ...

    ومدعوم بالصور ( :D لا تخافون لن تختفي الصور بعون الله)

    البرنامج سهل العثور عليه ...

    فقط بعد ان تنتهي من صلاة العشاء في المسجد الجامع اصرخ في الناس...

    حدى معه الفرونت بيج.... :)

    وواحد من الشباب اكيد حيكون معه الفرونت بيج ....

    تركيب الفرونت بيج ماهو صعب ... سهل جداً ...

    بعد ما تنتهي من التركيب افتح البرنامج...

    طبعاً لن نقوم في هذا المقام بشرح كيفية فتح وإغلاق وحفظ الملفات ....

    فكما يبدو ان أكثركم يعرف هذه الطريقة ...

    افتح برنامج الفونت بيج

    الفرونت بيج الذي عندي باللغة العربية .... السموحة لمن عنده اللغة الاعنجليزية..

    بس سأقوم بطرح المصطلحات بكلأ اللغتين ... العربية والإنجليزية

    انصح انك تعمل ملف خاص تضع فيه محتويات تصميم الصفحة...

    هذا هو الشكل الخارجي لبرنامج الفرونت بيج "الصفحة الأمامية" بدون صفحة مفتوحة.

    الصـــــــــــــــــورة

    بعض الأحيان تكون هناك صفحة مفتوحة .. إذا كان كذلك فلا تفتح صفحة جديدة.


    في هذ الدرس الأول لن نقوم بعمل إطارات للموقع ...

    حيث ان هذه العملية صعبة (للبعض)

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

    الذي سنقوم بعمله في هذا الدرس هو عمل جداول لتنسيق الصفحة.

    وتنقسم طريقة التحكم بطول وعرض الجدول إلى نوعين..

    النوع الأول أن نقوم بعطاء الجدول مقاس نسبي للمتصفح عن طريق النسبة المئوية....

    مثلا لو قلنا ان عرض الجدول سيكون %100 فأن الجدول سيستخدم عرض المتصفح كاملاً...

    مهما كان حجم متصفح الانترنت....

    وهذه الطريقة تستعمل في منتدى اليمن....

    أما الطريقة الثانية هي ان تعطي الجدول مقاس محكم ... لا يزيد ولا ينقص ....

    ويمكنك مشاهدة المثال على ذلك في الموقع الذهبي

    www.goldmohamed.com


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

    الطريقة السهلة هي أن تصمم الموقع من خلال الأدوات الظاهرة.

    الطريقة الصعبة هي ان تصمم الموقع من خلال الشفرات .

    في هذا الدرس سنسلك الطريق السهل.

    شاهد الصورة لتبين مجالات العمل في الفرونت بيج

    الصـــــــــــــــــورة


    لكي نقوم بعمل جدول او إدراج جدول في الصفحة من القائمة العلوية نختار

    جدول >> إدراج >>>جدول

    شاهد الصورة

    الصـــــــــــــــــورة
    بعد ذلك ستظهر لك صندوق إدراج الجدول ... مثل هذه الصورة

    الصـــــــــــــــــورة
    انتبه معي......

    أولا حدد عدد الصفوف ...... طبعاً الصفوف تكون افقية....

    ثم حدد عدد الأعمدة ... طبعاً عمودية ....

    بعد ذلك المحاذاة .... .. هل تريد ان يكون الجدول في الوسط او اليمين او الشمال.

    حجم الحدود .....

    الحد صفر لن يظهر حدود الجدول ...

    الحد واحد سيظهر حد خفيف ....

    وهكذا....

    نطاق الخلية .... هي المسافة بين الخلية وعنصر الخلية..

    المسافة بين الخلايا ... هي التباعد بين الخلية وأختها..

    اتجاه الجدول ..... هي بالأصح اتجاه عناصر الجدول ...

    العرض .......كيفية ومقاس العرض.....

    قم بوضع هذه المعطيات في الجدول


    الصفوف = 3

    الأعمدة = 3

    المحاذاة = توسيط

    حجم الحدود = 0

    نطاق الخلية = 3

    مسافة بين الخلايا = 3

    اتجاه الجدول = من اليمني إلى اليسار

    تحديد العرض = 777 بالبكسل

    الصـــــــــــــــــورة

    بعد ذلك سيظهر الجدول ......

    سنقوم بعملية تلوين ...... يمكنك التلوين على حسب مزاجك ....

    حرك مؤشر المواس إلى الخلية الوسطى في الصف الأول ثم اكبس الزر اليمين واختار خصائص الخلية

    الصـــــــــــــــــورة
    ثم اختار لون الخلفية فضي

    الصـــــــــــــــــورة
    اكتب في الخلية نفسها ... هذه العبارة

    >>>>> الدليل الإسلامي للكل <<<<<

    لاحظ ان الخلية قد اتسعت .... ونحن لا نريد ذلك ....

    الصـــــــــــــــــورة

    كل ما عليك فعله لتصغير الخلية او جعل جميع الخلايا متساوية هو..

    ********************************
    1- تحديد الاعمدة.
    الصـــــــــــــــــورة
    2- الذهاب من القائمة العلوية إلى

    جدول >> توزيع الأعمدة بشكل متساو
    الصـــــــــــــــــورة
    ********************************

    بعد ذلك يمكنك توسيط الخط ......

    قم بمط وسحب الجدول وتغير اللون كي يكون بهذا الشكل

    الصـــــــــــــــــورة

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

    هذا وإلى اللقاء في الدرس القادم ....

    أخوكم المسكين محمد :)
     
  2.   مشاركة رقم : 2    ‏2004-05-16
  3. نسراليمن

    نسراليمن عضو متميّز

    التسجيل :
    ‏2003-09-30
    المشاركات:
    1,233
    الإعجاب :
    0
    الف شكر للاخ العزيز يافع
    اخيرا شاركت في قسم تصميم المواقع
    وبصراحه مقدمه حلوه كثير ومشوقه لمعرفه المزيد
    ولا تبخلش علينا
    اخوك : يــاســر
     
  4.   مشاركة رقم : 3    ‏2004-05-16
  5. يافع

    يافع عضو متميّز

    التسجيل :
    ‏2003-03-29
    المشاركات:
    1,765
    الإعجاب :
    0
    ولك الشكر أخي العزيز يــاســر :)
     
  6.   مشاركة رقم : 4    ‏2004-05-16
  7. طيبه

    طيبه عضو نشيط

    التسجيل :
    ‏2003-12-16
    المشاركات:
    282
    الإعجاب :
    0
    لك كل الشكر والتقدير اخي محمد...............




    جزاك الله كل الخير..........
     
  8.   مشاركة رقم : 5    ‏2004-06-23
  9. مانكلوش

    مانكلوش عضو

    التسجيل :
    ‏2004-04-22
    المشاركات:
    106
    الإعجاب :
    0
    الف شكر للاخ العزيز يافع
    جزاك الله كل الخير..........
     
  10.   مشاركة رقم : 6    ‏2004-08-29
  11. صهاريج عدن

    صهاريج عدن عضو

    التسجيل :
    ‏2004-08-26
    المشاركات:
    90
    الإعجاب :
    0
    شكراً لك اخي العزيز في المشاركه الحلوه

    وانشاء الله نشوف مواضيع مثل هذه

    وحياك الله اخوي يافع
     
  12.   مشاركة رقم : 7    ‏2004-08-31
  13. العسيب

    العسيب مشرف سابق

    التسجيل :
    ‏2003-09-21
    المشاركات:
    10,475
    الإعجاب :
    0
    ][`~*¤!||!¤*~`][brother please
    go ahead
    ][`~*¤!||!¤*~`][
     
  14.   مشاركة رقم : 8    ‏2004-10-28
  15. Sniper Elites

    Sniper Elites عضو متميّز

    التسجيل :
    ‏2004-08-17
    المشاركات:
    1,119
    الإعجاب :
    0
    [align=right]فين التكمله؟
    ولو اني انصح باستعمال الدريم ويفر لانه اسهل واقوى ويعطي امكانيات قويه

    واكثر المواقع ذات الستايل الجميل مصممه فيه
    تحياتي
     
  16.   مشاركة رقم : 9    ‏2004-11-26
  17. بسيم الجناني

    بسيم الجناني مشرف سابق

    التسجيل :
    ‏2003-09-16
    المشاركات:
    10,620
    الإعجاب :
    0
    مشكووور اخوي

    وإن شاء الله ستكون لي مشاركة بلغة الجافا سكريبت بإذن الله :)
     
  18.   مشاركة رقم : 10    ‏2004-11-28
  19. مُجَاهِد

    مُجَاهِد قلم ماسي

    التسجيل :
    ‏2003-05-11
    المشاركات:
    14,043
    الإعجاب :
    0
    ننتظر ذلك بفارغ الصبر ..

    والف شكر لكاتب الموضوع على الدرس ..

    وخالص التحية..
     

مشاركة هذه الصفحة