|--*¨®¨*--|تعلمي فرونت بيج 2000 |--*¨®¨*--|
صفحة 1 من 3 123 الأخيرةالأخيرة
النتائج 1 إلى 4 من 12

الموضوع: |--*¨®¨*--|تعلمي فرونت بيج 2000 |--*¨®¨*--|

  1. #1
    مشرفة سابقة محررة مبدعة الصورة الرمزية khat2000
    تاريخ التسجيل
    Dec 2004
    الدولة
    الطائف
    المشاركات
    8,189
    معدل تقييم المستوى
    30

    |--*¨®¨*--|تعلمي فرونت بيج 2000 |--*¨®¨*--|

    [align=center]برنامج فرونت بيج 2000 هو برنامج شهير وشائع الاستعمال لتصميم صفحات الانترنت .

    والبرنامج يتكون من 3 اقسام تجديه اسفله وهي :

    Normal : وهو القسم الذي سنقوم به بجميع عمليات التصميم كالكتابة واضافة الصور الخ..

    HTML : وهو القسم الذي سيكتب به البرنامج كود ال HTML حيث انه كلما اضفتي شيئا في قسم normal يقوم البرنامج بكتابته بلغة HTML بقسم HTML .

    Preview : وهو قسم المعاينة حيث ستشاهدي به طريقة ظهور الصفحة للمتصفح. يمكنك كلما اضفتي شيئا في قسم نورمل ان تعاينيه في قسم المعاينة لتشاهدي طريقة ظهوره.



    ادوات المسطرة في البرنامج :





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

    بالنسبة للادوات الاخرى الخاصة في الجدوال والنماذج ، فلا تقلقي سيأتي شرحها تحت اقسامها

    تعرفي علي واجهة Front page

    تنسيق الصفحة ( الخلفيات وشكل الصفحة ولون الوصلات )

    وانتي في قسم نورمل انقري على زر الفارة الايمن واختاري Page Propeties كما هو مبين في الصورة



    الان ستفتح لك هذه النافذه الكبيرة , انظري الى الصورة وظيفة كل قسم في هذه النافذة.



    لتغيير لون خلفية الصفحة او اختيار صورة كخلفية للصفحة اضغطي على علامة التبويب الثانية ، ستظهر لك الشاشة الاتية :
    دعينا نتعرف بماذا تفيدنا هذه الشاشة.




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

    تابع [/align]

    شكرا لك ياأم نونا على التكريم


  2. #2
    مشرفة سابقة محررة مبدعة الصورة الرمزية khat2000
    تاريخ التسجيل
    Dec 2004
    الدولة
    الطائف
    المشاركات
    8,189
    معدل تقييم المستوى
    30
    [align=center]التعامل مع الصور:

    لاضافة صورة في صفحتك ، ضعي مؤشر الفارة في المكان الذي تودين ان تدرجي الصورة واضغطي على الزر

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

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



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

    وضع عدة ارتباطات لصورة واحدة بواسطة الفرونت بيج:

    لعمل ذلك اتبعي الخطوات الاتية:

    1-ادرجي الصورة في الصفحة
    2-اشري الى الصورة بالفارة ، سيظهر في اسفل شاشة الفرونت بيج شريط ادوات الصورة.
    3- ما يهمنا الان من هذا الشريط هما الاشكال الثلاثة الاتية وهما لتحديد قسم من الصورة بثلاثة خيارات مختلفة ، اضغطي منها ما تريدي وحددي القسم من الصورة المراد جعله ارتباطا .
    4- بعد ان تكملي التحديد سوف تفتح نافذة اختيار الارتباط ، قومي بتحديد الارتباط الذي تودين الذهاب اليه عند الضغط على الجزء من الصورة واضغطي موافق. هذا كل شي.

    التعامل مع الارتباطات والوصلات:

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

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

    وصلة بنص او بصورة:

    1- قومي بكتابة النص المراد جعله وصلة .
    2- حددي النص واضغطي على Insert --->hyperlink ستظهر لك نافذه شبيه بهذه.دعينا نعرفك ماذا يمكن فعله من هذه الشاشة.


    بعد تحديد الوصلة اضغطي على OK ، لفحص الوصلة توجهي الى قسم المعاينة.

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

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

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


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



    تابع [/align]

    شكرا لك ياأم نونا على التكريم


  3. #3
    مشرفة سابقة محررة مبدعة الصورة الرمزية khat2000
    تاريخ التسجيل
    Dec 2004
    الدولة
    الطائف
    المشاركات
    8,189
    معدل تقييم المستوى
    30
    [align=center]لمعرفة طريقة انشاء البوك مارك اتبعي الخطوات التالية:

    حددي النص او الصورة التي تريدي الزائر ان ينتقل اليها عند الضغط على وصلة معينة. بعدها اذهبي الى Edit --->BookMark . ستفتح لك النافذه الاتية:


    في خانة Bookmark Name عليك كتابة اسم لهذه المنطقة ثم اضغط على OK .

    الان حددي النص او الصورة التي تريدي الزائر ان يضغط عليها لينقله الى المكان الذي حددناه سابقا.
    الان اذهبي الى insert -->Hyperlink


    هذا هو ما نحتاجه في هذه المرحلة من النافذة الكبيرة

    ستجدي ان الاسم الذي كتبتيه في الخطوة 3 موجود هنا ، قومي بفتح القائمة المنسدلة بجانب كلمة Bookmark وحددي الاسم الذي كتبتيه في الخطوة الاولى واضغطي OK .
    الان قومي بمعاينة الصفحة لفحص الوصلة.

    كتابة نص متحرك:

    لانشاء نص متحرك

    1- اذهبي الى insert -->component -->Marquee كما هو مبين بالصورة



    بعدها ستظهر لك هذه الشاشة .

    دعينا نعرفك ماذا يمكننا فعله في هذه الشاشة


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

    تابع[/align]

    شكرا لك ياأم نونا على التكريم


  4. #4
    مشرفة سابقة محررة مبدعة الصورة الرمزية khat2000
    تاريخ التسجيل
    Dec 2004
    الدولة
    الطائف
    المشاركات
    8,189
    معدل تقييم المستوى
    30
    [align=center]التعامل مع الجداول:

    لبناء جدول توجهي الى رمز ادراج جدول في شريط الادوات والذي تم ذكره في الدرس الاول ( التعرف على ادوات البرنامج) واختاري عدد الاعمدة والصفوف التي تريديها .
    يمكنك ايضا اضافة جدول بالتوجه الى table -->insert table ثم تحديد المقاسات الملائمة والضغط على OK .

    الان يوجد عندك جدول في صفحتك ، لاعادة تخصيص وتغيير في اعدادت الجدول اضغطي في اي منطقة في الجدول بالزر الايمن واختر table properties . ستظهر لك الشاشة الاتية


    دعينا الان نعرفك ماذا يمكننا ان نستفيد من هذه الشاشة:

    (1): لتحديد موضع الجدول في الصفحة .
    (2): لتحديد المسافة بين الخلايا .
    (3): من هذا الخيار يمكنك اخفاء حدود الجدول في المتصفح وذلك بوضع قيمة سمك الإطار Border=0 ، ويمكنك من هنا أيضاً زيادة سمك الإطار .
    (4): لاختيار لون الإطار حول الخلايا .
    (5): لاختيار لون خلفية للجدول .
    (6): لاختيار صورة كخلفية للجدول .
    (7): لاختيار عرض وارتفاع خلايا الجدول .
    (8): باختيار لونين مناسبين من الخانتين Light border و Dark border يمكنك جعل خلايا الجدول وكأنها بارزة .. وهذا سيعطيها مظهر جميل .
    قومي باختيار ما شئتي من خصائص واضغطي OK

    الاعدادت التي تختاريها هنا تطبق على جميع خلايا الجدول . اما اذا اردتي تغيير خصائص خلية واحد في الجدول او مجموعة خلايا فقومي بالاتي:

    حددي الخلية لو الخلايا المراد تغيير خصائصها واضغطي على زر الفارة الايمن واختاري Cell properties ستظهر لك النافذة الاتية :




    هذه الشاشة شبيهة بالشكل والاوامر وطريقة التعامل مع شاشة خصائص الجدول لذلك لا يلزم شرحها ثانية!!! [/align]

    شكرا لك ياأم نونا على التكريم


صفحة 1 من 3 123 الأخيرةالأخيرة

الكلمات الدلالية لهذا الموضوع

مواقع النشر

مواقع النشر

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أهم المواضيع

المطبخ

من مواقعنا

صفحاتنا الاجتماعية

المنتديات

ازياء | العناية بالبشرة | رجيم | فساتين زفاف 2017 | سوق نسائي | طريقة عمل البيتزا | غرف نوم 2017 | ازياء محجبات | العناية بالشعر | انقاص الوزن | فساتين سهرة | اجهزة منزلية | غرف نوم اطفال | صور ورد | ازياء اطفال | شتاء | زيادة الوزن | جمالك | كروشيه | رسائل حب 2017 | صور مساء الخير | رسائل مساء الخير | لانجري | تمارين | وظائف نسائية | اكسسوارات | جمعة مباركة | مكياج | تسريحات | عروس | تفسير الاحلام | مطبخ | رسائل صباح الخير | صور صباح الخير | اسماء بنات | اسماء اولاد | اتيكيت | اشغال يدوية | الحياة الزوجية | العناية بالطفل | الحمل والولادة | ديكورات | صور حب | طريقة عمل القرصان | طريقة عمل الكريب | طريقة عمل المندي |