عرب واى
عزيزي آلزآئر

لـَاننآ نعشق آلتميز و آلمميزين يشرفنآ آنضمآمك معنآ في منتدى عرب واى

وحينمآ تقرر آن تبدآ مع منتدى عرب واى ينبغي عليك آن تبدآ كبيرآ .. فآلكل كبيرُُ هنآ . وحينمآ تقرر آن تبدآ في آلكتآبه في منتدى اورجينال..

فتذكر آن منتدى اورجينال يريدك مختلفآ .. تفكيرآ .. وثقآفةً .. وتذوقآ .. فآلجميع هنآ مختلفون ..

نحن ( نهذب ) آلمكآن ، حتى ( نرسم ) آلزمآن !!

لكي تستطيع آن تتحفنآ [ بمشآركآتك وموآضيعـك معنآ ].. آثبت توآجدك و كن من آلمميزين..

عرب           واى

بواسطة وهبة الساحرالصورة الشخصية اكثر احترافية - الأربعاء مارس 22, 2017 9:39 pm

بواسطة issam جميع اكواد :تجميل منظر الصندوق الماسي - الإثنين ديسمبر 19, 2016 10:06 pm

بواسطة issamكود جعل الصور بشكل منبثق عند الضغط عليها في المساهمات - الإثنين ديسمبر 19, 2016 10:04 pm

بواسطة issamاكواد صور كخلفية للمواضيع وللبيانات - الإثنين ديسمبر 19, 2016 9:50 pm

بواسطة kvolcano كود جديد وحصرى وهو كود جعل ازرار صندوق لرد بشكل دائرى مدبول - الأحد ديسمبر 18, 2016 10:44 pm

بواسطة kvolcanoكود رائع لوضع خلفية لأزرار المنتدى حتى تصبح النتيجة - الأحد ديسمبر 18, 2016 10:26 pm

زائر✪ الشيخ عبد القهار كشف مجاني جلب الحبيب فك السحر هاتف 0021653448826 ✪ - الخميس سبتمبر 29, 2016 11:16 am

بواسطة ELMasRyyتفضلوا كود css وضع اطار وصورة كخلفية للاقتباسات المنتدي - الثلاثاء سبتمبر 27, 2016 4:14 pm

بواسطة وهبة الساحرcss طريقة جعل شريط التمرير اكثر اثارة واحترافية مما يبدوا عليه - الثلاثاء أغسطس 02, 2016 6:14 pm

بواسطة وهبة الساحرJAVASCRIPT جديد كود الوصف بشكل مميز ومحترف - الخميس يوليو 28, 2016 8:57 pm

بواسطة JAR7 قس نبضك لتعرف احي انت ام ميت - الإثنين أبريل 25, 2016 8:18 pm

زائرHTML كود شريط متحرك ويمكن التحكم فيه كما تشاء ! - الأربعاء أبريل 06, 2016 12:58 am

بواسطة JAR7كود Css ايطارات منقطه حول الاقسام والمساهمات والمواضيع - الأربعاء مارس 09, 2016 7:22 am

بواسطة JAR7كود عمل شعار لكل قسم في المنتدى بمعني سيكون في الكود جزئيين للتغير الاول رقم القسم الثاني رابط الصوره - الثلاثاء مارس 08, 2016 7:45 am

بواسطة JAR7(كود) وضع احصائيات المنتدى وصورة ايضا واطار وخلفية ليظهر الشكل مناسب لك - الثلاثاء مارس 08, 2016 7:31 am

المواضيع آخر

الأكثر مشاهدة

by وهبة الساحرالصورة الشخصية اكثر احترافية - الأربعاء مارس 22, 2017 9:39 pm

by issam جميع اكواد :تجميل منظر الصندوق الماسي - الإثنين ديسمبر 19, 2016 10:06 pm

by issamكود جعل الصور بشكل منبثق عند الضغط عليها في المساهمات - الإثنين ديسمبر 19, 2016 10:04 pm

by issamاكواد صور كخلفية للمواضيع وللبيانات - الإثنين ديسمبر 19, 2016 9:50 pm

by kvolcano كود جديد وحصرى وهو كود جعل ازرار صندوق لرد بشكل دائرى مدبول - الأحد ديسمبر 18, 2016 10:44 pm

by kvolcanoكود رائع لوضع خلفية لأزرار المنتدى حتى تصبح النتيجة - الأحد ديسمبر 18, 2016 10:26 pm

زائر✪ الشيخ عبد القهار كشف مجاني جلب الحبيب فك السحر هاتف 0021653448826 ✪ - الخميس سبتمبر 29, 2016 11:16 am

by ELMasRyyتفضلوا كود css وضع اطار وصورة كخلفية للاقتباسات المنتدي - الثلاثاء سبتمبر 27, 2016 4:14 pm

by وهبة الساحرcss طريقة جعل شريط التمرير اكثر اثارة واحترافية مما يبدوا عليه - الثلاثاء أغسطس 02, 2016 6:14 pm

by وهبة الساحرJAVASCRIPT جديد كود الوصف بشكل مميز ومحترف - الخميس يوليو 28, 2016 8:57 pm

by JAR7 قس نبضك لتعرف احي انت ام ميت - الإثنين أبريل 25, 2016 8:18 pm

زائرHTML كود شريط متحرك ويمكن التحكم فيه كما تشاء ! - الأربعاء أبريل 06, 2016 12:58 am

by JAR7كود Css ايطارات منقطه حول الاقسام والمساهمات والمواضيع - الأربعاء مارس 09, 2016 7:22 am

by JAR7كود عمل شعار لكل قسم في المنتدى بمعني سيكون في الكود جزئيين للتغير الاول رقم القسم الثاني رابط الصوره - الثلاثاء مارس 08, 2016 7:45 am

by JAR7(كود) وضع احصائيات المنتدى وصورة ايضا واطار وخلفية ليظهر الشكل مناسب لك - الثلاثاء مارس 08, 2016 7:31 am



أهلا وسهلا بك زائرنا الكريم, أنت لم تقم بتسجيل الدخول بعد! يشرفنا أن تقوم بالدخول أو التسجيل إذا رغبت بالمشاركة في المنتدى

عرب واى

عرب واى | مركز عرب واي مختص بتطوير وتصميم المواقع وتبادل الخبرات و يحتوي علي أقسام متنوعة

Lên đầu trang

إرسال موضوع جديد  إرسال مساهمة في موضوع

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل  رسالة [صفحة 1 من اصل 1]

#1
وهبة الساحر


المدير العام



avatar
المدير العام


بسم الله الرحمن الرحيم
آخواني أعضاء آحييكم بتحية الإسلام ... [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أقدم لكم اليوم شرح كامل ووافي عن لغة C S S المساعدة للغة H T M L واتمنى من الله ان يوفقني في هذا الشرح ...

نبدأ بذكر الله ...


مقدمة عن لغة C S S :

هي لغة موازية للغة H T M L , ويمكنك إنشاء صفحة إفتراضية منها .

أهمية لغة C S S :

لنفرض عزيزي المتعلم , أن لديك 1000 صفحة من صفحات H T M L , وترغب في تعديل الخلفية لتلك الصفحات الألف , أليس ذلك مجهداّ لك , ولكن مع لغة C S S ليس كذلك , لأنك بهذه اللغة يمكنك تعديل 1000 صفحة من صفحات H T M L , بتعديل ملف واحد فقط , وهو ملف C S S , أليس هذا رائعاّ , ولا يأخذ من وقتك الكثير .

فوائد لغة C S S :

1 - تستطيع تعديل عدد كبير من صفحات H T M L من ملف واحد فقط .
2 - وضع شكل , لكل بيئة عمل , كجهاز الكمبيوتر , والكمبيوتر الكفي , وغيرها .
3 - تقليل حجم ملف H T M L , وذلك بعرض الخصائص في ملف C S S مستقل .
4 - التحكم الكامل بالنصوص والصور , وامكانية تغييرها بوقت قصير .
وبشكل عام , لغة C S S هي مجموعة من الأوامر مكتوبة في ملف مستقل او ضمن ملف H T M L , يمكنك من خلاله تعديل الشكل العام للصفحة الإلكترونية , بحسب بيئة العمل .

أساسيات لغة C S S :

تعد أكواد C S S مشابهه بشكل كبير لأكواد H T M L , ولذلك بعد تعلمك للغة H T M L , فسوف تكون هذه اللغة سهلة التعلم لديك .

أين أضع كود C S S :

يوضع كود C S S في الصفحة الإلكترونية بشكلين :
الاول : كود مضاف , أي يضاف من ضمن أكواد H T M L , في منطقة الرأس .
مثال على ذلك :

رمز PHP:
الكود:
 <html>

 
<head>

<style type="text/css">

code........

</style>

</head>

 
<body>

</body>

 
</html> 

  
الثاني : ملف مضمن , أي يضاف كود تطبيقي لملف C S S مستقل , نفترض ان اسم الملف style.css
مثال على ذلك :

رمز PHP:
الكود:
 <html>

 
<head>

<link rel="stylesheet" type="text/css" href="style.css" />

</head>

 
<body>

</body>

 
</html> 

  
وعند عرض الصفحة الإلكترونية سوف يأخذ كافة الخصائص من ملف style.css , كنوع الخط , حجم الخط , لون الخط , لون الخلفية , صورة الخلفية , المسافات , الجداول وغيرها , ويمكنك عند إنشاء كل صفحة جديدة الاكتفاء بالكتابة فقط , وسوف تجد أن مميزات الكتابة أخذت الطابع التصميمي الذي كتبته في ملف style.css , دون العناء في اختيار مميزات العرض في كل مرة .

هذا وصلى الله على سيدنا محمد

انتهى الشرح ....



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
معاينة صفحة البيانات الشخصي للعضو http://3arb-way.a7larab.net

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة  رسالة [صفحة 1 من اصل 1]

إرسال موضوع جديد  إرسال مساهمة في موضوع


مواضيع مفيدة

تحميل ...