التخطي إلى المحتوى الرئيسي

الدرس الرابع - اساسيات HTML و CSS لانشاء مدونة والتعديل عليها واصلاح اخطاءها - انشاء مدونة بلوجر - Basics of CSS


الدرس الرابع من اساسيات لغة HTML و CSS لتصميم المواقع والقوالب للمدونات والتعديل عليها واصلاح اخطاء الاكواد الشائعة بقوالب بلوجر وغيره وهذا ضمن انشاء مدونة بلوجر - Basics of CSS


الدرس الرابع - اساسيات HTML و CSS لتصميم المواقع والتعديل عليها واصلاح اخطاءها - دورة تصميم مواقع بلوجر - Basics of CSS



السلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم
والصلاة والسلام علي اشرف المرسلين سيدنا محمد النبي الامي الامين 
ثم اما بعد :

هذا الموضوع تابع لدورة :

ما هي لغة اتش تي ام ال HTML ؟ 

كلمة HTML هي اختصار Hyper Text Markup Language وهي لغة قديمة بدات عام 1991 وتم تطويرها حتي وصلت الان الي HTML5 في عام 2014 وعندها استخدمها اليوتيوب مباشرة لصناعة صفحة فيديوهاته وطورها الي ان اصبحت بالشكل الحالي وهي لغة HTML5 . فهي في النهاية لغة برمجة لتصميم المواقع علي الانترنت .

ما أهمية HTML في التصميم ؟

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

ما اهمية لغة CSS في التصميم ؟
لغة CSS هي بمثابة الالوان التي يتمم بها الفنان رسمته ، فهي التي تضفي روحا لموقعك.
لغة CSS  هي المسؤولة عن الالوان و التنسيقات في صفحتك و التي تجعل شكل موقعك مستثاغا ، كما تمكنك من انشاء العديد من المظاهر و التحركات كالدوران مثلا عند الاشارة على عنصر ما.
و الاهم من ذلك كله فلغة CSS هي التي تمكنك من جعل قالبك متوافقا مع جميع الاجهزة ، مثل الشاشات الكبيرة و الحواسيب المحمولة و الهواتف.
لغة CSS لا غنى عنها في تصميم المواقع و لابد لكل صاحب مدونة ان يكون على دراية باساسياتها و هذا ما نقدمه لكم في هذا الدرس. 


ما سنشرحه اليوم :

  • ما هو ال syntax و الشكل العام لما بين القوسين {}
  • ما هو ال Selector و ال id
  • و شرح ال Class و Comment





نرجوا ان تكون قد استفدت من هذا الموضوع علي موقع جيل تاني - Geel Tany وان تفيد غيرك بنشر هذا الموضوع ، كما يمكنك ترك آراءك وتعليقاتك بالاسفل، وشكرا :)

تعليقات

المشاركات الشائعة من هذه المدونة

كيفية التسجيل في عملة باي نتورك وبدأ التعدين وتوثيق الحساب وفتح المحفظة

كيفية التسجيل في عملة باي نتورك وبدأ التعدين وتوثيق الحساب وفتح المحفظة مقدمة عن عملة باي نتورك تُعدّ عملة باي نتورك (Pi Network) من الابتكارات الحديثة في عالم العملات الرقمية ، وقد أُطلقت بهدف جعل عملية التعدين متاحة وسهلة للجميع من خلال الهواتف الذكية. هذه العملة الجديدة تم تطويرها بواسطة فريق من خريجي جامعة ستانفورد، وهو ما يضفي عليها مصداقية علمية وتقنية إضافية. تتميز باي نتورك بنهجها المختلف عن باقي العملات الرقمية، حيث يمكن للمستخدمين تعدين العملة بدون استهلاك كبير للطاقة أو الحاجة إلى أجهزة متقدمة. بدأت فكرة العملة في عام 2019 كجزء من مشروع أكاديمي، ومنذ ذلك الحين نمت شعبيتها بشكل ملحوظ بين المستخدمين (ليصل عدد مستخدميها في 2024 الى 60 مليون مستخدم).  الفريق الذي يقف خلف هذا المشروع يهدف إلى حل مشكلة الاستهلاك الهائل للطاقة الذي يصاحب عمليات التعدين التقليدية، وذلك من خلال الاستفادة من الهواتف الذكية التي يمتلكها معظم الناس بالفعل. بهذه الطريقة، يمكن لأي شخص أن يساهم في عملية التعدين دون الحاجة إلى استثمارات مالية كبيرة أو مهارات تقنية متقدمة. من الناحية التقنية، تعتمد باي ن...

