بسم الله الرحمن الرحيم

1. بسم الله الرحمن الرحيم

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

3. كيف يتنقل الزائر بين صفحات موقعك ؟

4. الارتباطات التشعبية

5. عمل ارتباط تشعبي داخل صفحة • عمل ارتباط تشعبي بين صفحات الموقع . • التعامل مع شريط الارتباطات. • ماذا سأتعلم ؟ • التعامل مع شعا الصفحة • التعامل مع النص • التعامل مع الجداول • التعامل مع الصور ماذا سأتعلم ؟

6. الإرتباطات التشعبية • هي وسيلتك لربط صفحات موقعك ببعضها ولربط موقعك • بمواقع أخرى. • تظهر الارتباطات التشعبية عادة مسطرةوملونه. • في بعض الأحيان يدل عليها تغير مؤشر الفأرة .

7. تقسيم الإرتباطات التشعبية

8. تنقسم الارتباطات التشعبية الى : أولا ارتباط تشعبي داخل الصفحة ارتباط تشعبي بين صفحات الموقع ثانيا

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

10. انشاء اشارة مرجعية ويتم ذلك باتباع التالي : حددي مكان الاشارة المرجعية 1 من قائمة أدراج أختار الامرأشارة مرجعية 2 أكتبي أسم الاشارة المرجعية ثم أضغطي موافق 3

11. حددي مكان اضافة الارتباط التشعبي داخل صفحة موقعك وليكن في أسفل الصفحة واكتبي العبارة ” أعلى الصفحة“ اختاري من قائمة ادراج الأمر ارتباط تشعبي اختاري من نافذة ادراج ارتباط تشعبي مكان في هذا المستند ثم اختاري الاشارة المرجعية التي انشأتيها ”أعلى الصفحة“ ثم موافق يظهر النص الذي كتبته في أسفل الصفحة بلون مختلف وتحته خط للدلالة على أنه يوجد ارتباط تشعيبي ثم أنتقل الىمعاينة لتجربة الارتباط

12. ثانيا: ارتباط تشعبي بين صفحات موقعك الطريقة التقليدية . طريقة شريط الارتباطات.

13. 1)-الطريقة التقليدية: 1- حددي مكان الارتباط على صفحتك ثم ادرجي الشكل. 2- اضغطي على الشكل. 3- اختاري من قائمة ادراج الأمر ارتباط تشعبيأو من شريط الأدوات القياسي الرمز 4- من نافذة ادراجارتباط تشعبي اختاري الصفحة التي تودي ربطها بهذا الرابط ثم موافق. 5- نفس الخطوات نكررها في الصفحة الثانيه حتى يتم باستطاعتنا الرجوع للصفحة الرئيسية.

14. قال رسول الله صلى الله عليه وسلم : ((المؤمن للمؤمن كالبنيان يشد بعضه بعضا – وشبك بين أصابعه ))

15. 2)-طريقة شريط الارتباطات: 1- حددي مكان شريط الارتباطات على صفحتك. 2- اختاري قائمة ادراج الأمر مكون ويب. 3- اختاري أشرطة الارتباط من نوع المكون ثم شريط الارتباطات المخصصة لانشاء شريط خاص. 4-اختاري نمط الشريط واتجاه الشريط ثم انهاء. 5- اكتبي اسم الارتباط الجديد ثم موافق 6- تظهر نافذة خصائص شريط الارتباط اضغطي اضافة ارتباط . 7- تظهر نافذة شريط الارتباطات اختاري الصفحة التي تودي ربطها بالشريط ثم موافق . 8- ضعي اشارة صح عند ارتباطات اضافية على الصفحة الرئيسية والصفحة الأصل ثم موافق.

16. خصائص شريط الارتباطات الفرونتبيج يقوم بإنشاء شريط الارتباطات لصفحتك ويسمح لك بتحرير خصائص شريط الارتباطات لتغيير نمطه ومكانه في الصفحة 1- ضعي المؤشر على شريط الارتباطات ثم اضغطي مرتين متتاليتين 2- تفتح نافذة خصائص شريط الأرتباطات يمكنك تغيير نمط الشريط ومكانه في الصفحة ويمكن تغيير الارتباطات التشعبية التي سيتم اضافتها للصفحة .

17. صح أم خطأ: • لعمل ارتباط تشعبي بصفحة من صفحات موقعك يمكنك استخدام ثلاثة طرق () • الطريقة التقليدية ،وطريقة شريط الارتباطات طريقتان لعمل الارتباط تشعبي بين صفحات موقعكِ () • أكملي ما يأتي بكلمات مناسبة : • تنقسم الارتباطات التشعبية الى00000000 و0000000000 • لآبد من عمل 0000000عند وضع أرتباط تشعبي داخل الصفحة .

18. كيف أجعل الزائر يعجب بموقعي ؟ التنسيــــــق

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

20. ماذا سأتعلم : • أضافة وتعديل سمة الموقع . • أضافة وتعديل خلفية الموقع .

21. تنسيق الموقع الخلفية السمة

22. السمة:هي الشكل الإخراجي للصفحة ويوجد في برنامج فرونتبيج عدة سمات جاهزة ويمكن عمل تعديل عليها.

23. لعمل سمة اتبع الخطوات التالية : 1- فتح الصفحة الرئيسية (Index) 2- اختاري من قائمة تنسيق الأمر سمة 3- اختاري السمة ويمكن جعلها لجميع الصفحات ويمكن جعلها لنفس الصفحة فقط. 4- يمكن اجراءالتعديل على السمة بالضغط على زر تعديل . 5-عند الضغط على زر تعديل تظهر مجموعة من الازرار الخاصة ويمكن حفظ تلك التعديلات لتصبح سمة خاصة بك بالضغط على حفظ بأسم

24. تعديل الألوان • حيث يمكن تعديل سمة الألوان لعناصر الصفحة.

25. تعديل الرسومات • حيث يمكن تعديل نوع الخط والصور لعناصر الصفحة.

26. تعديل النص • حيث يمكن تغيير نوع الخط لعناصر الصفحة.

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

28. لتنسيق خلفية الصفحة اتبعي التالي : 1لابــدأن تكون الصفحة بدون سمةولالغاءهامن تنسيق الأمر سمة ثم اختاري بدون سمة. 1- اختاري من قائمة تنسيق الأمر خلفية. 2- اختيار الخلفية من استعراض --<اختيار صورة 3-اضغط على الخلفية من جزء ألوان ثم اختيار لون للخلفية ثم موافق 4- يمكن أيضا تتغير لون النص بنفس طريقة لون الخلفية

30. التاريخ:14-5-1423 الملخص السبوري عنوان الدرس :الارتباطات التشعبية وتحسين الموقع * الارتباطات التشعبية : 1- داخل الصفحة. 2- بين صفحات الموقع: أ)- الطريقة التقليدية ب)-طريقة شريط الارتباطات * تنسيق الموقع وتحسينه : ويتم بطريقتين : 1- السمة. 2- الخلفية.

31. الواجب س1 :عرفي كلاً من : السمة , الخلفيـة؟ س2: أنشئ أرتباطاتشعبيا من أعلى الصفحة لآسفلها وقومي بتغير مكان شريط الارتباطات من الجانب الايمنألى الجانب الاعلى في صفحة البداية .

32. من خلال ما تعلمته اليوم قومي بمشاركة زميلاتك في حل ورقة العمل التي أمامك ليتم تقييمك عزيزتي