Mr.ATef
17-08-2006, 09:41 PM
يعتبر هذا الدرس ألف وباء تصميم مواقع الانترنت
ولذلك كن مستعداً جيداً لتعلمه بشكل جيد
كما أنه أطول الدروس في هذه المجموعة التعليمية
وقد كان من الممكن تقسيم هذا الدرس إلى درسين منفصلين
ولكن بسبب أهميته فضلت أن يكون درساً واحداً قد يكون طويلاً بعض الشئ
ولكن لا بد أنك قد امتلكت الخبرة الكافية من أجل فهم مثل هذا الدرس بسهولة
لا أريد الإطالة هيا بنا .....
:: كيف تعمل الارتباطات ::
عند عرض أي صفحة ويب بواسطة مستعرض الويب الخاص بك
يقوم المستعرض بتفسير الارتباطات على أنها توصيلات
إلى ملفات أو موارد أخرى على الإنترنت .
إذا كنت من مستخدمي نيتسكيب أو إنترنت إكسبلورر
فسوف يتحول المؤشر بعد وضعه على الارتباط إلى ( يد بها إصبع مرفوع )
هذا المؤشر يدل على وجود ارتباط إلى مورد آخر على الإنترنت
يتيح لك فرونت بيج إنشاء الارتباطات التي تريدها
في صفحات الويب الخاصة بك
:: أنواع الارتباطات ::
هناك عدة أنواع من الارتباطات فبعضها يربط إلى صفحات داخل الموقع
وبعضها الآخر يربط إلى مواقع أخرى .. وبعضها يربط إلى عنوان بريد الكتروني
وأخيراً الارتباطات داخل نفس الصفحة أو مايسمى أيضاً إشارة مرجعية
أو مايدعى Bookmark
وأحب أن أنوه بأنه لا فرق بين الارتباطات بواسطة النصوص أو بواسطة الصور
بل كلاهما لهما نفس الطريقة
ولنبدأ أولاً بـالارتباطات إلى صفحات داخل الموقع :
1- قم بإنشاء صفحة جديدة
2- اكتب النص التالي
صدى لـ تصميم مواقع الانترنيت وحجز الأسماء والمساحات
أو أي نص آخر تريد أن تنشئ له ارتباطاً
حدد الكلمات
3- من قائمة Insert ، اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink
اضغط على الأيقونة التي تحمل شكل مجلد فوقه سهم منحني
فيفتح لك مربع حوار ...
من Look in حدد موقع الصفحة التي تريدها أن ترتبط إلى هذه الكلمات
ثم اضغط على موافق
http://www.sadaagroup.com/FrontPageXP/081.GIF
وهكذا تكون قد حصلت على ارتباط إلى صفحة داخل الموقع .
::
لـ انشاء ارتباط إلى مواقع أخرى :
1- قم بإنشاء صفحة جديدة
2- اكتب النص التالي
صدى لـ تصميم مواقع الانترنيت وحجز الأسماء والمساحات
أو أي نص آخر تريد أن تنشئ له ارتباطاً
حدد الكلمات
3- من قائمة Insert ، اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink
4- في خانة Address ، اكتب النص التالي
www.sadaagroup.com
5- انقر زر ok لإغلاق مربع الحوار وحفظ الارتباط
http://www.sadaagroup.com/FrontPageXP/082.GIF
::
لإنشاء ارتباط إلى بريد الكتروني :
قم بالخطوات 1 و 2 و 3 السابقة
وبعد أن تفتح مربع الحوار Insert Hyperlink
اذهب إلى E-mail Address .... فيفتح لك مربع حوار
اكتب في خانة E-mail address عنوان الإيميل الذي ترغب
::
وأخيراً إنشاء ارتباط داخل نفس الصفحة :
1 -قم بـ إنشاء صفحة جديدة
2 - اكتب النص الذي ترغب به ثم حدده
3 - من قائمة Insert اختر bookmark
http://www.sadaagroup.com/FrontPageXP/083.GIF
4 - سمه بـالاسم الذي ترغب به ويفضل أن يكون اسم له علاقة بـالارتباط
ثم اضغط على موافق ...
وهكذا تكون قد أنشأت ارتباط داخلي أو مايسمى أيضاً إشارة مرجعية
تستطيع إنشاء عدد غير محدد من الإشارات المرجعية
بعد إنشاء الإشارة المرجعية تكتب نصاً تريده ثم تحدد النص ثم من قائمة Insert
اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink
ومنه اختر Bookmark ..
وحدد الإشارة المرجعية التي ترغب أن تربط إليها هذا النص
::
التعرف على الخرائط المصورة :
عندما تنشئ عدة ارتباطات في صورة واحدة
فإنك تنشئ ما يسمى بالخريطة المصورة
وللخرائط المصورة فائدة عظيمة في صفحات الويب
حيث أنها تمثل تصويراً رسومياً يمكن للمستعرضين
استخدامه في التنقل داخل موقع الويب .
إنشاء الخرائط المصورة باستخدام فرونت بيج :
أول خطوة في عملية إنشاء الخريطة المصورة
هي تحديد الصورة التي تنوي استخدامها
إذاً عليك أن تختار ملفاً بإحدى هاتين الصيغتين GIF أو JPEG
عليك حفظ تلك الصور بصيغة GIF أو JPG
ثم انتقل إلى خطوات تحويلها إلى خريطة مصورة وإليك هذه الخطوات :
1- قم بإدراج ملف الصورة في صفحة الويب التي ستضم الخريطة المصورة
2- حدد الصورة التي قمت بإدراجها في الصفحة
3- تأكد من ظهور شريط أدوات الصورة في في النافذة الرئيسية لفرونت بيج
ومن شريط أدوات الصورة انقر رمز Polygonal Hotspot
يجب أن يظهر المؤشر على شكل قلم رصاص
4- ستستخدم المؤشر في تتبع الحواف الخارجية لأحد الكائنات في الصورة
كل كائن تقوم بتحديده سيكون واحدة من البقاع الساخنة التي تعينها داخل الخريطة المصورة
انقر في أحد أركان الكائن وستظهر نقطة إرساء ( مربعة )
حرك المؤشر إلى الركن الثاني في الخط الذي يوجد حول الكائن
وسترى البقعة الساخنة وهي محيطة بالكائن
5- استمر في تتبع الكائن وإنشاء نقاط الإرساء
إلى أن تصل إلى النقطة التي بدأت منها
انقر نقطة الإرساء الأولى مرة أخرى لتنهي عملية تتبع الكائن
وسيظهر على الفور مربع حوار Create Hyperlink
6- في مربع نص Address ، اكتب عنوان الصفحة التي تريد أن تنشئ الارتباط إليها
انقر زر OK لتحفظ الارتباط وتغلق مربع الحوار
7 - كرر الخطوات من 3 إلى 6 مع عدة كائنات أخرى
تريد أن تحولها إلى نقاط ساخنة داخل الخريطة المصورة
أنقر أداة البقعة التي تريد استخدامها
مع تحديد المناطق التي تريد تحويلها إلى بقاع ساخنة داخل الصورة
معاينة الخريطة المصورة :
ينبغي أن تستخدم علامة تبويب PREVIEW
التي توجد في النافذة الرئيسية لفرونت بيج
( في الجانب الأيسر السفلي )
لتختبر الخريطة المصورة التي أنشأتها
1- تأكد من أنك مازلت تعرض الصفحة التي قمت بإنشائها
2- تأكد من تحديد علامة تبويب Normal
الموجودة في الجزء السفلي من نافذة الصفحة
3- لمعاينة الصفحة والخريطة المصورة اللتين انتهيت من إنشائها
انقر علامة تبويب PREVIEW وسترى الصفحة بنفس هيئتها
وذلك عند استعراضها بواسطة أحد مستعرضات الويب
4- ضع المؤشر فوق المناطق التي حولتها إلى مناطق ساخنة داخل الصورة
إذا كانت الارتباطات الموجودة لديك تعمل
فلابد أن يتحول المؤشر إلى شكل يد صغيرة
وذلك بمجرد أن يمر فوق أحد الارتباطات
"
"
"
منقــــ للفائدة ـــــول
ولذلك كن مستعداً جيداً لتعلمه بشكل جيد
كما أنه أطول الدروس في هذه المجموعة التعليمية
وقد كان من الممكن تقسيم هذا الدرس إلى درسين منفصلين
ولكن بسبب أهميته فضلت أن يكون درساً واحداً قد يكون طويلاً بعض الشئ
ولكن لا بد أنك قد امتلكت الخبرة الكافية من أجل فهم مثل هذا الدرس بسهولة
لا أريد الإطالة هيا بنا .....
:: كيف تعمل الارتباطات ::
عند عرض أي صفحة ويب بواسطة مستعرض الويب الخاص بك
يقوم المستعرض بتفسير الارتباطات على أنها توصيلات
إلى ملفات أو موارد أخرى على الإنترنت .
إذا كنت من مستخدمي نيتسكيب أو إنترنت إكسبلورر
فسوف يتحول المؤشر بعد وضعه على الارتباط إلى ( يد بها إصبع مرفوع )
هذا المؤشر يدل على وجود ارتباط إلى مورد آخر على الإنترنت
يتيح لك فرونت بيج إنشاء الارتباطات التي تريدها
في صفحات الويب الخاصة بك
:: أنواع الارتباطات ::
هناك عدة أنواع من الارتباطات فبعضها يربط إلى صفحات داخل الموقع
وبعضها الآخر يربط إلى مواقع أخرى .. وبعضها يربط إلى عنوان بريد الكتروني
وأخيراً الارتباطات داخل نفس الصفحة أو مايسمى أيضاً إشارة مرجعية
أو مايدعى Bookmark
وأحب أن أنوه بأنه لا فرق بين الارتباطات بواسطة النصوص أو بواسطة الصور
بل كلاهما لهما نفس الطريقة
ولنبدأ أولاً بـالارتباطات إلى صفحات داخل الموقع :
1- قم بإنشاء صفحة جديدة
2- اكتب النص التالي
صدى لـ تصميم مواقع الانترنيت وحجز الأسماء والمساحات
أو أي نص آخر تريد أن تنشئ له ارتباطاً
حدد الكلمات
3- من قائمة Insert ، اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink
اضغط على الأيقونة التي تحمل شكل مجلد فوقه سهم منحني
فيفتح لك مربع حوار ...
من Look in حدد موقع الصفحة التي تريدها أن ترتبط إلى هذه الكلمات
ثم اضغط على موافق
http://www.sadaagroup.com/FrontPageXP/081.GIF
وهكذا تكون قد حصلت على ارتباط إلى صفحة داخل الموقع .
::
لـ انشاء ارتباط إلى مواقع أخرى :
1- قم بإنشاء صفحة جديدة
2- اكتب النص التالي
صدى لـ تصميم مواقع الانترنيت وحجز الأسماء والمساحات
أو أي نص آخر تريد أن تنشئ له ارتباطاً
حدد الكلمات
3- من قائمة Insert ، اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink
4- في خانة Address ، اكتب النص التالي
www.sadaagroup.com
5- انقر زر ok لإغلاق مربع الحوار وحفظ الارتباط
http://www.sadaagroup.com/FrontPageXP/082.GIF
::
لإنشاء ارتباط إلى بريد الكتروني :
قم بالخطوات 1 و 2 و 3 السابقة
وبعد أن تفتح مربع الحوار Insert Hyperlink
اذهب إلى E-mail Address .... فيفتح لك مربع حوار
اكتب في خانة E-mail address عنوان الإيميل الذي ترغب
::
وأخيراً إنشاء ارتباط داخل نفس الصفحة :
1 -قم بـ إنشاء صفحة جديدة
2 - اكتب النص الذي ترغب به ثم حدده
3 - من قائمة Insert اختر bookmark
http://www.sadaagroup.com/FrontPageXP/083.GIF
4 - سمه بـالاسم الذي ترغب به ويفضل أن يكون اسم له علاقة بـالارتباط
ثم اضغط على موافق ...
وهكذا تكون قد أنشأت ارتباط داخلي أو مايسمى أيضاً إشارة مرجعية
تستطيع إنشاء عدد غير محدد من الإشارات المرجعية
بعد إنشاء الإشارة المرجعية تكتب نصاً تريده ثم تحدد النص ثم من قائمة Insert
اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink
ومنه اختر Bookmark ..
وحدد الإشارة المرجعية التي ترغب أن تربط إليها هذا النص
::
التعرف على الخرائط المصورة :
عندما تنشئ عدة ارتباطات في صورة واحدة
فإنك تنشئ ما يسمى بالخريطة المصورة
وللخرائط المصورة فائدة عظيمة في صفحات الويب
حيث أنها تمثل تصويراً رسومياً يمكن للمستعرضين
استخدامه في التنقل داخل موقع الويب .
إنشاء الخرائط المصورة باستخدام فرونت بيج :
أول خطوة في عملية إنشاء الخريطة المصورة
هي تحديد الصورة التي تنوي استخدامها
إذاً عليك أن تختار ملفاً بإحدى هاتين الصيغتين GIF أو JPEG
عليك حفظ تلك الصور بصيغة GIF أو JPG
ثم انتقل إلى خطوات تحويلها إلى خريطة مصورة وإليك هذه الخطوات :
1- قم بإدراج ملف الصورة في صفحة الويب التي ستضم الخريطة المصورة
2- حدد الصورة التي قمت بإدراجها في الصفحة
3- تأكد من ظهور شريط أدوات الصورة في في النافذة الرئيسية لفرونت بيج
ومن شريط أدوات الصورة انقر رمز Polygonal Hotspot
يجب أن يظهر المؤشر على شكل قلم رصاص
4- ستستخدم المؤشر في تتبع الحواف الخارجية لأحد الكائنات في الصورة
كل كائن تقوم بتحديده سيكون واحدة من البقاع الساخنة التي تعينها داخل الخريطة المصورة
انقر في أحد أركان الكائن وستظهر نقطة إرساء ( مربعة )
حرك المؤشر إلى الركن الثاني في الخط الذي يوجد حول الكائن
وسترى البقعة الساخنة وهي محيطة بالكائن
5- استمر في تتبع الكائن وإنشاء نقاط الإرساء
إلى أن تصل إلى النقطة التي بدأت منها
انقر نقطة الإرساء الأولى مرة أخرى لتنهي عملية تتبع الكائن
وسيظهر على الفور مربع حوار Create Hyperlink
6- في مربع نص Address ، اكتب عنوان الصفحة التي تريد أن تنشئ الارتباط إليها
انقر زر OK لتحفظ الارتباط وتغلق مربع الحوار
7 - كرر الخطوات من 3 إلى 6 مع عدة كائنات أخرى
تريد أن تحولها إلى نقاط ساخنة داخل الخريطة المصورة
أنقر أداة البقعة التي تريد استخدامها
مع تحديد المناطق التي تريد تحويلها إلى بقاع ساخنة داخل الصورة
معاينة الخريطة المصورة :
ينبغي أن تستخدم علامة تبويب PREVIEW
التي توجد في النافذة الرئيسية لفرونت بيج
( في الجانب الأيسر السفلي )
لتختبر الخريطة المصورة التي أنشأتها
1- تأكد من أنك مازلت تعرض الصفحة التي قمت بإنشائها
2- تأكد من تحديد علامة تبويب Normal
الموجودة في الجزء السفلي من نافذة الصفحة
3- لمعاينة الصفحة والخريطة المصورة اللتين انتهيت من إنشائها
انقر علامة تبويب PREVIEW وسترى الصفحة بنفس هيئتها
وذلك عند استعراضها بواسطة أحد مستعرضات الويب
4- ضع المؤشر فوق المناطق التي حولتها إلى مناطق ساخنة داخل الصورة
إذا كانت الارتباطات الموجودة لديك تعمل
فلابد أن يتحول المؤشر إلى شكل يد صغيرة
وذلك بمجرد أن يمر فوق أحد الارتباطات
"
"
"
منقــــ للفائدة ـــــول