إنشاء أنماط محرر HTML

هام: تمت ترجمة هذه المقالة ترجمة آلية، راجع إقرار إخلاء المسؤولية. يرجى الاطلاع على النسخة الإنجليزية من هذه المقالة. هنا للرجوع إليها.

باستخدام موقع نشر Microsoft Office SharePoint Server 2007، يمكن لمالكي المحتوى إنشاء صفحات ويب وتحديثها في الموقع بواسطة استخدام مستعرض ويب فقط. على سبيل المثال، يمكن لمدير القسم استخدام مستعرض لنشر تصريحات ومعلومات أخرى مثل تلك التي تظهر في التوضيح التالي مباشرةً إلى موقع ويب الخاص بهم.

نشر صفحة في المستعرض

يمكن للمطور أو المصمم مساعدة منشئي المحتوى في ظهور الصفحات التي يقوموا بإنشاؤها بمظهر أفضل بواسطة إنشاء أنماط يمكن تطبيقها على أجزاء من الصفحات المنشأة من تخطيطات الصفحات. كما يؤدي أيضاً إنشاء أنماط مخصصة إلى جعل مظهر هذه الصفحات وأسلوب عرضها قياسياً. يوضح هذا المقال كيف يمكن لمطور أو مصمم ويب استخدام Microsoft Office SharePoint Designer 2007 لإنشاء أنماط مخصصة يمكن تطبيقها على صفحات النشر التي تم إنشاؤها أو تحريرها في المستعرض.

هام: يتطابق هذا المقال فقط مع المواقع الموجودة على خادم يشغّل Office SharePoint Server 2007. بالإضافة إلى ذلك، يجب تشغيل النشر في موقع المستوى العلوي في مجموعة الموقع. يجب أيضاً تأليف أذونات لموقع المستوى العلوي لفتح تخطيطات الصفحة وتحريرها.

في هذا المقال

كيفيه استخدام محرر HTML في موقع نشر؟

انشاء انماط ل# محرر HTML

كيف يتم استخدام محرر HTML في موقع نشر؟

يتطلب إنشاء أنماط مخصصة لصفحات النشر التعرف على بعض النقاط الأساسية في Office SharePoint Server 2007. فيما يلي مراجعة سريعة.

كيف ترتبط صفحات النشر بتخطيطات الصفحات؟

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

يعرض مربع الحوار قائمة بتخطيطات صفحات النشر

يمكن تحرير تخطيطات الصفحات في Office SharePoint Designer 2007. ل# الحصول علي مزيد من المعلومات، راجع المقاله تخصيص تخطيط صفحه نشر.

من أين تحصل على التنسيقات الخاصة بتخطيطات الصفحات؟

يمكنك الحصول على تنسيقات تخطيطات الصفحات من الصفحات الرئيسية، التي تعتبر قوالب صفحات تعرّف مناطق المحتوى المشترك (مثل الرؤوس والتذييلات وشريط التنقل الأيمن)والذي يستخدم أوراق الأنماط للتحكم في تنسيقات النص والارتباطات التشعبية والخلايا والجداول والعديد من العناصر الأخرى. كما يمكن أيضاً لتخطيطات الصفحات الحصول على التنسيقات من أوراق الأنماط التي يتم تطبيقها عليها مباشرةً. على سبيل المثال، قد يحصل تخطيط الصفحة على قواعد التنسيقات الأولية من الصفحة الرئيسية، ولكن يمكنك دائماً إرفاق أوراق أنماط إضافية بتخطيط الصفحة لتعريف التنسيقات الخاصة بالصفحات المنشأة منها بصورة أكثر دقة. على سبيل المثال، قد تقوم الصفحة الرئيسية التي يستند إليها تخطيط الصفحة بتحديد أن النص العادي بأكمله يكون بتنسيق الخط Verdana، ولكن يمكنك إرفاق ورقة نمط بتخطيط صفحة يحدد أن تستخدم كافة الصفحات المرفقة Arial لخط النص العادي. تأتي كافة التنسيقات والعلامات الموجودة على صفحة النشر  — ماعدا الخاصة بحقول المحتوى — من تخطيط الصفحة مباشرةً الذي تم إنشاء الصفحة منه.

