HTML  تنسيق النصوص باستحدام سمات 

          الآن وقد استوردت الوثيقة Our Story ؛ سوف تضيف بعض التغييرات لتنسيق النص ، الطريقة الأسهل لتنسيق النص هي استخدام سمات HTML .  سمات HTML تتكون من واحد أو أكثر من تأثيرات HTML ويمكن أن يشمل الألوان ، الخطوط ، الأحجام ، وهذا .

          يمكنك إنشاء سمة HTML لتطبقها على فقرة كاملة أو على نص محدد .  وما أن تنشئ سمة HTML حتى تتمكن من تطبيقه على أي صفحة في الموقع الحالي .

          على خلاف أسلوب CSS [ والذي يتمسك بأسلوب أنماط النص المتعاقبة ] التنسيق بسمات HTML يؤثر فقط على النص الذي طبقته عليه ، أو النص الذي أنشأته باختيار سمة HTML .  لو قمت بتغيير تنسيق سمة HTML فإن النص الذي عملته بالسمة السابقة لن يتحدث للتغييرات الجديدة .

تطبيق سمة HTML

          في هذه الجولة ، ستستخدم سمات HTML لتنسيق النص في وثيقة Our Story .

1.     أختر Window ثم HTML Style ستظهر لوحة HTML Style .

  لاحظ أن السمات في هذه اللوحة لموقع my_tutorial ، هناك ثلاث سمات في اللوحة .

o   أول بندين هما أوامر Dreamwaver3 : Clear Selection Style و Clear Paragraph Style .  استخدم هذه الأوامر لتنقية السمات الموجودة من النص الذي حددته في الوثيقة .

o       البند الأخير هو سمة فقرة HTML وتسمى body أنشأت من أجلك لتستخدمها في هذه الجولة .

2.     تأكد من تحديد الخيار Apply في الزاوية اليسرى السفلية من اللوحة HTML Style .

3.  في الوثيقة my_ourstory ضع نقطة الإدراج في الفقرة الأولى يمكنك وضع نقطة الإدراج في أي مكان من النص في الفقرة لتطبيق السمة على هذه الفقرة .

4.     من اللوحة HTML Style أنقر السمة body .

  النص في الفقرة الأولى أعيد تنسيقها إلى السمة الجديدة .

5.     طبق السمة body للفقرات المتبقية في الوثيقة

إنشاء سمة HTML

          الآن ستنشئ سمة HTML لتضيف التشديد على كلمة Scaal في الوثيقة .

1.     أنقر رمز سمة جديدة New Style في أسفل اللوحة New Style .

  سيظهر مربع حوار تعريف السمة Define HTML Style

2.     في الحقل Name أكتب Scaal .

3.     ومن Apply to أختر Selection .

  هذا سيطبق السمة على جزء محدد من النص بدلاً من كامل الفقرة .

4.  اترك When Applying على الخيار المحدد Clear Existing Style لإزالة أي سمة مطبقة على النص عند تطبيق السمة الجديدة .

5.     و لخاصية النص Font أختر النص المناسب لك و إليك بعض الاقتراحات :

Font : Arial, Helvetica, sans-serif

Size : 3

[ أو أختر القطارة لاختيار اللون الذهبي ] Color : #CC9933

اضغط Other ؛ ثم أختر Emphasis : Style

6.     أنقر Ok .

  أضفت السمة الجديدة للوحة سمات HTML . لاحظ الحرف a الذي يسبق السمة Scaal هذا الرمز يعني أن السمة سمة تحديد Selection ؛ وليست سمة فقرة Paragraph .

يجب أن تحدد النص قبل أن تطبق عليه سمة التحديد Selection .

7.     في نافذة الوثيقة حدد الكلمة Scaal في الفقرة الأولى .

8.     أختر السمة Scaal في لوحة سمات HTML .

  سيظهر النص بالسمة الجديدة في الوثيقة .

9.     طبق سمة Scaal على كلمة scaal في بقية الفقرات ثم أغلق لوحة HTML Style .

10. أختر File ثم Save لحفظ التغييرات التي أجريتها على وثيقة my_ourstory .

11.أختر File ثم Close لإغلاق الوثيقة .