|
تابع
الدرس الحادي عشر : طريقة إدراج الصور والرسومات والتعامل معها
ننتقل إلى عملية تحرير الصور في صفحات
الويب .. فمن السهل وضع صورة على صفحة الويب ولكن غالبا ماتكون
الصورة كبيرة جدا أو صغيرة جدا .. ولكي تتعرف على المزيد من
المعلومات عن هذه النقطة .. أتبع الخطوات التالية :
 |
اذهب إلى أي جزء من أجزاء أي قائمة في
واجهة البرنامج .. ( كما تشاء ) ثم أنقر بالزر الأيمن .. تظهر لك
قائمة اذهب إلى pictures
كما في الشكل التالي :
|

 |
بالضغط على pictures
ستفتح لك قائمة تحرير الصورة .. من خلال هذه
القائمة تستطيع تحرير الصورة .. كما في الشكل التالي :
|

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

اذا اردت الاحتفاظ بالصورة الأصلية .. غير
اسم الملف الحالي واحفظها بعد تحريرها باسم مختلف .. اذهب إلى
rename واكتب
الاسم الذي تريده .. ثم أنقر ok
وهناك نقطة مهمة يجب التنبيه إليها
.. ان من المستخدمين من يقوم بإعداد برامج استعراض الويب لديهم
لتحميل صفحات الويب بدون الصور المتضمنة .. هذا ما يجعل تحميل
الصفحات أسرع ولكنه يترك فراغات حيث يجب أن تظهر الصور ..
ولحل هذا الاشكال يسمح الفرونت بيج إكس بي بتخصيص نص بديل
يتم عرضه عند عدم تحميل الصور .. فيري الزوار هذا النص البديل في
الأماكن التي يجب أن تظهر الصور على الصفحة ..
ولعمل هذا النص في الصفحة .. أتبع
الخطوات التالية :
 |
أنقر بالزر الأيمن على أي صورة .. في صفحة
الويب الخاصة بك .. ثم أنقر على picture
properties على قائمة الاختصار .. كما في
الشكل التالي :
|

 |
ستفتح لك نافذة خصائص الصورة .. أدخل على
تبويب general كما
في الشكل التالي :
|

 |
أنقر في مربع النص text
تحت alternative
representations وأدخل النص الذي تريده
أن يظهر بديلا عن الصورة .. وأنقر على ok
|
 |
لن يظهر هذا النص إلا إذا كان برنامج
الاستعراض عند زائر الموقع لا يعرض الصور في صفحة الويب .
|
من خلال النافذة السابقة تستطيع .. عمل
وصلة .. بمعني أن تجعل للصورة ارتباط فائق .. أي عند النقر على
الصورة فستنتقل إلى موقع ويب آخر تحدده .. أتبع الخطوات
التالية :
 |
اذهب إلى default
hyperlink واكتب عنوان الصفحة ..
أو اختر الصفحة من خلال الضغط على browse
ثم حدد الصفحة المطلوبة .. وأنقر
ok
|
عمل تأثيرات حركية على الصور
إن معظم محتويات صفحات الويب هي معلومات
.. ولكن هذا الشئ يجعل الموقع ممل وينقصه الكثير من الحيوية ..
لكي يجذب الزوار ويجعلهم يرتادوا الموقع ..
ويوفر الفرونت بيج إكس بي .. بعض من عناصر الحركة والحيوية ..
التي تلتفت انتباه الزائر وتشده للدخول إلى موقع الويب مجددا ..
من هذه الطرق عملية التأثيرات الحركية للصور ..
أتبع الخوات التالية :
 |
اذهب إلى قائمة الأوامروأنقر بالزر الأيمن
تظهر قائمة أشر على dhtml effects
كما في الشكل التالي :
|

 |
تفتح لك قائمة dhtml
effects .. كما في الشكل التالي :
|

 |
الآن لإضافة تأثير حركي على أي صورة ..
أنقر على الصورة لكي تحددها .. ثم اذهب إلى القائمة السابقة
واذهب choose an event كي
تحدد وقت بدأ التأثير .. كما في الشكل التالي :
|
|
 |
click يبدأ التأثير عند النقر لمرة
واحدة |
|
double click يبدأ
التأثير عند النقر لمرتين |
|
mouse over يبدأ التأثير عند تمرير
الفأرة |
|
page load يبدأ الـتأثير عند تحميل
الصفحة |
 |
بعدها اذهب إلى apply
لكي تحدد نوع التأثير المطلوب .. كما في الشكل
التالي :
|

 |
بعد اختيار نوع التأثير حدد اعدادات
التأثير choose setting
كما في الشكل التالي :
|

عن يظهر التأثير إلا عند معاينة الصفحة
على مستعرض صفحات الويب .. الآن اذهب إلى
file واختر preview
browser ثم أنقر
preview
وبهذا يمكنك اضافة الحيوية إلى الصور
المستخدمة ومنها إلى صفحتك ..
|