https://youtu.be/H4Ve1yyt3Kc
#03 هيكلية تصميم الصفحة و تصميم الهيدر للصفحة (١)
الوصف
في هذه الحلقة سوف نتحدث عن هيكلية تصميم الصفحة .
و تصميم الهيدر الخاص بالصفحه و تم استخدام العناصر <h1>,<nav>,<a>,<div> مع ضبط بعض الخصائص الخاصه بها

للاشتراك في قناتنا على التليجرام
https://t.me/toptech11
للتواصل او الاستفسار
http://t.me/alsharai11

اختصارات CSS

للسؤال و الاستفسار
http://t.me/alsharai11

ماهي لغة الترميز HTML؟

الحروف هي إختصار HyperText Markup Language، وهي ليست لغة برمجية بالمعنى المتعارف عليه للغات البرمجة، ولكنها لغة أو طريقة لوصف محتويات صفحة الويب لبرامج التصفح، حيث أن أي برنامج متصفح انترنت يحتاج لمعرفة محتويات الصفحة من عناوين ونصوص وصور وروابط و غير ذلك من مكونات صفحة الويب، حتى تتمكن من عرضها بالشكل الصحيح، ولغة الترميز HTML، هي اللغة الرئيسية التي يتكون منها أي موقع أو صفحة على شبكة الإنترنت.

وتتكون صفحة الويب من مجموعة من العناصر (Tags) أو تعرف كــ الوسوم، يكتب كل وسم بين (angle brackets) أو كما تسمى علامة أصغر من > وعلامة أكبر من <. ولا يقوم المتصفح بعرض هذه الوسوم، ولكن يقوم بعرض محتوياتها، وهناك نوعين من الوسوم.

ما هي أنواع الوسوم Tags؟

النوع الأول: وهو عبارة عن وسم يتم عرض محتواه مباشرة في صفحة الويب، مثال <img /> و <input />.

النوع الثاني: وهو عبارة عن وسم يصف ما بداخله من نصوص مثال <p>نص بداخل الوسم</p>، وقد يحتوي هذا الوسم بداخله على وسم آخر كعنصر فرعي لهذا الوسم ومثال على ذلك <p>نص <i>مائل</i></p> وسوف تلاحظ في هذا النوع أن كل وسم يتكون من جزئين (وسم البداية) و (وسم النهاية) وبينهما المحتوى الذي يتم عرضه في المتصفح.

أهم الوسوم المستخدمه في HTML

🌹🌹لاتنسى الاشتراك بقناتنا على يوتيوب تشجعيا لنا لتقديم المزيد باذن الله🌹🌹

نرجو تفاعلكم معنا في قناتنا على اليوتيوب و على هذه القناة شاكرين لكم تعاونكم معنا

اعزائي المتابعين ما هي css و ما الفرق بينها هي و html ؟

https://youtu.be/QI3gGTkQpuo
سيتم في هذا الفيديو شرح بسيط لعملية كتابة css بطرقه الثلاث
١) الطريقة الاولى
inline css
٢)الطريقه الثانيه
Embedded css
٣)الطريقه الثالثه
External css
لمشاهدة الفديو السابق
شرح بسيط لعملية تصميم header و footer و content للصفحه مع عمليات التحكم بها (٢)
https://youtu.be/Cw8qCaUck6A
لمتابعتنا على التيليجرام
https://t.me/toptech11
للتواصل والاستفسار
http://t.me/alsharai11

كيف تعمل  CSS ؟

لفهم أساسيات كيفية عمل CSS ، يجب أولاً فهم القليل عن لغة HTML. حيث تكون عناصر صفحات الويب عبارة عن وحدات على أشكال مربعة يحتوي كل منها على عناصر عديدة ويتم تخصيص حجمها وشكلها عن طريق لغة ال CSS .

على سبيل المثال ، رأس الصفحة عبارة عن مربع ، ويحتوي على العديد من الوحدات الأخرى الأصغر التي تضم جميع العناصر التي تشكل رأس الصفحة ، مثل  الشعار ، و الناف بار ، و أيقونات التواصل الاجتماعية وما إلى ذلك. باستخدام CSS ، يقوم المطور بتخصيص الشكل والحجم إلى رأس الصفحة . 

في هذا المثال ، دعنا نفترض أن المطور يريد جعل  النص داخل الرأس أرجوانيًا ، بخط من نوع  Arial حجمه 15px .

يمكننا عمل ذلك باستخدام هذا السطر البسيط:

.PageHead{ font-family : Arial , sans-serf; font-size: 15px; color : purple; }

وفي لغة ال CSS يتم تطبيق الخصائص على كل العناصر التي تحمل ال Class or Id المختار في ال CSS، مثلا في الHTML  لو تم تعيين Selector واحد لأكثر من عنصر في الصفحة وتم تعيين شكل وخصائص لهذا ال Selector فكل العناصر الحاملة له ستاخذ نفس الخصائص .

اعزائي المتابعين ما هي الخصائص التي تاتي مع الخاصيه background الموجوده في css ؟ و ما الفرق بين الخاصيه background الموجودة في css و التاق image الموجود في تاقات html ؟

نهنئكم بمناسبة حلول شهر رمضان المبارك اعاده الله علينا و عليكم باليمن و الإيمان.
و كل عام و انتم بخير