الدرس الرابع النصوص والالوان والصور

السلام عليكم ورحمة الله وبركاته
ارجو من الجميع التركيز جداً حيث يظهر من العنوان ان درس اليوم طويل
وسنحاول ان ننجز اكبر قدر من الاوسمة حتى نبدأ فى التصميم الفعلى للموقع
بسم الله نبدأ
النص Text
سأقوم بسرد الاوسمة فى صور

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






هل من الممكن دمج وسمين مع بعض ؟
بالطبع يمكن ولكن يجب مراعاة الترتيب وعدم تداخل الاوسمة
بمعنى اذا اردت ان اكتب بخط مائل وعريض ومسطر
فيجب مراعاة ان الوسم الذى ابدأ به يجب ان انهى به
بمعنى اسهل " الذى يفتح اولاً يغلق اخيراً والعكس صحيح "
تابع الصور



احنا كده تقريباً خلصنا كل اوسمة text

الالوان colours
يمكن كتابة اللون بطريقتين
اولاً : اسم اللون red,white.yellow وهكذا ولكن تستخدم هذه الطريقة مع الالوان المشهورة فقط .
ثايناً : الاكواد ويتكون كود اللون من 6 ارقام وحروف ولها حسابات معقدة للحصول على اللون ولن اتطرق اليها

كيف سأحصل على كود اللون ؟
يمكنك بكل سهولة الحصول على الكود من برنامج الفوتوشوب
او من خلال هذه الصفحة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ستجد مربع كبير فى الاول Major hexadecimal color codes
يمكنك استخدام اسماء هذه الالوان مباشرة بدل الكود
وستجد تحته
Color code chart وهو مخطط لاكواد الالوان
انسخ الكود المقابل للون الذى تريده




الصور images
طبعاً محدش يقدر ينكر ان الصور من اهم عوامل الصفحة
ويجب استغلالها لمصلحة الصفحة وليس عكسها

كيفية استغلال الصور فى مصلحة صفحة الويب ؟
ان يكون مساحة الصورة صغيرة حتى لا تسبب بطئ فى التصفح
ان تكون جودتها مناسبة
ان يكون حجمها معقول حتى لا تفسد التنسيق

الان مع طريقة ادراج الصور




كما يمكننا التحكم فى حجم الصورة المستخدمة



كما يمكننا عمل اطار للصورة


ننتقل الان الى طرق عرض الصور والكلام مع بعض





















اتمنى يكون الدرس سهل ويكون الشرح واضح

تسل الايادي وتسلم الانامل