ادراج الصور والارتباطات والخلفيات

[كمال]

ادراج الصور والارتباطات والخلفيات

* ستتعلم بهذا الدرس كيفية وضع الصور والارتباطات لمواقع أخرى أو لصفحات موقعك, أيضا ستقوم بوضع صور الخلفيات لصفحاتك والتي ستزيد من جمال الصفحه. لنبدأ بالخطوه الأولى وهي وضع الارتباط أو مايسمى بــ Link.

كيف تدرج ارتباط تشعبي لصفحه أخرى

1- اكتب النص الذي تريد ان تضع له ارتباط من موقعك. سنضع على سبيل المثال كوكب كوكتيل.

2- لوضع الارتباط حدد كامل النص بالماوس ومن ثم اضغط على النص بالزر الأيمن للماوس فتظهر لك قائمه اختر منها Hyperlink أو ارتباط تشعبي. انظر الشكل2-7.



2-7

* ملاحظه: الطريقه مختصره اضغظ من لوحة المفاتيح المفتاحين CTRL+K . ويمكنك مشاهدة نموذج التعرف على محتويات الفرونت بيج بالدرس الأول والذي يوضح لك بالشكل طريقه أكثر اختصارا لادراج ارتباط .

3- يعرض لك فرونت بيج الآن مربع حواري.

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



2-8

* لاحظ بأن كلمة شبكة كوكتيل قد أصبحت مسطّره الآن وهذا يعني انها مرتبطه بالموقع وستنقلك الى هذا الموقع مباشره بمجرّد الضغط عليها بالمتصفح وستبدو لك على هذا النحو:

شبكة كوكتيل

كيف تدرج صوره

بعد أن تعلمنا كيفية ادراج ارتباط سننتقل الآن الى الخطوه التي تليها وهي ادراج الصور.

1- حدد الموضع الذي تريد وضع الصوره به ثم من أعلى القائمه الرئيسيه اختر Insert>Picture>From File. أو اتبع الطريقه السهله بالضغط على رمز الصوره من أعلى القائمه.راجع الدرس الأول ونموذج التعرف على محتويات برنامج الفرونت بيج.

خصائص الصوره

2- قم بتحديد الصوره الآن بعد أن قمت بادراجها ومن ثم انقر عليها بالزر الأيمن للماوس لاضافة بعض الخصائص والارتباطات لها.

3- اختر من القائمه التي ظهرت لك Picture Properties أو خصائص الصورة.



4- يعرض لك فرونت بيج الآن مربع .اختر عام من التبويب بالاعلى, لاحظ بأن عنوان الصوره هو تحت مسمى Picture source.أو الصورة

انظر الشكل 2-10.

** وهذا يعني انه بامكانك تعديل عنوان هذه الصوره اذا كنت تريد استبدال عنوانها بآخر من الوب مباشره فقم بتغييره من هذا الخيار**

وقم بالضغط على Browse أو استعراض اذا كنت ترغب في اختيار صوره أخرى .



2-10

4- ولاضافة تأثير للصوره أي بمجرد الاشاره عليها بالماوس سيظهر وصف لها أو تعليق. فقم بكتابة ذلك امام مايسمى بــ Text أو النص.

5- لاضافة رابطه من هذه الصوره لموقع وب او صفحه أخرى أدخل عنوان الموقع أمام مايسمى بـ ******** أو الموقع. أو قم باختيار صفحه من صفحات موقعك لربطها من خلال النقر على الزر الموجود أمام هذا الفراغ مباشره وهو Browse أو استعراض. سيعرض لك مربع ملفات أختر منه الصفحه التي تود ربطها. وقد قمنا بكتابة عنوان موقع شبكة كوكتيل كمثال.

http://www.coctail.net

6- في الخيار الذي يليه ستجد مايسمى بـ Target Frame أو الاطار الهدف وأمامه رمز يشبه صورة القلم. هذه الخاصيه تمكن الارتباط لعنوان الموقع الذي وضعته على الصوره من أن يظهر في صفحه جديده تفتح غير الصفحه الرئيسيه التي عليها الصوره ولاختيار هذه الخاصيه اضغط على الرمز الموجود أمام Target Frame أو الاطار الهدف ومن القائمه اختر New Window أو اطار جديد.

كما هو موضح لك بالشكل 2-10.

كيف تدرج خلفيه

1- من القائمه الرئيسيه اختر Format>Background أو اختر تنسيق < خلفيه

2- سيظهر لك مربع حواري.

3- في لسان التبويب Background . ستجد مستطيلا فارغا أمامه Browse أو استعراض. اضغط Browse أو استعراض واختر من القائمه التي ستظهر لك بالمربع ملف صورة الخلفيه التي تود وضعها بصفحتك.انظر الشكل 2-11



2-11

* ملاحظه: يمكنك أيضا من خلال هذه الخطوه وبهذا المربع الذي أمامك تغيير لون خلفيتك حتى ولو كانت خلفيتك عباره عن صوره فانه من الضروري تحديد لون يتناسب ولون خلفيتك كي تظهر بالمتصفح بمظهر متناسق جميل. وبالاضافه الى ذلك فان هذا المربع يمكنك من تغيير ألوان الروابط الأساسيه والروابط المزاره والنشطه كما تشاء من خلال قوائم الألوان التاليه والموجوده بنفس هذا المربع الموضح بالشكل 2-11. وهي :

Hyperlink

Visited hyperlink

Active hyperlink

ادراج خلفيه صوتيه

1- لوضع خلفيه صوتيه أو موسيقى ترافق الصفحه, أختر التبويب General أو عام من أعلى المربع السابق نفسه.

2- ستجد فراغا امامه background sound أو صوت في الخلفيه

3- اضغط browse أو استعراض واختر الخلفيه الصوتيه من القائمه المعروضه لديك. انظر الشكل 2-12


2-12

* ملاحظه : لاحظ بأن نص صفحة جديدة 1 الموجود بأول فراغ سيكون ظاهرا بالشريط العلوي للمتصفح عند عرض موقعك بمتصفحك. لذلك تمكنك هذه الخاصيه من وضع تعليق مبسّط أو عباره مجمله تصف موقعك أو صفحتك.

 

 

[AlMiStRo]

تحياتي ليك كمال لما قدمت

ويارب الكل يستفيد

تحياتي