تعلم Microsoft FrontBage ((لتصميم موقعك))

الكاتب : أسـ الحزن ـيرة   المشاهدات : 10,564   الردود : 132    ‏2002-12-01
      مشاركة رقم : 1    ‏2002-12-01
  1. أسـ الحزن ـيرة

    أسـ الحزن ـيرة مشرف سابق

    التسجيل :
    ‏2002-11-27
    المشاركات:
    644
    الإعجاب :
    0



    السلام عليكم ورحمت الله وبركاتة
    00 هلا وغلا فى كل من عندة استعداد فى رحيل الى عالم التصميم فى بيئة الفرونت بيج0
    0 والا ن اقدم لكم السطور التى بأيديكم تستطيعون ان تصممو بها موقعكم ان شالله000 يعد فرونت بيج أحدى
    أنتجات شريكة مايكرو سوفت التى تسهل عملية التصميم .
    .. حيث يعلم الجميع ان لغة التصميم تعدد ت ومنها الاتش تى م ال لكن ما يميز فرونت بيج البساطة فى التعامل معها كبساطة الورود والسهولة فى انشاء عدة صفحات فى وقت قصير ومرونة التعامل
    0 0 لن اطيل لكن جرب صمم وتبع الخطوات ومارح تخسر :)

    start >>> programs>>> microsoft pag


    البدية ثم البرامج ثم برنامج الميكرو سوفت فرونت بيج



    [​IMG]





    شكل البرنامج




    [​IMG]



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

    يعد فرونت بيج أحدى أنتجات شريكة مايكرو سوفت التى تسهل عملية التصميم ...
    حيث يعلم الجميع ان لغة التصميم تعددت ومنها الاتش تى م ال
    لكن ما يميز فرونت بيج البساطة فى التعامل معها كبساطة الورود والسهولة فى انشاء عدة صفحات فى وقت قصير ومرونة التعامل .

    اما التعامل مربعات الحوار اثناء التعامل مع الخصائص
    والاوامر المتنوعة ستظهر مربعات حوار مختلفة
    تستخدم مربعات الحوار عندما يحتاج فرونت بيج
    بعض المعلومات من المصمم لغرض التنفيذ

    عند انشاء موقع ويب جديد
    يوفر فرونت بيج معالجات وقوالب التصميم المساعدة الجاهزة والتى تتطلب ملئ الفراغات بالصور و التغير النصوص وعنا ويين الارتبطات

    مثل المعالج

    one page

    موقع يحتوى على صفحة واحدة فارغة الصفحة الرئيسة وهذا الذى سنتعامل معة فى شرح

    corporate presnce

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

    customer support

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

    discussion web

    موقع يحتوى على صفحة مناقشة تتيح لزائرى الموقع إارسال وقراءو رسائل المناقشة

    empty web

    موقع لايحتوى علىاى صفحات

    import web

    موقع مؤسس على الملفات المستوردة اما من موقع اخر تم انشاؤة فى برنامج فرونت بيج واما من الشبكة العنكبوتية مباشرة

    project web

    موقع معتد د الصفحات يستخدم إدارة مشروع معين فى هذا الموقع يتم إنشاء صفحات المراحل المشروع والمناقشات الخاصة بة وكافة مايتعلق

    بإدارتة يستخدم هذا النوع من المواقع عادة فى شبكة الانترنت اى الشبكات الموجودة فىمؤسسات العمل

    persnal web

    موقع متعدد الصفحات يحتوى على الاهتمامات الشخصية والصور الفو تو غرافية

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

    أنواع المجلدات

    web-1

    مجلد مرتبط باسم الموقع الذى تحددة فى مربع نص داخل مربع حوار new



    private-2


    يتم انشاء هذا المجلد ليحوى البيانت والمفات والعناصر الخاصة حيث لايستطيع الزوار الوصول الية

    مجلد image-3



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


    [​IMG]


    >>>>>>> يتبع (2) صمم موقعك
    اختـــــــكم اســـ الحزن ـيرة
     
  2.   مشاركة رقم : 2    ‏2002-12-02
  3. الظبي

    الظبي عضو نشيط

    التسجيل :
    ‏2005-07-22
    المشاركات:
    455
    الإعجاب :
    0
    ما شاء الله عليك اخي اسيره الحزن

    والله هذا اللي نريده
    شرح تعليمي ممتاز ووافي
    وانا منتظر الجزء الثاني
    والله يعطيك العافيه

    تحياتي.
     
  4.   مشاركة رقم : 3    ‏2002-12-02
  5. أسـ الحزن ـيرة

    أسـ الحزن ـيرة مشرف سابق

    التسجيل :
    ‏2002-11-27
    المشاركات:
    644
    الإعجاب :
    0
    Re: ما شاء الله عليك اخي اسيره الحزن

    جزاك الله كل الخير اخى لحضورك الطيب
    00واتمنا تواصل معنا فى هذة الدورة انشاء الله نكملها على خير000
    بس اتمنا حضور بقية الاعضاء00
    0واىاسئلة احنا حاظرين000

    تحياتى
     
  6.   مشاركة رقم : 4    ‏2002-12-02
  7. أسـ الحزن ـيرة

    أسـ الحزن ـيرة مشرف سابق

    التسجيل :
    ‏2002-11-27
    المشاركات:
    644
    الإعجاب :
    0
    (2) صمم موقعك

    السلام عليكم ورحمة الله وبركاتة
    00
    اليوم راح نبدى بدرس الثانى
    وكان درس الاول عبارة عن مقدمة عن الفرونت بيج00
    واهم شئ اذا كنت فعلن تبى تستفيد تطبق وتسئل عن اى نقطة
    ممكن انا نسيتها اواى شئ والكما ل لله000
    ===========================
    الخطوة ألأولى فى تصميم موقعك

    أساس المنزل

    file
    أى ملف ويندرج تحتها عدة قوائم
    أولها
    new اى جديد اى فتح ملف جديد

    اما new page

    فتعنى افتح صفحة جديدة او اضف صفحة جديدة لصفحات سابقة

    الثانية new web
    وهى اهم خطوة واول خطوة فى انشاء صفحتك وبنئها على قاعدة الويب اى مثل اساس

    البيت وهى web

    تذكر قلت اول خطوة من خطوات بناء موقعك وهى



    new >> web


    الموضح فى صورة :)


    [​IMG]



    طيب الخطوة التالية بعد ماضغطنا يفتح مربع وهو



    [​IMG]




    ماذا يعنى c

    يعبر عن الامتداد والمكان الذى سوف يحفظ فية الملف الذى قمت بتسميتة



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

    وذلك بعدم save(حفظ) عملك اى بعد كل خطوة وكل عمل تقوم بة لابد
    save(حفظ) العمل تابع حتى نصل الى طريقة الحفظ

    save <<<file


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

    مثل


    [​IMG]



    ماذا يعنى هذا الشريط الذى فى اسفل الصفحة


    [​IMG]



    NORMAL :

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

    HTML

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

    PREVIEW

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


    >>>>يتـــبع (3) بيئة فرونت بيج

    اختكم اســـــ الحزن ـير
     
  8.   مشاركة رقم : 5    ‏2002-12-03
  9. الظبي

    الظبي عضو نشيط

    التسجيل :
    ‏2005-07-22
    المشاركات:
    455
    الإعجاب :
    0
    والله مجهود طيب وجميل منك اختي اسيرة الحزن

    دروس مفيد ومهمه والجميل انها مدعومه بالصور وهذا اهم شئي.
    مشكوره عليك ومنتظرين المزيد .

    تحياتي.
     
  10.   مشاركة رقم : 6    ‏2002-12-03
  11. أسـ الحزن ـيرة

    أسـ الحزن ـيرة مشرف سابق

    التسجيل :
    ‏2002-11-27
    المشاركات:
    644
    الإعجاب :
    0
    Re: والله مجهود طيب وجميل منك اختي اسيرة الحزن


    يسعدنى ويلفج صدرى حضورك00
    واتمنا تواصلك الدائم000
    وكل التوفيق اتمناة لك

    اختك اســ الحزن ـيرة
     
  12.   مشاركة رقم : 7    ‏2002-12-06
  13. أسـ الحزن ـيرة

    أسـ الحزن ـيرة مشرف سابق

    التسجيل :
    ‏2002-11-27
    المشاركات:
    644
    الإعجاب :
    0
    (3) بيئة فرونت بيج



    بيئة فرونت بيج هى عبار عن الأشرطة التى ستتعامل معها خلال التصميم



    [​IMG]


    سنتطرق الى شرح الشريط العلوى للبرنامج


    شريط ألأول

    ============
    وهو شريط العنون أى عنوان البرنامج ودئماً
    يكون فى الون الازرق ومكتوب فى الاعلى عنون البرنامج وهو ميكر سوفت فرونت بيج لكن عند تصميم موقعك يكون مكتوب علية اسم موقعكالذى قمت انت بختيارة .
    =============================



    الشريط الثانى : شــريط القوائم



    [​IMG]

    file

    =====
    ملف يحتوى على عدة اومر منها فتح ملف جديد أواستدعاء ملف تم فتحة سابقا اوحفظ الصفحة اوطبعتها اوارسالها ونقل والاستيرد ومعاينة الصفحة

    edite
    =====
    لهاعدة اوا مر منها التراجع التقدم خطوت قص ولصق ونسخ تحرير
    view
    ===
    العرض وويضم عمليات تتعلق بشبكة وعرضها وأيقونتها
    والروابط التى تعاملت معها.

    insert
    ====
    ادراج وتحتوى على عدة أوامر منها اضافة نص متحرك وكودات
    وعمل بينات معينة وصور والصوت والفديو وعمل الروابط

    format

    ====
    تحتوى على اومر تشكيل للخط والتحكم بالكتابة وخلفية الصفحة

    tools
    ===
    يحتوى على اوا مر طلب أيقونات والعمل وتحديد عمل البرنامج

    table

    ===
    الجدول وكل ملحقاتة من التحكم بخصائصة أواضافة جدول أوتلوينة أو اضافة ودمج الخلايا.

    frames

    ====
    يحتوى على أدوات ونسخ تصميمات معينة للشبكة

    window

    ====
    النافذة تحتوى على اوا مر وفتح نوافذ وصفحات تعمل بها او تستطيع العمل بها منها نوافذ البرنامج ونوافذ التى قمت بها واستدعاء صفحاتك

    help
    ====
    يوفر لك خدمة المساعدة والاجابة على اسئلتك لتعامل السهل مع البرناج
    اى يقدم لك المساعدة
    =====

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


    يتبع






     
  14.   مشاركة رقم : 8    ‏2002-12-06
  15. أسـ الحزن ـيرة

    أسـ الحزن ـيرة مشرف سابق

    التسجيل :
    ‏2002-11-27
    المشاركات:
    644
    الإعجاب :
    0
    يتبع


    الشريط الثالث : شريط الادوات





    [​IMG]


    يتكون من

    (1)

    [​IMG]

    open استدعاء صفحة تم حفضها من قبل

    ==============================

    (2)
    [​IMG]

    new page يساعد على انشاء صفحة جديدة واضافة صفحة اخرى


    ==========================================
    يتبع
     
  16.   مشاركة رقم : 9    ‏2002-12-06
  17. أسـ الحزن ـيرة

    أسـ الحزن ـيرة مشرف سابق

    التسجيل :
    ‏2002-11-27
    المشاركات:
    644
    الإعجاب :
    0
    يتبع

    (3)

    [​IMG]

    save حفظ الصفحة التى تم انشائها


    ملاحضة

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


    ========================
    (4)

    [​IMG]

    publishweb يساعد على نشر الموقع على الشركة المستضيفة لموقعك


    ==================
    (5)

    [​IMG]
    folderlist

    يستخرج ويبين لك الفولدرات المستخدمة اثناء العمل والصفحات التابعة التى تم انشائها.


    يتبع
     
  18.   مشاركة رقم : 10    ‏2002-12-06
  19. أسـ الحزن ـيرة

    أسـ الحزن ـيرة مشرف سابق

    التسجيل :
    ‏2002-11-27
    المشاركات:
    644
    الإعجاب :
    0
    يتبع

    ======================
    (6)

    [​IMG]

    print طباعة الصفحة


    ============================
    (7)

    [​IMG]
    preview in browser

    يساعدك بعد التصميم كيفية ظهور الصفحة على الشبكة



    ========================
    (8)

    [​IMG]

    spelling خاص بتدقيق ألأملائى

    ========================
    (9)

    [​IMG]

    cut يساعد على قطع اى صورة او نص


    ===============================

    يتبع
     

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