عودة لـ فهرس المواضيع ( Microsoft Expression Web )
الدرس السابق : ( Expression-Web )
سنركز في هذا الدرس على مشهد الـ شفرة Code
على الأقل من 20 - 30 وسم من وسوم html
وبعض قواعد كتابة html .
لنتأكد من إعدادات مايكروسوفت اكسبريشن ويب للصفحة المنشأة سنزيل علامة صح من 3 مربعات ألا وهي:
من قائمة tools
page editor options
intellSense
- في قسم Auto insert
أزل علامة الصح من مربعي
clost tag
HTML attribute value quotes
- في قسم Code Hyperlinks
أزل علامة الصح من المربع الأول
Enable Code Hyperlinks for following elements
Ok
سأفتح الآن صفحة index الرئيسية
- مشهد التصميم design
- مشهد الكود code
 |
| مشهد التصميم design - مشهد التكويد code |
سأضغط على الـ code لتظهر لي الشيفرة المُعدة افتراضيا, سأحددها , ثم امسحها.
عليك أن تفهم هناك نوعين من وسوم html وهما :
1- التركيبية أو (البنيوية) Structural tags
مثل سوم البنية الأساسية للمنزل , اسميته منزل لانها كأعمدة تركيب المنزل. وهنا أعمدة إنشاء الموقع الاكتروني.
2- المعنوية أو (اللفظية) Semantic tags
مثل وسم النص , وسم العنوان , وسم التعداد | أي تلك التي لها علاقة تقريبا بـ texts النصوص.
الوسم tag :
هو عبارة عن كود يخبر المتصفح ما يقوم به العنصر.
- وله فتح وإغلاق
مثلا وسم المقطع لكتابة جملة أو نص هو التالي :
<p> </p>
تغلق الوسم بـ slash أي الشرطة المائلة
تحصر النص أو المقطع بداخل هذين الوسمين . مثال:
<p> أهلا وسهلا بكم </p>
وسم العناوين الرئيسية هو :
<h1> </h1> وكل ما يكبر الرقم , يصغر الخط .
الوسو التركيبية أو (البنيوية) Structural tags
علينا معرفة أهم الوسوم البنوية الأساسية , وهي : الشسفرة الرئيسة html الرأس head , الجسم body
ما تبدأ به عادة عند تصميم أي صفحة نتية بلغة html هنا ( الوسوم البنيوية )
- لا يهم الفراغات البيضاء في صفحة الشيفرة فهي للتصميم فقط. .
- أي شيء تضعة في الرأس فسيكون في المتصفح. مثلا : لغة التنسيق css , العنوان على الشريط , الكلمات المفاحية
- أما ما تضعه في الجسم فهو الذي يراه الزوار . مثلا المحتويات كالمقالات والجداول والعناوين الرئيسية , والصور
داخل الرأس head :
وسم العنوان الظاهر على شريط المتصفح ولا أعني عناوين المقالات الظاهر في الصفحة.
<title> </title>
- طبعا ما ذكرت هو عندما تنشيء صحة بشكل يدوي , أما ما يميز ويب إكسبريشن هو أنه في حال نسيت مثلا وسم الإغلاق فسيخبرك بوجود خطأ في شيفرتك بظهور الوسم باللون الأحمر محددا بالأصفر.
الفرق بين وسوم البنية , والمعنى هو :
البنوية : تعرف التركيب للشيفرة والـ outline
المعنوية : تعرف المحتويات
- لا يمكن أبدا أن تكون الوسوم المعنوية بداخل وسم قسم الرأس head
- يمكنك من خلال برنامج microsoft expression web أن تكتب في مشاهدة design وتراها في مشاهدة code
وسوم القائمة :
النوع الأول: وسم التعداد الرقمي ol
النوع الثاني: وسم التعداد لكن بدون أرقام ul فقد يكون نقطي
وبداخلها لكل تعداد il- وسوم نصيةوهي تتعلق بالتعداد , جد درس خاص بها هنا :
( الوسوم الأساسية للتعداد الرقمي والنقطي )
الدرس التالي 7 ( Microsoft Web )
