بحث متقدم | التسجيل
الويب العربي
  تسجيل دخول
 
   
   

  ملاحظة
الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.




الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.

عـودة للخلف   الويب العربي سوق البرمجة والتصميم تبادل خبرات البرمجة

تبادل خبرات البرمجة تبادل الخبرات في جميع لغات البرمجة
Php , Asp , Ajax , Xml , Css , JavaScript ...etc

موضوع مغلق اضف موضوع جديد
 
خيارات الموضوع طريقة العرض
  #1  
قديم 20-08-2008, 12:05 PM
السكربت العربي السكربت العربي غير متصل
عضو
 
تاريخ التسجيل: Apr 2005
مشاركة: 1,231
مستوى تقييم العضوية: 22
السكربت العربي will become famous soon enough
وسام الويب الذهبي وسام الويب الفضي وسام الويب البرونزي 
عدد الأوسمة: 3 (المزيد ...)
Smile الـCSS مقدمة وبداية التعلّم .

السلام عليـكم ,
ماهي تقنية الـCSS ?
(CSS هي اختصار لي Cascading Style Sheets)
الـCSS هي لغة تصمـيم تهتم بجمع أوامر التصميم من عدة ملفات HTML لتجعلها بملـف واحـد يسهل التعديل عليه, وهي تهتم بالخطوط والخلفيات والألوان والكثير من الاوامر .

مالذي سيجعلني أتعلم الـCSS بجانب الـHTML ?
كبداية ستتحكم بالتصميم لكثير من ملفات الـHTML من خلال ملف واحد فقط ! تخيل معي ان لديك عدد (22) ملف HTML واردت بلحظة اخيره ان تعدل الخلفية او لون الخطوط, فستحتاج للتعديل بكل من الـ(22) ملفاً كاملاً !! مع الـCSS ستعدل بسطر واحد وسيتم تطبيق كافة التعديلات على كل ملفات الـHTML .
كذلك ستتمكن في الـCSS من إنشــاء تصاميم مختلفة العرض كـمثال (تصميم لشاشات الكمبيوتر و تصميم آخر للهواتف النقاله .. الـخ) .

حسناً لنبدأ الان بتطبيق عملـي لنعلم ان ماذكرناهـ ليس مجرد محادثات ! :-
كـ بداية لنأخذ مثال عن أمر مخصص في الـCSS ولنقــل ان هذا الأمــر هو ..

