منتدى (التعلم بالمنتديات الالكترونية)

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

شاطر | 
 

 الدرس الخامس فى أساسيات الفورنت بيج :التحكم فى الصور بإستخدام الجداول

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
ahmedyahia



عدد المساهمات : 20
تاريخ التسجيل : 22/03/2012

مُساهمةموضوع: الدرس الخامس فى أساسيات الفورنت بيج :التحكم فى الصور بإستخدام الجداول    الإثنين أبريل 16 2012, 18:31

التحكم
في الصور باستخدام الجداول
:

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



1-
قم بإنشاء صفحة جديدة .
2-
قم بإنشاء جدول داخل
صفحة بحيث يتكون من خليتين
.
3-
أدرج صورتك في الخلية
اليسرى




إنشاء نماذج مصغرة للصور :



النماذج المصغرة عبارة
عن نسخ صغيرة لصور كبيرة الحجم ، إلى جانب كونها
ارتباطات للصور الكبيرة ، وكمثال على النماذج المصغرة
للصور وكيفية

استخدامك لها تشغيل
المستعرض الخاص بك ، انتقل إلى العنوان او تنسيقها
.

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

مساحة كبيرة على الشاشة .






عند
تصميم صفحات الويب ضع في اعتبارك أن معظم المستخدمين مازالوا يستعرضون
الويب باستخدام مودم سرعته 28.8 كيلوبت في
الثانية . لذلك عليك أن تراعي في

تصميم الصفحات سرعة
تحميلها عند استعراضها
.

لإنشاء نموذج مصغر لإحدى
الصور
:



1-
قم بإنشاء صفحة جديدة .
2-
أدرج أي صورة في
الصفحة
.
3-
تأكد من ظهور شريط
أدوات الصورة داخل النافذة الرئيسية لفرونت بيج ، إن
لم يكن هذا الشريط ظاهراً ، فحدد خيار Toolbars من قائمة
View
وتأكد من تحديد أمر Picture .
4-
حدد الصورة التي
أدرجتها في الصفحة ، ثم انقر رمز

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

1-
من قائمة Tools ، حدد أمر
Page Options
لتفتح مربع
حوار
Page
Options.

2-
حدد علامة تبويب Auto Thumbnail لتفتح اللوحة الخاصة بها
3-
هنا تستطيع التحكم في
حجم النماذج المصغرة للصورة إلى جانب التحكم في
حجم ونوع الحدود التي تظهر حول هذه النماذج داخل صفحات
الويب
.



إنشاء الخلفيات :



توجد طريقتان لاستخدام
ملفات الصور كخلفيات . الأولى هي استخدام الصورة
لإنشاء خلفية عادية ، والثانية هي إنشاء ما يسمى بـ
" العلامة المائية

" watermark .




إنشاء خلفية عادية :

لإنشاء خلفية :
1-
اختر أمر Properties من قائمة
File
لتفتح مربع حوار Properties Page .
2-
انقر علامة تبويب Background .
3-
حدد مربع العلامة Picture Background ، ثم أدخل إسم ملف الصورة التي تريد استخدامها كخلفية . إن لم تتذكر جيداً
اسم ملف الصورة ، فاستخدم زر

Browse
للبحث عنه وتحديد
موقعه
.
4-
انقر زر ok ، وستظهر الصورة التي حددتها كخلفية للصفحة التي تتعامل معها
حالياً

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

إنشاء العلامة المائية :
لتعيين صورة الخلفية
كعلامة مائية
:
1-
من قائمة File ، حدد أمر
Properties
لتفتح مربع
حوار
Properties
Page .
2-
انقر علامة تبويب Background لتفتح اللوحة الخاصة بها .
3-
حدد مربع العلامة watermark .
4-
انقر زر ok ، لتصبح بذلك الصورة التي حددتها للخلفية علامة مائية لصفحة الويب
التي تصممها




إنشاء الارتباطات

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

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

الكافية من أجل فهم مثل
هذا الدرس بسهولة ... لا أريد الإطالة هيا بنا
.....

كيف تعمل الارتباطات :

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

كنت من مستخدمي نيتسكيب
أو إنترنت إكسبلورر ، فسيتحول المؤشر بعد وضعه على
الارتباط إلى يد بها إصبع مرفوع هذا المؤشر يدل على وجود
ارتباط إلى مورد

آخر على الإنترنت يتيح لك فرونت بيج إنشاء الارتباطات التي
تريدها في صفحات الويب الخاصة بك
.

أنواع الارتباطات :
هناك عدة أنواع من
الارتباطات فبعضها يربط إلى صفحات داخل الموقع وبعضها
الآخر يربط إلى مواقع أخرى وبعضها يربط إلى عنوان بريد
الكتروني وأخيراً

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

ولنبدأ أولاً بـ
الارتباطات إلى صفحات داخل الموقع
:

1-
قم بإنشاء صفحة جديدة .
2-
اكتب النص التالي :
صدى لـ تصميم مواقع
الانترنيت وحجز الأسماء والمساحات أو أي نص آخر تريد أن تنشئ له ارتباطاً
.
حدد الكلمات .
3-
من قائمة Insert ، اختر أمر
Hyperlink
لتفتح مربع
حوار
Insert
Hyperlink .
اضغط على الأيقونة التي
تحمل شكل مجلد فوقه سهم منحني

فيفتح لك مربع حوار , من Look in حدد
موقع الصفحة التي تريدها أن ترتبط

إلى هذه الكلمات ثم اضغط
على موافق
.

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

لـ انشاء ارتباط إلى
مواقع أخرى
:
1-
قم بإنشاء صفحة جديدة .
2-
اكتب النص التالي :
صدى لـ تصميم مواقع
الانترنيت وحجز الأسماء والمساحات أو أي نص آخر تريد أن تنشئ له ارتباطاً
.
حدد الكلمات .
3-
من قائمة Insert ، اختر أمر
Hyperlink
لتفتح مربع
حوار
Insert
Hyperlink .
4-
في خانة Address ، اكتب النص التالي : www.subject.com
5-
انقر زر ok لإغلاق مربع الحوار وحفظ الارتباط .
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
الدرس الخامس فى أساسيات الفورنت بيج :التحكم فى الصور بإستخدام الجداول
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى (التعلم بالمنتديات الالكترونية) :: المجموعة الثالثة التعلم التعاونى بالمنتديات الالكترونية :: برامج الكمبيوتر متعددة الوسائط وتوظيفها فى التعليم-
انتقل الى: