alrhma
مرحب بيك عزيزى الزائر . المرجو منك أن تعرف نفسك وتدخل المنتدى معنا إن لم يكن لديك حساب بعد نتشرف بدعوتك لإنشاء حساب جديد لك

الرحمة هارد ويير

alrhma

شركة الرحمة هارد ويير(المنصورة)
 
الرئيسيةالبوابةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
المواضيع الأخيرة
» بدء الإعلان عن مسابقة الأزهر الشريف مع بداية العام الميلادي الجديد
الجمعة 31 أغسطس 2012, 2:11 pm من طرف ميرو

» نماذج للسير الذاتية (CV)
الجمعة 31 أغسطس 2012, 2:08 pm من طرف ميرو

» سى فى
الجمعة 31 أغسطس 2012, 2:01 pm من طرف ميرو

» مسابقة الازهر للتعيين كمدرس مساعد بالازهرhttp://newvalley.riadah.org/t5431-topichttp://newvalley.riadah.org/t5431-topicالاعلان عن مسابقة الازهر 2012 بشرى ساره لكل الخرجيين يعلن الأزهر الشريف عن مسابقة الأزهر الشريف2012 للتقدم الى وظيفة معلم مساعد فى
الجمعة 31 أغسطس 2012, 1:57 pm من طرف ميرو

» عرض صيف 2012
الأربعاء 18 أبريل 2012, 10:19 pm من طرف ميرو

» عرض ربيع 2012اسعار الرحمة هارد ويير للعام 2012 بمناسبة الربيع مدة العرض 48 ساعة مكونات العرض كالأتى : 1- شاشا l.c.d . 19 بوصا 420ج بدلا من 440ج 2- طبق دش 70 سم - 37 ج بدلا من 40 ج 3-
الأربعاء 18 أبريل 2012, 10:17 pm من طرف ميرو

» عرض تحطيم الاسعار بالمنصورة
الإثنين 29 نوفمبر 2010, 2:04 am من طرف ميرو

» عرض كمبيوتر شخصى للافراد والشركات مواصفات 2011
الجمعة 26 نوفمبر 2010, 1:14 pm من طرف ميرو

» عرض cd
الجمعة 26 نوفمبر 2010, 1:11 pm من طرف ميرو

التبادل الاعلاني
pubarab
أفضل 10 أعضاء في هذا المنتدى
ميرو
 
مريم
 
باسنت
 
eiman
 
ميدو
 
الطير الحزين
 
تيتو
 
سلطان الغرام
 
الجميلة
 
ميجووو
 
سحابة الكلمات الدلالية
المتواجدون الآن ؟
ككل هناك 2 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 2 زائر

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 19 بتاريخ الإثنين 21 أبريل 2014, 2:16 am
احصائيات
هذا المنتدى يتوفر على 38 عُضو.
آخر عُضو مُسجل هو وجيه المصرى فمرحباً به.

أعضاؤنا قدموا 338 مساهمة في هذا المنتدى في 228 موضوع
تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية digg  تسجيل صفحاتك المفضلة في مواقع خارجية delicious  تسجيل صفحاتك المفضلة في مواقع خارجية reddit  تسجيل صفحاتك المفضلة في مواقع خارجية stumbleupon  تسجيل صفحاتك المفضلة في مواقع خارجية slashdot  تسجيل صفحاتك المفضلة في مواقع خارجية yahoo  تسجيل صفحاتك المفضلة في مواقع خارجية google  تسجيل صفحاتك المفضلة في مواقع خارجية blogmarks  تسجيل صفحاتك المفضلة في مواقع خارجية live      

قم بحفض و مشاطرة الرابط ميدو على موقع حفض الصفحات

قم بحفض و مشاطرة الرابط alrhma على موقع حفض الصفحات

شاطر | 
 

 دروس خاصـــــة فى لــــــــغة htmal ولغة css حصرى جداااااااااااا + الشرح

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
ميرو
نائب المدير
avatar

