الدرس الثالث الترميز والأوسمة

السلام عليكم ورحمة الله وبركاته
بسم الله نبدأ الدرس الثالث
دعونا نتكلم سوياً عن مشكلة من اهم مشاكل صفحات الويب الا وهى الترميز
فكثير منا عند تصفحه لبعض المواقع يصادفه وجود كلام غريب غير مفهوم او مربعات
وجاء الحل لكل هذه المشاكل بدعم لغة الترميز (Unicode) للعربية
تابعوا معى الصور
لقد قمت بكتابة كود باللغة العربية بشكل عادى

ولكن عندما قمت بتجربته فى المتصفح ظهر لى بهذا الشكل

او هذا


ما هو السبب الذى ادى الى هذه المشكلة ؟
المشكلة ان ترميز الصفحة مختلف عن ترميز المتصفح
وقد تم حل هذه المشكلة تماماً بعد دعم ترميز UTF للغة العربية
ولكن دعنا نعرف ما هو الترميز فى البداية

ماهو ترميز Unicode ؟
هي
مجموعة رموز عالمية تستخدم لتعريف جميع الرموز والحروف المستخدمة في أغلب
لغات العالم وتجميعاً في ترميز واحد لستهيل عرض وإرسال المعلومات بغض النظر
عن اللغة المستخدمة.

ما فائدة ترميز Unicode ؟
#
الوصول بموقعك إلى العالمية، صمم لكي يرى كل الناس عملك وﻻ تجعله حكرا
لنظام تشغيل معين، أو متصفح معين، حيث ليس لدى الجميع نظام تشغيل Windows
كي يستطيعوا رؤية صفحتك المرمزة بترميز Windows-1256.
# تبادل
المعلومات، وهذا الجزء مهم جدا حيث كما تعلم أصبح تبادل المعلومات وخصوصا
عن طريق لغة XML كبير جدا ومتوسع، فمن المهم أن يفهم الطرفان ما يحتويه
ملفات تبادل المعلومات من محتوى.
# احترافية التصميم ومتابعة المعايير القياسية، وهذه لعلها قد تكون أهم ما تنادي به منظمة الويب العالمية.

هل الترميز مقتصر على مواقع الويب ؟
بالتأكيد لا وانما يشمل كل الملفات التى يمكن تخزينها على اى جهاز الكترونى

كيف اقوم بعمل ترميز لصفحة الويب ؟
يجب علينا ان نغير ترميز الصفحة من برنامج ++notepad
تابع الشرح بالصور


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



كيف يتعرف المتصفح على ترميز الصفحة ؟
المتصفح مبرمج تلقائياً على قرأة الصفحة بترميز UTF-8
لذلك عندما تكون الصفحة بترميز مختلف تظهر بشكل غريب
وهناك كود ميتا يوضع فى اول الصفحة يشتمل على ترميز الصفحة ( سيتم شرحه فى حينه )

الان وقد انتهينا من موضوع الترميز واصبحنا قادرين على الكتابة بكل اللغات دون مشاكل
نرجع الى موضوعنا وهو وسوم لغة HTML
تعلمنا فى الدرس السابق طريقة عمل صفحة بها رأس وجسم
درس اليوم هو مجموعة من الوسوم لتنسيق الكلام فى الصفحة
سأقوم بسرد الوسوم المهمة

Heading او ما يسمى بعناوين الرأس

لاحظ ان الارقام مرتبة تصاعدياً الاصغر فالاكبر

ولكن الناتج تنازيلاً بحيث رقم 1 هو الاكبر ورقم 6 هو الاصغر
اى ان العملية عكسية ههههههههه علوم بقى .

paragraph او ما يسمى بالفقرات
لماذا تظهر كل الكتابة ناحية اليسار ؟
لان الوضع ناحية اليسار هو الافتراضى .

هل من الممكن تغيير مكان الكتابة فى الوسط مثلاً او ناحية اليمين ؟
بالطبع يمكنك من خلال وسوم معينة
تابع بالصور

وهذا هو الشكل فى المتصفح

هل يمكن دمج وسمين مع بعض ؟
بالطبع يمكن فسأقوم بدمج وسم heading مع وسم paragraph
وتستخدم هذه الطريقة لتعيين مكان عنوان الصفحة

وهذا هو الشكل فى المتصفح

نحن الان يمكننا كتابة صفحة ولكن هناك بعض الوسوم الهامة
وسم السطر : اى الذى يمكننا من ترك سطر بين الكلام ( انتر )
لنفهم جيداً تابع الصور
لقد كتبت معلومات عنى كل جملة فى سطر

ولكن عند عرضها فى المتصفح

ماذا على ان افعل الان ؟
يجب اضافة وسم معين بعد كل جملة لنقل الجملة التالية الى سطر جديد
تابع الصور

وهذا هو الشكل فى المتصفح

انا لا اريد ان اطيل عليكم
واتمنى ان تكونوا استفدتم من الدرس
وسنشرح فى الدرس القادم طرق تلوين الكلام وتكبيره وجعله مائل وعريض ...