http://www.dzbatna.com/images/icons/icon30.gif ظ…طھظپط±ظ‚ط§طھ ظپظٹ ط§ظ„HTML (ط¯ظˆط±ط© طھط¹ظ„ظ… ط§ظ„ط¨ط±ظ…ط¬ط© )
السلام عليكم ورحمة الله وبركاته
كتكملة للدرس مفصل السابق سنكمل اليوم دورتنا في تعلم البرمجة ، والآن درس مفصل في لغة الHTML
والدرس مفصل القادم سيكون بعض من الHTML والسي اس اس
الآن سنتعلم القليل عن الجداول والآي فريم والmetatags
نبدأ بالجداول .
وسم الجداول في الhtml هو table اي في البداية ضع هذا الكود code كوسم الtable
وهنالك خاصية يجب وضعها للجدول ليظهر بشكل صحيح وهي البوردر border
هي نفس فكرة الحدود ، حدوود الجدول ، وستكون تساوي ١
وكلما زودتها كل ما كانت حدود الجدول كبيرة أكثر .
الآن سنحدد العامود الأول عن طريق الوسم tr
داخل وسم الجدول هكذا :
كما نري وضعت عامودين وداخل وسم كل عامود نضع صف ونستخدم الtr لوضع الصفوف
هكذا :
| Name | Khalid |
الكود code كبير لكن لا شئ به ! أضفنا صف عن طريق tr ثم اضفنا علي اليسار استخدمنا td لكي نضع كلمة name في العمود الأول ووضعنا قيمة الإسم وهي خالد في العمود الثاني عن طريق td أخري
الآن في الtd الثانية نضع نفس الكود code مع تغيير القيم
| Age | 13 |
غيرنا فقط الإسم وجعلناها العمر ووضعنا قيمته علي اليمين .
يمكنك إضافة المزيد من الtd علي راحتك
سنري النتيجة:
ربما لم يفهم البعض للتعقيد ، مع ان الموضوع سهل جداً جداً .
لإضافة صفوف جديدة استخدم tr
لإضافة عواميد جديدة استخدم الtd داخل الصف الذي تريده
الآن ندخل في جزئية الآي فريم
الفريم يستخدم لإدراج صفحة ويب داخل صفحة موقعك ، كمثال انظر الصورة :
كما نري في الصورة موقع ويب عادي وبه مربع صغير يعرض بداخله موقع w3schools
هذا هو الآي فريم . واستخدامه سهل جداً ويمكنك التحكم في حجمه كما تشآء . تغيير العرض او الطول.
وسم الآي فريم iframe
الخواص نفس خواص الصورة بالظبت .
src هو مصدر الموقع التي تريد عرضه داخل الآي فريم
width يعني العرض
height كما تعرفون الطول
ويمكنك إضافة اسم للآي فريم خاصية name
لنجرب مثلاً ونجعل موقعنا يظهر في آي فريم .
سنحصل علي هذه النتيجة :
حصلنا علي نتيجة جيدة . الآن ندخل في جزئية الكلمات المفتاحية والميتا تاج
الكلمات المفتاحية مهمة جداً لموقعك ومن دونها ستواجه مشاكل مع جوجل GOOGLE أدسنس ومشاكل مع قلة الزوار .
الكلمات المفتاحية هي التي تخبر محرك البحث Search Engine بمحتوي موقعك . ويجب ان تكون الكلمات المفتاحية مناسبة لمحتوي موقعك .
الكلمات المفتاحية تساعد الزوار في الوصول لموقعك عن طريق محركات البحث . أيضاً هي مهمة جداً في جوجل GOOGLE أدسنس
حيث أنها تتحكم في سعر الضغطة ولكن أيضاً كما قلت يجب ان تكون الكلمات المفتاحية متوافقة مع محتوي موقعك
لتحصل علي أرباح مرضية من أدسنس وزوار جيدين من محركات البحث .
الآن كيف تضيف هذه الكلمات المفتاحية او Keywords
بسيطة جداً ، اذهب لكود code الHTML الخاص بموقعك وفي الووردبريس ستجده في قالب template الهيدر header
في البلوجر ستجد كود code الHTML الخاص بمدونتك في تحرير HTML في جزئية تصميم
ابحث عن
لإضافة الكلمات المفتاحية ووصف موقعك سنستخدم تاج ( وسم ) يسمي meta
اهم شئ هو تحديد خواص الوسم ، الخواص هما خاصتين الإسم والقيمة
الإسم name
سيكون إما كلمات مفتاحية او وصف
Keywords or Description
والمحتوي هو محتوي هذه القيم ، فلو كان النيم وصف سنكتب الوصف في المحتوي
ولو كان كلمات مفتاحية سنكتبها أيضاً في المحتوي :
Content
لنأخذ مثال .
وضعنا التاج ، الآن نضع النوع او name
سنضع في النهاية / لأننا لن نضع وسم نهاية ونضع الآن قيمة الname وهي الكلمات المفتاحية
>
الآن كيف نكتب الكلمات المفتاحية ؟
نفصل بين كل كلمة وكلمة بفاصلة هكذا :
>
ويجب علينا ان نحسن إختيار الkeywords
ولتعرف كمية البحث في جوجل GOOGLE عن كل كلمة من كلمات موقعك المفتاحية اذهب لهذا الرابط :
الان بعد ما حددنا الكلمات المفتاحية سنحدد الوصف . سهل جداً . فقط غير قيمة الname من keywords الي description
هكذا :
>
بعدا ما قمنا بعمل الأكواد نضعها كلها في جزء الhead في الموقع
كما قلنا . اهم شئ يكون هذا الكود code بين وسم الهيد
إنتهينا من الدرس مفصل وان شاء الله يكون مفهوم .
الدرس مفصل القادم سنتعلم بعض تقنيات الCSS 2
وبعده ان شاء الله الCSS 3 ثم الPHP
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