كيف يتم تحرير المحتوى في صفحات النشر؟

عند إنشاء صفحة نشر، تقوم بإنشاؤها في المستعرض. بعد إنشاء الصفحة، يمكنك تحريرها بواسطة الاستعراض إليها والنقر فوق القائمة إجراءات الموقع، ثم النقر فوق تحرير الصفحة.

قائمة إجراءات الموقع والتي تعرض الأمر "تحرير الصفحة"

بعد أن تفتح الصفحة، يمكنك النقر فوق تحرير المحتوى لفتح محرر HTML أو تحرير أي حقول نص منسق.

الأمر "تحرير المحتوى" على صفحة مفتوحة

ملاحظة: تحتوي الحقول التي لا تتضمن نص منسق على محرر خاص بها — على سبيل المثال، يحتوي حقل التاريخ على محرر خاص به.

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

محرر HTML يظهر القائمة "أنماط"

كيف يحصل محرر HTML على الأنماط الخاصة به؟

تأتي الأنماط التي تتوفر في محرر HTML من ورقتي أنماط موجودة في الدليل _layouts للموقع الخاص بك أو المواقع الفرعية:

  • يعرف HtmlEditorCustomStyles.css التنسيقات الخاصة بأنماط مخصصة ويقع على:

    http://your_site/_layouts/1033/styles/HtmlEditorCustomStyles.css

  • يعرف HtmlEditorTableFormats.css التنسيقات الخاصة بالجداول ويقع على:

    http://your_site/_layouts/1033/styles/HtmlEditorTableFormats.css

نظراً لوجود أوراق الأنماط هذه في الدليل _layouts المحمي في الموقع، يتعذر تعديلها في Office SharePoint Designer 2007. على الرغم من ذلك، يمكنك تخطي الأنماط الموجودة في أوراق الأنماط هذه بواسطة تطبيق أنماط إضافية على تخطيط الصفحة التي تستخدمها لإنشاء صفحات نشر.

اعلي الصفحه

إنشاء أنماط لمحرر HTML

يمكنك إنشاء أنماط جديدة لمحرر HTML بواسطة فتح الموقع في Office SharePoint Designer 2007 ثم استخدام الإجراء التالي:

تحديد موقع تخطيط الصفحة وفتحه

إذا قمت بإنشاء تخطيط صفحة بالفعل وترغب الآن في and now want to create new styles so that they are available for use in the HTML Editor in the browser, you begin by locating and then opening the page layout. You can open the page layout by double-clicking either the page layout itself or any publishing page that has been created from that page layout.

  1. In Office SharePoint Designer 2007, open the site that contains the page layout that you want to modify.

  2. In the Folder List, locate a page that uses the page layout to which you want to apply a new style, and then double-click the page.

    ملاحظة: Publishing pages are stored in the Pages document library in the site. Double-clicking a publishing page is a quick way to find and open the page layout that the publishing page is attached to. If you already know the name of the page layout for which you want to create a new style, you can double-click the page layout instead of the page.

    قائمة المجلدات مع مطالبة بشأن تحرير الصفحة أو تخطيط الصفحة الأساسية

    Because publishing pages can be edited only in the browser, a message asks if you want to edit the page in the browser or edit the underlying page layout.

  3. Click Edit Page Layout.

    The page layout opens.

Override an existing style

