كيفية: إنشاء ارتباطات تشعبية مخصصة باستخدام أوراق الأنماط المتتالية في FrontPage 2003

للحصول على إصدار Microsoft FrontPage 2002 من هذه المقالة، راجع
287706 .

ملخص

توضح هذه المقالة كيفية إنشاء ارتباطات تشعبية مخصصة باستخدام أوراق الأنماط المتتالية (CSS) في Microsoft Office FrontPage 2003. يحتوي على أمثلة توضح كيفية استخدام ميزات ورقة الأنماط المتتالية لإنشاء ارتباطات تشعبية مخصصة.

ملاحظة: تستخدم هذه المقالة ميزات ورقة الأنماط المتتالية قد لا يكون معتمداً في كافة برامج استعراض ويب. لمزيد من المعلومات، راجع تعليمات FrontPage. للقيام بذلك، انقر فوق تعليمات Microsoft FrontPage على
قائمة تعليمات ، اكتب توافق ورقة الأنماط المتتالية في شريط البحث ، وثم اضغط ENTER لعرض المواضيع التي تم إرجاعها.

العودة إلى أعلى

إنشاء ارتباطات تشعبية مخصصة باستخدام أوراق الأنماط المتتالية

توضح الأمثلة التالية كيفية إنشاء ارتباطات تشعبية مخصصة باستخدام ميزات ورقة الأنماط المتتالية:

توفر Microsoft أمثلة برمجية للتوضيح فقط، دون أي ضمان صريح أو ضمني. هذا يتضمن، على سبيل المثال لا الحصر، الضمانات الضمنية الخاصة بالتسويق أو الملاءمة لغرض معين. تفترض هذه المقالة أنك معتاد على لغة البرمجة التي يتم شرحها والأدوات المستخدمة لإنشاء الإجراءات وتصحيحها. يساعد مهندسو الدعم لدى Microsoft في شرح وظيفة إجراء محدد، لكنهم لن يقوموا بتعديل هذه الأمثلة لتقديم وظيفة إضافية أو إنشاء إجراءات تستوفي متطلبات محددة. ملاحظة قد أي رسالة خطأ أو قد لا تعرض الصفحة بشكل صحيح إذا نسخ الأمثلة مباشرة من هذا المقال ولصقها في FrontPage. أقواس زاوية (< >) قد تظهر كالتعليمات البرمجية ل HTML. لإيجاد حل بديل لهذا السلوك، أولاً قم بلصق نموذج التعليمات البرمجية إلى مستند فارغ في "المفكرة" ومن ثم نسخ نموذج التعليمات البرمجية من المستند في "المفكرة" إلى الصفحة في FrontPage.

العودة إلى أعلى

مثال 1: إنشاء ارتباطات تشعبية حيث يتم عرض فقط في تسطير بلون مختلف

هذا المثال بتنسيق نص الارتباط التشعبي إلى نفس لون نص المستند. يتم عرض التسطير للارتباط التشعبي بلون مختلف. لإنشاء ارتباط تشعبي مخصص، اتبع الخطوات التالية:
  1. بدء تشغيل FrontPage وإنشاء صفحة فارغة وجديدة.
  2. من القائمة عرض ، انقر فوق
    الصفحةفي أسفل الصفحة، انقر فوق
    التعليمات البرمجية.
  3. إدراج التعليمات البرمجية التالية في
    < head ></مدير > ناحية الصفحة:
    <style>body      { color: black; background-color: white; font-family: arial }
    a { color: black; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px }
    a:link { border-bottom-color: blue }
    a:visited { border-bottom-color: purple }
    a:hover { border-bottom-color: green }
    a:active { border-bottom-color: red }
    </style>

  4. إدراج التعليمات البرمجية التالية في
    < body ></الجسم > ناحية الصفحة:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p><p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>

  5. من القائمة ملف ، انقر فوق
    حفظ.
  6. في مربع الحوار حفظ باسم ، حدد موقعا في المكان الذي تريد حفظ الملف واكتب Example1في المربع اسم الملف ثم انقر فوق
    حفظ.
  7. من القائمة ملف ، أشر إلى معاينة في المستعرضومن ثم انقر فوق مستعرض ويب الذي تريد استخدامه لمعاينة الصفحة.
العودة إلى أعلى

مثال 2: إنشاء ارتباطات تشعبية لاستخدام أزرار التحويم

ينشئ هذا المثال الارتباطات التشعبية استخدام أزرار التحويم نمط خلفية صلبة. لإنشاء ارتباط تشعبي مخصص، اتبع الخطوات التالية:
  1. بدء تشغيل FrontPage وإنشاء صفحة فارغة وجديدة.
  2. من القائمة عرض ، انقر فوق
    الصفحةفي أسفل الصفحة، انقر فوق
    التعليمات البرمجية.
  3. إدراج التعليمات البرمجية التالية في
    < head ></مدير > ناحية الصفحة:
    <style>body      { color: black; background-color: white; font-family: arial }
    a { text-decoration: none; padding: 3px }
    a:link { color: white; background-color: blue }
    a:visited { color: white; background-color: purple }
    a:hover { color: white; background-color: green }
    a:active { color: white; background-color: red }
    </style>

  4. إدراج التعليمات البرمجية التالية في
    < body ></الجسم > ناحية الصفحة:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p><p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>

  5. من القائمة ملف ، انقر فوق
    حفظ.
  6. في مربع الحوار حفظ باسم ، حدد موقعا في المكان الذي تريد حفظ الملف واكتب Example2في المربع اسم الملف ثم انقر فوق
    حفظ.
  7. من القائمة ملف ، أشر إلى معاينة في المستعرضومن ثم انقر فوق مستعرض ويب الذي تريد استخدامه لمعاينة الصفحة.