عدد الرسائل : 230
العمر : 30
العمل/الترفيه : مهندس الكترونى
ماهو افضل داعية عندك : الشيخ محمد حسان
تاريخ التسجيل : 14/10/2008

الورقة الشخصية
ميدو:
العاب: ا2

مُساهمةموضوع: دروس خاصـــــة فى لــــــــغة htmal ولغة css حصرى جداااااااااااا + الشرح   الأحد 26 أبريل 2009, 4:52 pm

أولا تعريف html


ال HTML هي لغة البرمجة الأساسية التي تعمل من خلالها الانترنت و تمكنك من بناء المواقع. ان لغة ال HTML تمكن المستخدم من ربط الصور، الكتابة، الموسيقى و الروابط في صفحة واحدة و تربط الصفحات ببعضها البعض. ان ملفات ال HTML هي ملفات بسيطة يمكن فحصها و تشغيلها في اي جهاز حاسوب و على اي نظام تشغيل. تتكون لغة ال HTML من مجموعة الأوامر ( Tags ) التي تمكنك من ادخال المكونات في الصفحة (كتابة، صور، روابط، موسيقى، جداول،...) و مجموعة الخصائص (Attributes) و التي تتحكم في شكل الصفحة (اللون، شكل الخط، لونه، حجمه، صورة الخلفية و لونها،...). ان برنامج متصفح الانترنت ( Internet Explorer ) يدعم لغة ال HTML و لا داعي لوجود برنامج خاص لها. و من ثم يتم فتح الملف عن طريق متصفح الانترنت ( Internet Explorer ).

وأيضا


لغة HTML هي اختصار لجملة (Hyper Text Markup Language )، وقد صُـنِـعَـت لعرض المعلومات والروابط في صفحة الإنترنت.
وتقوم هذه اللغة بوصف وهيكلة المحتويات بشكل وتنسيق مناسبين، وذلك من خلال الـTAGS الخاصة بها لتظهر لنا بالشكل الذي نراه في صفحات الويب، فهي إذاً ليست لغة برمجة كما يظن البعض.

ولقد صُـنِـعَـت هذه اللغة من قبل مخترع الويب (Tim Berners-Lee)، ثم طُـوِّرت من قبل منظمة (IETF)، والآن أصبحت منظمة الويب العالمية (W3C) هي الراعية لهذه اللغة والمسؤولة عنها.



ثانيا تعريف ال CSS


ماذا نقصد بـ Css ؟

هي اختصار لـ Cascading Style Sheets

وهي تعني : صفحات الأنماط المتعاقبة

ونستطيع بأستخدام هذه التقنيه فصل تنسيق الصفحة عن محتواها

اي نقوم بأرفاق جمل الـ CSS لنستطيع عرض عناصر الـ html بالتنسيق الذي نريد

قبل البدء يجب انت تعلم على الأقل القواعد الأساسية لأستخدام الـ html\xhtml



ثالثا درس في قواعد ال CSS


القواعد النحوية





الرمز:



القواعد النحوية للـ css تحتوي على ثلاث اجزاء : المقطع(selector) , الخاصية(property ) , القيمة(value) :




selector {property: value}




المقطع عادةً هي عنصر/وسم الذي تريد تعريفه , الخاصية هي الوصف الذي تريد تغيره , وكل خاصية تستطيع أخذ قيمة .


الخاصية والقيمة منفصلة بواسطة : ومحاطه بأقواس {}




body {color: black}






ملاحظة: اذا كانت القيمة كلمات متعدد ضع علامة تنصيص حول القيمة




p {font-family: “sans serif”}


