« اللهم اجعلنا ممن يورثون الجنان ويبشرون بروح وريحان ورب غير غضبان آمين »
 بوابة بدر اضغط للتحميل


العودة   منتديات بوابة بدر > منتديات البرامج - Programs Forum > تحميل احدث برامج 2017 , 2018


تحميل احدث برامج 2017 , 2018 تحميل احدث البرامج، تحميل برامج كمبيوتر 2017، برامج 2018، برامج 2018، برامج مجانية، تحميل برامج جديدة، برامج حديثة ، احدث برامج الجهاز , برامج عامة, برامج 2018, تحميل برامج 2017

إنشاء موضوع جديد إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
قديم 18-07-2016, 12:24 PM   رقم المشاركة : [1]
Eng_Badr
Administrator
الصورة الرمزية Eng_Badr
 
افتراضي شرح اهم الاوامر البرمجيه بلغه تصميم الويب css - بوابة بدر 2016 Eng_Badr غير متواجد حالياً

شرح اهم الاوامر البرمجيه بلغه تصميم الويب CSS
تحميل,تنزيل,2013,2014,ماى ايجى,تحميل مباشر,عرب سيد,برابط مباشر,سريع,تورنت,عربي,معرب,مجانا,فاينال,انجليزي,فر نسي,اخر اصدار,برابط واحد,صاروخ
شرح اهم الاوامر البرمجيه بلغه تصميم الويب CSS
<div>
السلام عليكم ورحمه الله وبركاته

هذا اول مواضيعي باذن الله بعد عودتي بعد غياب طويل وهو من شرحي الشخصي وغير منقول


شرح اهم الاوامر البرمجيه بلغه تصميم الويب CSS

مقدمه:طبعا الجميع يعرف انه عندما نقوم ببرمجه سكربت موقع لابد ان نقوم بتجميل واجهه او شكل الموقع ولهذا الغرض نستخدم اللغه البرمجيه التي كلنا نعرفها CSS ايضا نستخدمها عندما نصمم قوالب سكربتات جاهزه مثل قوالب بلوجر او وورد بريس وغيرها .

في هذا الدرس سأقوم بشرح بعض الاوامر المهمه في هذه اللغه البرمجيه المتخصصه بتجميل شكل المواقع


نبدأ على بركه الله :

كود:
Font - Family
Font - Size
الامر الاول يستخدم لتحديد نوع الخط يعني الاظهار النص في صفحه الويب باي نوع خط تريده

الامر الثاني يستخدم لتحديد حجم الخط في صفحه الويب


كود:
Background:Url(هنا مسار صورة الخلفيه) Center , Fixed

ويستخدم هذا الامر لوضع صورة خلفيه لصفحه الويب تقوم بوضع مسار الصورة التي تريد اما الامرين Center , Fixed فيستتدمان الاول لتثبيت الصورة بحيث عندما تقوم بتحريك صفحه الويب تبقا الخلفيه ثابته اما الامر الثاني فهو لتوسيط صورة الخلفيه بوسط الصفحه

كود:
No-repeat

repeat-x

repeat-Y

repeat
اما بالنسبه للامر الاول فهو يستخدم اذا كنت قد قمت باضافه صورة معينه الى صفحه الويب ولا تريدها ان تظهر في وضع التمدد

اما اذا اردتها ان تتمدد عرضيا فبامكانك استخدام الامر الثاني

واذا كنت تريد التمدد طوليا استخدم الامر الثالث

اما اذا كنت تريد التمدد في الطول والعرض معا بامكانك استخدام الامر الاخير

كود:
direction:ltr

direction:rtl
اما بالنسبه لهذا الامر فهو لتحديد اتجاه العناصر على صفحه الويب

الاول لجعل الاتجاه من اليسار الى اليمين

الثاني لجعل الاتجاه من اليمين الى اليسار

كود:
margin:auto
وهذا الامر وظيفته جعل محاذاه العنصر على صفحه الويب بالوسط

كود:
Line-Height:
وهذا الامر لعمل تباعد بين اسطر النصوص على صفحه الويب ونحند مقدار التباعد اما 1 او 2 او 3 حسب ما يناسبنا

كود:
Float:right or left
وهذا الامر لعمل انزلاق للعنصر على صفحه الويب اما لليمين او لليسار حسب ما نختار

كود:
position:absolute;
position:relative;
right: px;
left: px;
Bottom:0px
بالنسبه لهذه الاوامر بالنسبه لاول امرين الاول تضعه للعنصر االتابع والثاني تضعه للعنصر الحاضن للعنصر التابع يعني على سبيل المثال :
لدينا هيدر موقع ونريد ان نضع عليه شعار الموقع عندها شعار الموقع هو سيكون تابع للهيدر ولا يجب ان يخرج عند تحريكه بالامرين رايت وليفت خارج نطاق الهيدر ولكي يبقى الشعار ضمن الهيدر
نضع للهيدر الامر الثاني كونه العنصر الحاضن الامر لثاني بوساشن ريلاتف ونضع للشعار كونه العنصر التابع للهيدر الامر الاول بوساشن ابسليوت ويفضل ايضا ان نقوم بتحديد عمق الشعار عن طريق الامر الاخير وهو بووتم ونجعله صفر بيكسل

كود:
Display:inline
ويستخدم هذا الامر لجعل عده نصوص او روابط موجوده على صفحه الويب لجعها تظهر بقائمه او على شكل قائمه

كود:
a{

text_decoreation:none

}
a:Hover{


}
الروابط
وهذا الامر لعمل الروابط في صفحه الويب وفيه الامر الموجود بين قوسين وهو لازاله التسطير او الخط من اسفل الروابط اما الحدث هوفر للرابط اي شيئ تضعه بين القوسين التابعين لهذا الحدث سيتم تنفيذه عند مرور مؤشر الماوس فوق الرابط

كود:
Z-index:1;
وهذا الامر يستخدم لترتيب ظهور العناصر عندما تكون فوق بعضها البعض على سبيل المثال لديك صورتين فوق بعضهما على صفحه الويب وتريد لواحده ان تظهر فوق الاخرى عندها تستخدم هذا الامر وتعطي الصورة التي تريدها ان تكون في المقدمه تعطيها القيمه 1 اما الصورة التي تريدها ان تظهر خلفها تعطيعا القيمه 2 وهكذا

كود:
-moz-border-radius:10px

-web-border-radius:10px
وهذا الامر لعمل حواف واطراف وزوايا دائريه للعناصر على صفحه الويب لتعطيها جماليه بالشكل وهذا لايعمل على متصفح انترنت اكسبلورير

كود:
padding:0px
وهذا الامر لعمل التباعد والمحاذاه الداخليه لكافه العناصر الموجوده ضمن عنصر معين او ضمن صفحه الويب

كود:
Margin:0px
ايضا هذا الامر تقريبا يشبه الامر السابق فهو لعمل تباعد ومحاذاه بين العناصر

كود:
border:0px
و
هذا الامر لعمل حدود للعناصر ولعمل حد لاي عنصر اعطيه القيمه 1 بيكسل او اكثر حسب سماكه الحد الذي تريده

كود:
overflow:hidden
بالنسبه لهذا الامر احيانا عندما تكون تكود صفحه الويب مثلا تكون قد انهيت جسم الصفحه وبدأت بالفوتر فجأه تجد بانه صار تداخل وتعارض فتجد مثلا بان الصور التي قمت بوضعها على جسم الصفحه صار خلل وتداخلت مع الفوتر عندها تستعمل هذا الامر هو الحل لهذا

الى هنا انتها الشرح لكن لن اختم الموضوع لان اوامر هذه اللغه البرمجيه كثيره جدا ومحتمل ان اتابع بالايام القادمه مع اوامر جديده

اتمنا ان ينال اعجابكم


شرح اهم الاوامر البرمجيه بلغه تصميم الويب CSS
تحميل,تنزيل,2013,2014,ماى ايجى,تحميل مباشر,عرب سيد,برابط مباشر,سريع,تورنت,عربي,معرب,مجانا,فاينال,انجليزي,فر نسي,اخر اصدار,برابط واحد,صاروخ
شرح اهم الاوامر البرمجيه بلغه تصميم الويب CSS



    نشر الموضوع فى الفيس بوك رد مع اقتباس
إنشاء موضوع جديد إضافة رد

مواقع النشر (المفضلة)



جديد مواضيع قسم تحميل احدث برامج 2017 , 2018
الموضوع الحالى: شرح اهم الاوامر البرمجيه بلغه تصميم الويب css - بوابة بدر 2016    -||-    القسم الخاص بالموضوع: تحميل احدث برامج 2017 , 2018    -||-    المصدر: منتديات بوابة بدر    -||-    بوابة بدر

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه لموضوع: شرح اهم الاوامر البرمجيه بلغه تصميم الويب css - بوابة بدر 2016
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
front page القوي جدا في تصميم صفحات الويب للمبتدئين - بوابة بدر 2016 Eng_Badr تحميل احدث برامج 2017 , 2018 0 09-03-2016 07:55 PM
برنامج الويب كام WebcamMax 7.9.7.8 لاضافة التأثيرات المضحكة على الويب كام اخر اصدار - بوابة بدر 2016 Eng_Badr تحميل احدث برامج 2017 , 2018 0 30-01-2016 09:57 AM
برنامج الويب كام WebcamMax 7.9.7.8 لاضافة التأثيرات المضحكة على الويب كام - بوابة بدر 2016 Eng_Badr تحميل احدث برامج 2017 , 2018 0 30-01-2016 09:57 AM
طلب:بحث في تصميم صفحات الويب - بوابة بدر 2016 Eng_Badr تحميل احدث برامج 2017 , 2018 0 08-09-2015 05:53 PM
طلب برنامج بلغه c,بوابة بدر 2013 Eng_Badr تحميل احدث برامج 2017 , 2018 0 06-12-2013 03:31 AM


الساعة الآن 07:12 AM

بوابة، بدر، بوابة بدر، منتديات، منتديات بوابة بدر، بدر جيت


بوابة بدر ، منتديات بوابة بدر ، برامج 2016 ، برامج شات 2016 ، برامج بورتابل 2016
BadrGate | About Us | Google Adsense Privacy Policy | DMCA | Disclaimer | Contact Us
جميع المشاركات لا تعبر عن وجهة نظر الاداره وإنما تعبر عن وجهة نظر صاحبها فقط وللإبلاغ عن اى إنتهاك للحقوق يُرجى الاتصال بنا
يمنع وضع اى مشاركات تتضمن اى انتهاك لحقوق الملكية الفكرية او الادبية لاى جهة واذا وجد اى ضرر نرجوا الاتصال بنا لعمل اللازم

منتديات بوابة بدر

RSS RSS 2.0 XML MAP html  PHP  info gz vbmaps maptag sitemap  sitemap2  tags htmlMAP

بوابة بدر ا منتديات بوابة بدر ا 2016 تحميل برامج ا برامج 2016 ا برامج شات 2016 ا برامج بورتابل 2016 ا بدر سوفت ا بدر للبرامج ا Badr4Soft ا Download New Full Software