العودة إلى أعلى

مثال 3: إنشاء ارتباطات تشعبية لاستخدام أزرار المخطط التفصيلي

هذا المثال بإنشاء الارتباطات التشعبية التي تستخدم أحد أزرار تحويم على غرار مفصلة،. يظهر مربع ملون حول نص الارتباط التشعبي الذي يقوم بإنشاء تأثير مخطط تفصيلي. لإنشاء ارتباط تشعبي مخصص، اتبع الخطوات التالية:
  1. بدء تشغيل FrontPage وإنشاء صفحة فارغة وجديدة.
  2. من القائمة عرض ، انقر فوق
    الصفحةفي أسفل الصفحة، انقر فوق
    التعليمات البرمجية.
  3. إدراج التعليمات البرمجية التالية في
    < head ></مدير > ناحية الصفحة:
    <style>body      { color: black; background-color: white; font-family: arial }
    a { color: black; text-decoration: none; border-style: solid; border-width: 2px; padding: 2px }
    a:link { border-color: blue }
    a:visited { border-color: purple }
    a:hover { border-color: green }
    a:active { border-color: red }
    </style>

  4. إدراج التعليمات البرمجية التالية في
    < body ></الجسم > ناحية الصفحة:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p><p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>

  5. من القائمة ملف ، انقر فوق
    حفظ.
  6. في مربع الحوار حفظ باسم ، حدد موقعا في المكان الذي تريد حفظ الملف واكتب Example3في المربع اسم الملف ثم انقر فوق
    حفظ.
  7. من القائمة ملف ، أشر إلى معاينة في المستعرضومن ثم انقر فوق مستعرض ويب الذي تريد استخدامه لمعاينة الصفحة.
العودة إلى أعلى

مثال 4: إنشاء الارتباطات التشعبية التي تستخدم تنسيق نص آخر

هذا المثال بتنسيق الارتباطات التشعبية لاستخدام النص غير مسطرة، مائل، صغيرة. عند نقل المؤشر فوق الارتباط التشعبي، يتم تحويل النص الموجود في الارتباط التشعبي إلى أحرف كبيرة. لإنشاء ارتباط تشعبي مخصص، اتبع الخطوات التالية:
  1. بدء تشغيل FrontPage وإنشاء صفحة فارغة وجديدة.
  2. من القائمة عرض ، انقر فوق
    الصفحةفي أسفل الصفحة، انقر فوق
    التعليمات البرمجية.
  3. إدراج التعليمات البرمجية التالية في
    < head ></مدير > ناحية الصفحة:
    <style>body      { color: black; background-color: white; font-family: arial }
    a { text-decoration: none; font-style: italic; text-transform: lowercase }
    a:link { color: blue; font-weight: bold }
    a:visited { color: purple }
    a:hover { color: green; text-transform: uppercase }
    a:active { color: red }
    </style>

  4. إدراج التعليمات البرمجية التالية في
    < body ></الجسم > ناحية الصفحة:
    <p>Please see <a href="http://www.microsoft.com">http://WWW.microsoft.COM</a> for more.</p><p>Please see <a href="http://www.msn.com">http://WWW.msn.COM</a> for more.</p>

  5. من القائمة ملف ، انقر فوق
    حفظ.
  6. في مربع الحوار حفظ باسم ، حدد موقعا في المكان الذي تريد حفظ الملف واكتب Example4في المربع اسم الملف ثم انقر فوق
    حفظ.
  7. من القائمة ملف ، أشر إلى معاينة في المستعرضومن ثم انقر فوق مستعرض ويب الذي تريد استخدامه لمعاينة الصفحة.
العودة إلى أعلى

المراجع

لمزيد من المعلومات حول أوراق الأنماط المتتالية في FrontPage 2003، راجع تعليمات FrontPage. للقيام بذلك، في القائمة تعليمات ، انقر فوق تعليمات Microsoft Office FrontPage. ضمن علامة التبويب
مربع البحث عن ، اكتب أوراق الأنماط المتتاليةومن ثم اضغط ENTER لعرض المواضيع التي تم إرجاعها.

العودة إلى أعلى

المراجع

للحصول على معلومات إضافية، انقر فوق رقم المقالة التالي لعرضها في "قاعدة معارف Microsoft":
196488 Fs000: ما هي أوراق الأنماط المتتالية؟

205996 كيفية: إنشاء أوراق الأنماط المتتالية في FrontPage 2000

240972 كيفية: إزالة التسطير من الارتباطات التشعبية الموجودة في FrontPage 2000

222949 FP2000: "إنشاء تأثيرات المرور" "أزرار النموذج" استخدام DHTML و CSS

خصائص

رقم الموضوع: 825450 - آخر مراجعة: 15‏/01‏/2017 - المراجعة: 1

تعليقات