كيفية الحصول على حساب Canva pro مجانا بالصور (2023)

موقع كانفا هو أفضل وأسهل بديل للفوتوشوب حاليا ويمكنك استعماله الان بكل سهوله والربح من خلاله عن طريق تصميم صور احترافية لمواقع التواصل الاجتماعي او الاعلانات الممولة او حتي الصور المصغرة في اليوتيوب في هذه المقالة سنتعرف على طريقة الحصول على كانفا برو مجانا وبكل سهولة بالخطوات من خلال الفيديو أ ولا يجب ان توفر حساب تعليمي ما هي الحسابات التعليمية المؤهلة للحصول على كانفا برو مجانا ؟ - ايميل معلم - ايميل جامعي - بالاختصار اي ايميل يحتوي على كلمة .edu بعد حصولك على الايميل الجامعي سواء خاص بك او من احد اقاربك او معارفك ملحوظة 1 : اذا لم تستطع الوصول لايميل جامعي فقم بانشاء حساب عادي علي كانفا واترك ايميلك في تعليق علي هذه المقالة وسوف يقوم باضافتك احد القراء الكرام المتوفر لديهم ايميل جامعي ملحوظة 2 : هناك بعض الايميلات التعليمية التي لا تدعم الحصول علي كانفا برو مجانا (Canva Education) ملحوظة 3 : يرجي من المتابعين الذي سوف تعمل معهم الطريقة اضافة اخوانهم من التعليقات كما سنشرح في نهاية المقالة يمكنك البدء في هذه الخطوات بالصور للحصول علي حساب كانفا برو مجاني  خطوات الحصول علي كانفا ...

إضافة معلومات ضرائب جوجل ادسنس خطوة بخطوة بالصور

كيفية إضافة معلومات ضرائب جوجل ادسنس خطوة بخطوة بالصور - Google Adsense tax منذ أيام تفاجأ صناع المحتوى برسالة في يوتيوب و جوجل أدسنس تخبرهم ان " عليك ضرائب فى جوجل " وهذه هي نص رسالة جوجل أدسنس " مهم: تحقق مما إذا كانت معلومات الضرائب الإضافية مطلوبة منك. يجب أن يرسل كل الشركاء ومنشئي المحتوى في YouTube معلومات الضرائب لضمان دقة الضرائب السارية على الدفعات " هل عليك ضرائب فى جوجل علي ارباح ادسنس ؟ نعم ، هذه القرار بخصوص ضرائب اليوتيوب الجديدة تم اعلانه منذ فترة :  يوتيوب يفرض ضرائب علي منشئي المحتوي في هذه المقالة ساوضح لك طريقة ضبط اعدادات جوجل ادسنس و ملأ معلوماتك الضريبية بشكل صحيح بالصور و بدون خبير ضرائب أو محاسب . نبدأ بسم الله خطوات إضافة المعلومات الضريبية في جوجل أدسنس . قم بتسجيل دخولك علي Google Adsesnse حتي تستطيع تقديم المعلومات الضريبية ان كان يظهر لك تنبيه اضافة المعلومات الضريبيه ، قم بالضغط على إضافة المعلومات الضريبية وتخطي الثلاث خطوات المقبلة . من الثلاث شرط بالاعلي قم بفتح صفحة الدفعات في ادسنس في أسفل الصفحة اضغط علي إدارة الإعدادات ...