If you want to override an existing style, you can copy the existing style from HtmlEditorCustomStyles.css or HtmlEditorTableFormats.css into another style sheet that is used by the page and then modify the style. Because the style sheets in the _layouts directory are applied first, the styles on any other style sheets that are used by the page layout override the styles from HtmlEditorCustomStyles.css or HtmlEditorTableFormats.css.

  1. In your Web browser, go to the location of the style sheet from which you want to copy one or more styles by typing one of the following locations in the Address bar in the browser:

    http://your_site/_layouts/1033/styles/HtmlEditorCustomStyles.css

    — أو —

    http://your_site/_layouts/1033/styles/HtmlEditorTableFormats.css

  2. When you receive a message asking what you want to do with the file, click Open.

    The style sheet opens in Office SharePoint Designer 2007.

  3. Select the style that you want to modify, right-click it, and then click Copy on the shortcut menu.

    ورقة أنماط مع تحديد الأمر فتح ونسخ قائمة مختصرة

  4. Still in Office SharePoint Designer 2007, open (or go back to) the page layout for which you want to override the style, and then click Options in the Manage Styles task pane.

    ملاحظة: If the Manage Styles task pane is not visible, click Manage Styles on the Task Panes menu.

  5. Make sure that Show Styles Used In Current Page is selected.

    القائمة "خيارات" مع تحديد "إظهار الأنماط المستخدمة في الصفحة الحالية"

  6. In the Manage Styles task pane, double-click one of the style sheets used in this page, such as pageLayout.css, to open it for editing.

    Each style sheet that is applied to the current page appears as a section heading in the CSS styles list in the Manage Styles task pane. You can double-click the heading for any style sheet to edit that style sheet.

  7. Scroll to the bottom of the style sheet, right-click where you want to paste the style, and then click Paste on the shortcut menu.

  8. Edit the style however you want it.

    ملاحظة: The CSS Properties task pane offers a more visual approach to editing the style. If this task pane is not visible, on the Task Panes menu, click CSS Properties.

  9. To save the style sheet, on the File menu, click Save.

The next time that you use the HTML Editor to edit an article created from this page layout, the modified style is available for use and appears in the Styles list.

قائمة أنماط تعرض نمطًا معدلاً

Create a new style

You can also create a new style and make it available in the Styles list in the HTML Editor. Because it is easier to start from an existing style than it is to type a new style, this section shows you how to do this by copying an existing style and then renaming it.

  1. In your Web browser, go to the location of the style sheet from which you want to copy styles by typing one of the following locations in the Address bar in the browser:

    http://your_site/_layouts/1033/styles/HtmlEditorCustomStyles.css

    — أو —

    http://your_site/_layouts/1033/styles/HtmlEditorTableFormats.css

  2. When you receive a message asking what you want to do with the file, click Open. The style sheet opens in Office SharePoint Designer 2007.

  3. Select the style that you want to modify, right-click it, and then click Copy on the shortcut menu.

    ورقة أنماط مع تحديد الأمر فتح ونسخ قائمة مختصرة

  4. Still in Office SharePoint Designer 2007, open (or go back to) the page layout to which you want to add the new style, and then click Options in the Manage Styles task pane.

    ملاحظة: If the Manage Styles task pane is not visible, click Task Panes and then click Manage Styles.

  5. Make sure that Show Styles Used In Current Page is selected.

    القائمة "خيارات" مع تحديد "إظهار الأنماط المستخدمة في الصفحة الحالية"

  6. In the Manage Styles task pane, double-click one of the style sheets used in this page, such as pageLayout.css, to open it for editing.

    Each style sheet that is applied to the current page appears as a section heading within the Css.styles list in the Manage Styles task pane. You can double-click the heading for any style sheet to edit that style sheet.

  7. Scroll to the bottom of the style sheet, right-click where you want to paste the style, and then click Paste on the shortcut menu.

  8. Edit the style however you want it.

    You must change the name of the style if you do not want to override the existing style that you copied. For example, if you want your new style to be named redHeadline, change the following CSS code.

.ms-rteCustom-ArticleTitle, .ArticleTitle{font-weight: bold;font-family: Arial;font-size: 14pt;color: #8C0000;text-transform: capitalize;}

To the following.

.ms-rteCustom-redHeadline, .redHeadline{font-weight: bold;font-family: Arial;font-size: 14pt;color: #8C0000;text-transform: capitalize;}

ملاحظة: The CSS Properties task pane offers a more visual approach to editing the style. If this task pane is not visible, on the Task Panes menu, click CSS Properties.

  1. To save the style sheet, on the File menu, click Save.

    The next time that you use the HTML Editor to edit an article that was created from this page layout, the modified style is available for use and appears in the Styles list.

    قائمة أنماط تعرض نمطًا معدلاً

اعلي الصفحه

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

توسيع المهارات
استكشاف التدريب
الحصول على الميزات الجديدة أولاً
الانضمام إلى Office Insider

هل كانت المعلومات مفيدة؟

نشكرك على ملاحظاتك!

شكراً لك على الملاحظات! يبدو أنه من المفيد إيصالك بأحد وكلاء دعم Office لدينا.

×