ملاحظة: اذا كنت تريد تحديد اكثر من خاصية واحدة , يجب عليك ان تفصل كل خاصية بفاصلة منقوطة (Wink


المثال في الأسفل يعرض كيفية تعريف فقرة متوسطه , ولون النص احمر




p {text-align:center;color:red}




لجعل تعاريف الانماط اكثر قراءة , تستطيع وصف خاصيه واحده في عده اسطر , مثل هذا






p


{


text-align: center;


color: black;


font-family: arial


}


تجميع




تستطيع تجميع المقاطع وتفصل بين كل مقطع بفاصله (,) , في هذا المثال اسفل قمنا بتجميع كل عناصر الرأس (header ) . كل عناصر الرأوس اصبحت ظاهرة في لون أخضر




h1,h2,h3,h4,h5,h6


{


color: green


}






تصنيف المقاطع




مع تصنيف المقاطع تستطيع تعريف انماط مختلفه في نفس النوع من عناصر الـ HTML




لنقول انك تريد ان يصبح لديك فقرتين في مستندك : الأولى بأتجاة اليمين , والأخرى في الوسط . هنا كيفية عمل هذا في الأنماط




p.right {text-align: right}


p.center {text-align: center}




انت استخدمت تصنيف الخواص في مستند الـ html





This paragraph will be right-aligned.










This paragraph will be center-aligned.







ملاحظة: لتطبق اكثر من تصنيف لكل عنصر معطى , القاعده هي :







This is a paragraph.





الفقرة في الأعلى سوف تصمم بواسطة تصنيف “center” وسط و “bold” ثقيل.


انت تستطيع ايضاً ان تحذف وسم الأسم (name) في المقطع لتعريف النمط الذي سوف يستخدم في كل عناصر الـ HTML التي لها مركز التصنيف .


في المثال الأسفل . كل عناصر الـ HTML مع


class=”center”


سوف تصبح في الوسط:




.center {text-align: center}






في الكود الاسفل كلاً من عنصر h1 و عنصر p تحتوي على


class=”center”


هذا يعني كلاً من العناصر تتبع القواعد في المقطع


“.center:”









This heading will be center-aligned










This paragraph will also be center-aligned.







! لا تبدء بتصنيف الأسم مع الرقم ! انها لاتعمل في Mozilla/Firefox.






اضافة الأنماط الى العناصر مع خواص معينه






تستطيع ايضاً تطبيق انماط على عناصر الـ HTML مع خواص معينه . قواعد النمط في الاسفل تربط كل عناصر الادخال التي تحتوي على انواع معينه في قيمة النص “text“:


input[type=”text”] {background-color: blue}




هوية المقاطع (The id Selector)




تستطيع ايضاً تعريف انماط لعناصر الـ HTML مع هوية المقطع . هوية المقطع تعرف بواسطة #.


قواعد النمط في الاسفل تربط العناصر التي تحتوي على هوية معينه مع قيمة “green“:




#green {color: green}


قواعد النمط في الاسفل تربط عنصر p الذي يحوي هويه مع القيمة للـ “para1“:






p#para1


{


text-align: center;


color: red


}


! لاتبدء بهوية الاسم مع الرقم ! انها لاتعمل في Mozilla/Firefox.




التعليقات في الـ css


التعليقات تستخدم لتوضيح شفرتك (your code) و يمكن ان تساعدك عندما تقوم مستقبلاً بتحرير مصدر الشفرة في البيانات . التعليقات لاتظهر في المتصفحات. في الـ css التعليقات تبدء بـ “/*” وتنتهي بـ “*/”


كالتالي :


/* This is a comment */


p


{


text-align: center;


/* This is another comment */


color: black;


font-family: arial


}





شكرأ لكم ..

_________________
ميدو مدير المنتدى للشكاوى والاقتراحات يرجى مراسلتى على الهاتف من داخل مصر 0107670263
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://alrhma.aforumfree.com
 
دروس خاصـــــة فى لــــــــغة htmal ولغة css حصرى جداااااااااااا + الشرح
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
alrhma :: قسم الكمبيوتر والشبكات والصيانة :: الشبكات والصيانة-
انتقل الى: