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

الدرس الرابع - اساسيات 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 وان تفيد غيرك بنشر هذا الموضوع ، كما يمكنك ترك آراءك وتعليقاتك بالاسفل، وشكرا :)

تعليقات

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

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

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

افضل موقع لعمل انترو احترافي اون لاين مجانا (بدون علامة مائية)

ما هو افضل موقع لعمل انترو احترافي اون لاين مجانا و بدون علامة مائية وبجودة عالية في 2021 جميع المواقع التي تقدم خدمة عمل انترو اون لاين مجانا تضع عليها علامة مائية. ماذا لو أخبرتك بافضل موقع لعمل انترو احترافي مجانا وبدون علامة مائية ، وبجودة عالية ، ويسمح لك بتعديل الفيديو اون لاين ؟ حسنا ، انا اتحدث عن موقع Invideo لتعديل الفيديوهات اون لاين ، وعمل مقدمات فيديو احترافية مجانا. أولاً سأجيبك عن سؤال مهم لم يخطر في بالك من قبل. هل مقدمة الفيديو مهمة  لدرجة ان يبيعها  Animteam ب 500$  ، ويشتريها اكثر من 100 شخص ؟ سعر خدمة عمل انترو علي موقع Fiverr من فريق Animteam تأكدت الان انه سؤال مهم ؟  حسنا ، اليك الاجابة : الانترو يمثل هوية القناة ، ويمثل صاحب الانترو ، وكلما كان احترافيا وجذابا ومعبرا عن هويتك ، كلما أعجب المزيد من المشاهدين بك. ولكن انا صاحب قناة صغيرة او شركة صغيرة ، وموضوع الهوية هذا امر كبير وليس مهم بالنسبة لي ! # نصيحة 1 انك تعمل لنفسك اسم وهوية وتعتز بيها وتعملها باحترافية امر مهم للنجاح علي يوتيوب او في سوق العمل ، اذا استصغرت نفسك ، فكيف يكبرك الاخرون ؟ أيضا يمكنك طل

طريقة ضغط الملفات وتصغير حجمها بسهولة جدا وبدون برامج او Winrar

ضغط الملفات هو الحل الامثل لبعض المشاكل مثل : - تصغير حجم الملفات ذات الحجم الكبير بهدف تخزينها او نقلها او رفعها علي الانترنت  - حماية الملفات الخاصة بك عن طريق وضع كلمة سر للملف المضغوط - ارسال الصور دون تغيير الجودة عن طريق ضغطها ثم ارسال الملف المضغوط يمكنك ضغط الملفات بدون برامج وهذا سنشرحه الان ، ولكن تنقص هذه الطريقة بعض المميزات ولذلك سنشرح ايضا برنامج ضغط الملفات Winrar والذي يعتبر هو القائد في هذا المجال حيث انه سهل وسريع ومجاني (هو ليس مجاني ولكنه يعمل دون التفعيل 😂) كيفية ضغط الملفات بدون برامج ؟ ستذهب الي المجلد او الملف الذي تريد ضغطه وتصغير حجمه ستتأكد ان اسم الملف مكتوب باللغة الانجليزية والا فقم بتغيير اسمه تضغط علي الملف بزر الفأرة الايمن  تختار "Send to" ثم تختار compressed (Zipped) folder سيقوم بالتحميل قليلا لينتج لك ملف مضغوط بصيغة .Zip ويمكنك اعادة تسميته كيف تشاء كيفية فك الملف المضغوط بدون برامج ؟ ستذهب الي الملف المضغوط بصيغة Zip. فقط تضغط عليه ضغطتين بزر الفأرة الايسر لتفتحه بشكل عادي ستجد الملفات المضغوطة قم بسحبها