كود:
body {background-color: #0000FF;}
في الأمـر السابق قمنا بتحديد الخلفية بملف الـCSS باللون الأزرق , ولنشرح الان طريقة عمل الأوامر ونوضح ذلك بالصوره التاليـة :-




عرفنا الان طريقة عمل اوامر الـCSS لكن كيف يمكن تطبيقها داخل HTML ?
حسناً كـ بداية قم بإنشاء ملفين الأول بإسم arabwebtalk وقم بحفظه بإمداد (HTML) وقم بإنشاء ملف آخر بإســم (Style.css) بحيث يكون إمداده (css) .
وقم بوضع الملفين بمجلد واحد , الان جاء وقت التطبيق , قم بالدخول لملف الـHTML وقم بكتابة أوامر الـHTML العادية ولكن قم بإدخال السطر الموضح بالكود التالي :-
كود:
<html>
  <head>
    <title>التجربة الأولى</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
    <h2>أول تجربه بتعلم CSS بمنتديات الويب العربي .</h2>
  </body>
</html>
لاحظ الأمر التالي :-

كود PHP:
<link rel="stylesheet" type="text/css" href="style.css" /> 
هذا الأمر يعني أننا طلبنا من ملف الـHTML أخذ معلومات التصميم من خلال ملف Style.css الذي قمنا بإنشائه !
الان إفتح صفحة الـhtml ستجد انها صفحة عادية موجود بداخلها ماطلبنا من html عرضـــه , الان إذهب لملف Style.css واضف الأمر التالي فيه
كود PHP:
body {
  
background-color#0000FF;

ثم قم بزيارة ملــف الـhtml وستجد ان الخلفية زرقاء ومميزة ! اعتقد أننا الان فهمنا طريقـة عمل الـCSS وكيف يمكننا ربط عدد كبير من خواص التصميم في الـHTML بملف واحد CSS من خلال الأمر الذي ذكرناهـ , إنتهى هذا الدرس وبإذن الله سنبدأ بالدرس القادم بأقرب وقت ,,

كل الحقوق محفوظة للويب العربي,
تمنياتي لكم بالتوفيق,
السكربت العربي.





  #2  
قديم 20-08-2008, 07:02 PM
الصورة الشخصية لـ أحمد الزغبى
أحمد الزغبى أحمد الزغبى غير متصل
عضو
 
تاريخ التسجيل: Dec 2006
المدينة: ..-مـ{ـ(ـصـ)ـ}ـر-..
مشاركة: 82
مستوى تقييم العضوية: 18
أحمد الزغبى is on a distinguished road
الافتراضي

وعليكم السلام ..

اجمل وابسط شرح للسي اس اس

وفعلاً لغة مهمة ومفيدة وتريح المصمم كتييير

جزاك الله خيراً






التوقيع
  #3  
قديم 21-08-2008, 08:16 AM
السكربت العربي السكربت العربي غير متصل
عضو
 
تاريخ التسجيل: Apr 2005
مشاركة: 1,231
مستوى تقييم العضوية: 22
السكربت العربي will become famous soon enough
وسام الويب الذهبي وسام الويب الفضي وسام الويب البرونزي 
عدد الأوسمة: 3 (المزيد ...)
الافتراضي

أحمد الزغبى
الله يجزاك الف خير وشكراً لمرورك شرفتني بزيارتك .





  #4  
قديم 21-08-2008, 12:06 PM
الصورة الشخصية لـ Mustafa Albazy
Mustafa Albazy Mustafa Albazy غير متصل
مصطفى البازي
 
تاريخ التسجيل: Mar 2004
المدينة: المملكة المتحدة - لندن
مشاركة: 1,558
مستوى تقييم العضوية: 10
Mustafa Albazy is on a distinguished road
وسام المشرف المميز في الويب العربي وسام الويب البرونزي وسام الويب الفضي وسام الويب الذهبي 
عدد الأوسمة: 4 (المزيد ...)
الافتراضي

جميل جداً , يعطيك العافية






التوقيع
  #5  
قديم 21-08-2008, 04:39 PM
السكربت العربي السكربت العربي غير متصل
عضو
 
تاريخ التسجيل: Apr 2005
مشاركة: 1,231
مستوى تقييم العضوية: 22
السكربت العربي will become famous soon enough
وسام الويب الذهبي وسام الويب الفضي وسام الويب البرونزي 
عدد الأوسمة: 3 (المزيد ...)
الافتراضي

IrIsH
الله يعافيِكْ يالغــالي يالغالي .. نورت الموضوع .





  #6  
قديم 22-08-2008, 07:54 AM
الصورة الشخصية لـ عبدالله بن عبدالرحمن
عبدالله بن عبدالرحمن عبدالله بن عبدالرحمن غير متصل
عضو
 
تاريخ التسجيل: Mar 2008
المدينة: الـــريـــاض
مشاركة: 881
مستوى تقييم العضوية: 18
عبدالله بن عبدالرحمن is on a distinguished road
وسام انفنتي 
عدد الأوسمة: 1 (المزيد ...)
الافتراضي

روعه الشررح ..

أعجبني تنسيقك ..

و أسلووب طرحه ..

سلمت يدآك ..






التوقيع

تراخيص انفنتي - دعم فني - استضافة - حماية - ترقية وتطوير
جوال : 0505666702
الموقع : WWW.F1D1.COM
الدعم الفني : www.f1d1.com/support.php
  #7  
قديم 23-08-2008, 08:24 AM
السكربت العربي السكربت العربي غير متصل
عضو
 
تاريخ التسجيل: Apr 2005
مشاركة: 1,231
مستوى تقييم العضوية: 22
السكربت العربي will become famous soon enough
وسام الويب الذهبي وسام الويب الفضي وسام الويب البرونزي 
عدد الأوسمة: 3 (المزيد ...)
الافتراضي

عبدالله بن عبدالرحمـن ,
الله يسلّمــك أخــوي, نــورت الموضوع يالغالي .





  #8  
قديم 23-08-2008, 05:28 PM
BarakaSoft.com BarakaSoft.com غير متصل
عضو
 
تاريخ التسجيل: Jul 2008
مشاركة: 74
مستوى تقييم العضوية: 16
BarakaSoft.com is on a distinguished road
الافتراضي

مشكور يا الغالى
و بأنتظار الدرس المقبل






التوقيع
  • إسم الشركة: بركه سوفت لخدمات الويب
  • خدمات الشركة: أستضافة + تصميم + حجز نطاقات + دعم فنى + خدمات الويب
  • البريد: sales(at)barakasoft.com
  • روابط الشركة: www.barakasoft.com
  • المنتدى التقنى التطويرى:http://www.barakasoft.com/vb
  #9  
قديم 24-08-2008, 07:06 PM
السكربت العربي السكربت العربي غير متصل
عضو
 
تاريخ التسجيل: Apr 2005
مشاركة: 1,231
مستوى تقييم العضوية: 22
السكربت العربي will become famous soon enough
وسام الويب الذهبي وسام الويب الفضي وسام الويب البرونزي 
عدد الأوسمة: 3 (المزيد ...)
الافتراضي

بركه سوفت, حياك الله اخوي وبإذن الله الدرس القادم لن يطول , شكراً لك .





  #10  
قديم 30-08-2008, 06:47 AM
! D7ME ! ! D7ME ! غير متصل
عضو
 
تاريخ التسجيل: Jun 2008
مشاركة: 3
مستوى تقييم العضوية: 0
! D7ME ! is on a distinguished road
الافتراضي

شرح واضح ومفهوم أول مرة استوعب للـcss او ماتقول تحمست لمعرفتها
منتظرين الدرس القادم عزيزي
وبدون إن أطبق فهمتها 100% مع تطبيقك الموضح بالموضوع .
وجزاك الله كل خيـر ..





  #11  
قديم 30-08-2008, 08:42 PM
hno100 hno100 غير متصل
عضو
 
تاريخ التسجيل: Aug 2008
مشاركة: 2
مستوى تقييم العضوية: 0
hno100 is on a distinguished road
الافتراضي اشكرك

اشكرك على هذا الشرح الرائع





  #12  
قديم 02-09-2008, 05:43 PM
referee referee غير متصل
عضو
 
تاريخ التسجيل: Jun 2007
مشاركة: 312
مستوى تقييم العضوية: 17
referee is on a distinguished road
الافتراضي

درس رائع و قد نقلته مع حفظ كافة الحقوق هنا :

http://www.tamecom1.com/viewtopic.php?f=109&t=940

فاذا كان هذا النقل لا يعجبك اخي اخبرني لحذف الموضوع

تحياتي






  #13  
قديم 03-09-2008, 04:44 AM
السكربت العربي السكربت العربي غير متصل
عضو
 
تاريخ التسجيل: Apr 2005
مشاركة: 1,231
مستوى تقييم العضوية: 22
السكربت العربي will become famous soon enough
وسام الويب الذهبي وسام الويب الفضي وسام الويب البرونزي 
عدد الأوسمة: 3 (المزيد ...)
الافتراضي

حياكم الله اخواني,
والله يجزاكم ألف خيـر ,,
الغالي referee
يحق لك نقله اخوي ويشرفني ذلك وشكراً لك لحفظ الحقوق,

تحياتي لكم,





موضوع مغلق



خيارات الموضوع
طريقة العرض

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

كود vB متاح
كود [IMG] متاح
كود HTML مغلق
إنتقل إلى


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 03:11 PM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


 
 »  خدمات البرمجة   »  رئيسية الدليل
  »  خدمات التصميم   »  الأمن والحماية
  »  الدعاية والتسويق
  »  الدعم والتطوير
  »  الشركات الرسمية
  »  حجز دومينات
  »  خدمات الإستضافة
 
 
  »  مكتبة الإستايلات   »  رئيسية المكتبة
  »  أكواد برمجية   »  أدوات الويب ماسترز
  »  مكتبة الهاكات   »  أدوات المصممين
  »  سكربتات متنوعة
  »  مجلات إلكترونية
  »  بلوكات متنوعة
  »  ثيمات مختلفة
 
 

صحيفة متخصصة في متابعة أخبار وجديد الإنترنت العربي
والحوارات الصحفية ومعلومات تقنية متنوعة .

   
 
 

للتواصل مع فريق عمل الويب العربي
يمكنك ذالك من خلال مركز الدعم والمساندة.

 الدعم الفني |  اعتماد العضويات |  قوانين الإنتساب |  إتفاقية الإستخدام |  أهداف الويب العربي |  دليل الشركات |  مكتبة الويب |  صحيفة الويب العربي |  الرئيسية