×

(للمطورين) اول درس شرح اساسيات css

السلام عليكم ورحمه الله وبركاته نقدم شرح اساسيات css التي تساعدك في تطوير موقعك الدرس مقدم من :- مجموعة ابداعي التطويرية - بواسطة :- ابراهيم
Like Tree2معجبون
  • 2 أضيفت بواسطة ابراهيم هنداوي

قديمة 23 - 09 - 2009, 23:32
المشاركة 1
السلام عليكم ورحمه الله وبركاته
نقدم شرح اساسيات css التي تساعدك في تطوير موقعكالدرس مقدم من :- مجموعة ابداعي التطويرية - بواسطة :- ابراهيم هنداوي


(للمطورين) اول درس شرح اساسيات css


(للمطورين) اول درس شرح اساسيات cssمحلوظة مهمه جدا :- هذا كله لايعتبر css بالكامل ولكن هذه اجزاء التي يمكن ان تستخدمها دائما في التعديل او الاضافه او حتي في اعمالنا و دروسنا القادمه و في تطويرتنا
الان نقوم بشرح بعض الاكواد الاساسيه في css
كود خاص بتغير fonts من Tahoma – Arial

رمز Code:
font-family: Tahoma;

كود خاص بتغير font size من 11px – 12px | يفضل اولا واخيرا استخدام الاحجام هذه وهي افضل احجام الخطوط مثل الخط المكتوب به الان و هذه تستخدم عن تغير حجم الفونت في موقعك او مدونتك في ملف css الخاص بالاستايل وغالبا يكون له اسم style.css

رمز Code:
font-size: 11px;
كود خاص بتغير لون الخط color | هذه تستخدم في تغير الوان الخطوط التي بالموقع لديك حيث انك يمكنك تغير الالوان من خلالها الي الون المفضل و اكواد الالوان يجب ان تكون هكذا

رمز Code:
color: #FFFFFF;

كود خاص بتغير اماكن الكلام مثلا يمين – وسط – شمال | تستخدم في تغير اماكن الخطوط الي الاماكن المطلوبه تواجدها .. right – left – center

رمز Code:
     text-align: right;

كود خاص بتغير حدود الجداول وغيرها و يسمي border | تستخدم في عمل تحديد متقتطع او كامل بشكل مميز و كامل .. ويمكن استخدامه في عمل اشكال محيطه بالكلام
رمز Code:
     border: 1px dotted;
ويوجد انواع كثيرة من التحديد منها :- dotted – wheat – solid – inset – outset
كود خاص بتغير حجم وعرض المحتوي من مسافات او مساحات ويسمي margin| تستخدم في عمل مساحات و مسافات بين الجداول و غيرها وتنسيق الكلام و البعد بين الكلام و الجداول ولها عده استخدمات ويوجد منها الانواع الاتيه
رمز Code:
margin: 0; 
 margin-top: 0; 
 margin-bottom: 0; 
 margin-left: 0; 
 margin-right: 0;
كود استخدام النصوص مثل الاتي (نص تحته خط – نص عادي – نص مائل) | يستخدم دائما في الروابط لانه يوجد بعض الاستايلات لا تجد خط تحت النصوص التي بها روبط او احيانا تجدها و هذة اذواق المصمم و حسب شكل الاستايل و استخدماته

رمز Code:
    text-decoration: underline; 
 text-decoration: none;
كود الذي يستخدم في تحويل جميع اجزاء الصفحه من اليمين الي اليسار و العكس | يستخدم دائما عندما يقوم اي معرب استايل بتعريب استايل لكي يقوم بتحويل الاستايل او اجزاء منها من اليسار الي اليمين

رمز Code:
    float: right; 
 float: center; 
 float: left;
كود الذي يستخدم في العرض او الطول width – height
رمز Code:
     height: 60px; 
 width: 468px;
تم الانتهاء من الدرس الاول الحمد لله
و ان شاء الله لنا لقاء مع كيفيه تركيب الاكواد و استخدامها في موقعك

اول درس شرح اساسيات css
Cliprz و Ashti معجبون بهذا .
المشاهدات 2130 | التعليقات 9
قديمة 24 - 09 - 2009, 08:02
المشاركة 2
صورة 'Cliprz' الرمزية
Cliprz
Web Developer
تاريخ الإنضمام: 03 - 05 - 2007
رقم العضوية : 36394
الدولة : Kuwait
المشاركات: 3,004
1
افتراضي
فكرة رائعة ودرس اروع استمر

لتقدم وفعلاً css تسهل عملية التصميم بشكل خارق ورائع واضافة كمليات رائعة لتصميم والخطوط وماخلافه ++
Web Developer and Researcher in web applications science. Twitter - Facebook
قديمة 24 - 09 - 2009, 10:58
المشاركة 3
Ashti
:: عضو نشيط ::
تاريخ الإنضمام: 04 - 01 - 2008
رقم العضوية : 48679
الدولة : العراق
العمر: 30
المشاركات: 474
افتراضي
ماشاء الله درس رائع و مفيد جدا
بارك الله فيك
واحلى ++
Come On Visit To >> DUHOK SOFT
قديمة 24 - 09 - 2009, 13:36
المشاركة 4
ابراهيم هنداوي
:: عضـــو::
تاريخ الإنضمام: 16 - 07 - 2009
رقم العضوية : 67176
الدولة : مصر ام الدنيا
المشاركات: 85
افتراضي
اقتباس
فكرة رائعة ودرس اروع استمر

لتقدم وفعلاً css تسهل عملية التصميم بشكل خارق ورائع واضافة كمليات رائعة لتصميم والخطوط وماخلافه ++
اقتباس
ماشاء الله درس رائع و مفيد جدا
بارك الله فيك
واحلى ++
شكرا لكم ولردكم جميعا
والله تجعلوني اكثر و اكثر انزل دروس تطوير معكم
ولمكنكم زيارة موقعي و التعرف اكثر من هنا مجموعة ابداعي التطويرية
قديمة 24 - 09 - 2009, 15:16
المشاركة 5
صورة 'AndreNo' الرمزية
AndreNo
:: عضو نشيط ::
تاريخ الإنضمام: 26 - 04 - 2007
رقم العضوية : 35335
الدولة : غزة
العمر: 28
المشاركات: 914
افتراضي
بداية رائعة فعلآ
شكرآ لك أخي العزيز ...
بالتوفيق
قديمة 24 - 09 - 2009, 15:24
المشاركة 6
صورة 'M@trix' الرمزية
[email protected]
:: عضو نشيط ::
تاريخ الإنضمام: 15 - 07 - 2009
رقم العضوية : 66184
الدولة : ديار الـ سعود K.S.A
العمر: 28
المشاركات: 760
افتراضي
بارك الله فيك
رمز PHP:
<?
$myLove 
"Traidnt";
echo 
$myLove."I love Big Love";
?>
llllllllllllllllllllllllllllllllllllllllllll %18

قديمة 24 - 09 - 2009, 16:40
المشاركة 7
ابراهيم هنداوي
:: عضـــو::
تاريخ الإنضمام: 16 - 07 - 2009
رقم العضوية : 67176
الدولة : مصر ام الدنيا
المشاركات: 85
افتراضي
اقتباس
بداية رائعة فعلآ
شكرآ لك أخي العزيز ...
بالتوفيق
شكرا لك اخوي الكريم

اقتباس
بارك الله فيك
شكرا لك ..
قديمة 24 - 09 - 2009, 16:58
المشاركة 8
صورة 'Ring4Host.com' الرمزية
Ring4Host.com
:: عضو نشيط ::
تاريخ الإنضمام: 16 - 10 - 2008
رقم العضوية : 61189
الدولة : مصر
المشاركات: 627
افتراضي
الف شكر على الشرح يالطيب
  • إسم الشركة : رينج فور هوست
  • صاحب الشركة : شمس الدين طارق
  • مقر الشركة : مصر-القاهرة-مدينة السلام-مساكنB.B.C
  • خدمات الشركة : استضافة-ريسلرات-سيرفرات مشتركة-دعم فنى-تصميم-تراخيص-برمجة-شاتات
  • هاتف الشركة : من داخل مصر:0102701840 - من خارج مصر:002/0102701840
  • بريد الشركة : [email protected]
قديمة 24 - 09 - 2009, 21:10
المشاركة 9
ابراهيم هنداوي
:: عضـــو::
تاريخ الإنضمام: 16 - 07 - 2009
رقم العضوية : 67176
الدولة : مصر ام الدنيا
المشاركات: 85
افتراضي
اقتباس
الف شكر على الشرح يالطيب
ِشكرا لمرورك
قديمة 25 - 09 - 2009, 15:05
المشاركة 10
صورة 'Ahmedesign' الرمزية
Ahmedesign
.:: عضو متألق ::.
تاريخ الإنضمام: 02 - 03 - 2007
رقم العضوية : 32778
الدولة : Alexandria, Egypt
العمر: 26
المشاركات: 6,126
افتراضي
ألف شُكر لك ..
لكن مع احترامي هذه دروس عشوائية ..
لابُد أن تُقدم الدروس بتنظيم أي أن تشرح كُل كود وجميع القيم المُمكنة له ووظائفها والفرق بين margin,padding ..
 
اضافة رد
 

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

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

البحث المتقدم
طرق العرض


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 13:45.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2019
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.11 .Copyright ©2000 - 2019, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.