• منتديات مرحباً بكم المتواضعة • • منتديات مرحباً بكم المتواضعة • • منتديات مرحباً بكم المتواضعة • • منتديات مرحباً بكم المتواضعة •
ضع هنا رابط منتداك ضع هنا رابط منتداك ضع هنا رابط منتداك ضع هنا رابط منتداك
ضع هنا رابط منتداك ضع هنا رابط منتداك ضع هنا رابط منتداك ضع هنا رابط منتداك
ضع هنا رابط منتداك ضع هنا رابط منتداك ضع هنا رابط منتداك ضع هنا رابط منتداك
ضع هنا رابط منتداك ضع هنا رابط منتداك ضع هنا رابط منتداك ضع هنا رابط منتداك
ضع هنا رابط منتداك ضع هنا رابط منتداك ضع هنا رابط منتداك ضع هنا رابط منتداك
أهلاً بك في منتديات متجر العلوم
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.  كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.

تعريف وكيفية وضع وتعلم انشاء أكواد css - حصري على منتدى وملتقى أبناء وادي دوعن

اذهب الى الأسفل

مساهمة تعريف وكيفية وضع وتعلم انشاء أكواد css - حصري على منتدى وملتقى أبناء وادي دوعن

مُساهمة من طرف Aldoani في الإثنين مارس 21, 2011 9:56 pm



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

تعريف وكيفية وضع وتعلم انشاء أكواد css - حصري على منتدى وملتقى أبناء وادي دوعن

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

مــــا هـــو الــ CSS ؟؟

هو اختصار لــ Cascading Style Sheets و وســيــلة أو أداة تســتخدم
لأضافه تصمــيم علي الموقع .. لذلك فهي خــاصة بمصممي المواقع ,فــيهتم بالخطوط
والالوان وخلفيه الموقع والمساحات لتــظهر صفحة الــ HTML
بشكل محدد..

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ما هو الفـــرق بين CSS و HTML


الــ HTML هي لغه تستخدم لتكوين ووضع نظام لمحتوى صفحة الويب
الــ CSSهي اداة او وسيله لاضافة تصميم لهذه المحتويات.

لذلك نفهم ان لغه HTML خاصه بتكوين هيكل صفحة الــويب
والـــ CSS هو اضافه تصميم لهذا الهيكل او التكوين

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


مــاذا نســتخدم من برامج لتــعلم الــ CSS ؟؟


لا نحتاج لبــرامج معقدة الاستخدام او تحتاج وقت لتعلمها هي ايضا
ولكن نستـخدم Notepad (المفكرة) الموجوده في الوندوز
START MENU>>ACCESSORIES>>NOTEPAD

كما نحتاج لمتصــفح BROWSER مثل انترنت اكسبلورر او فايرفوكس


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

مــا هــي فــوائــد CSS ؟؟


* تستطيع ان تتحكم في التصميم وتفاصيله من خلال ملف واحد بامكانيات اكبر وادق
*تستطيع ان تنشئ تصميمات لجميع مختلف وسائل عرض المواقع كالشاشات
والطابعات والتليفونات المحموله


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

طريقة وضع أكواد الــcss في موضعها
| لوحة الإدارة > ثم > مظهر المنتدى > ثم > الوان > ثم > ورقة تصميم الــcss

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

كيفية تعلم إنشاء أكواد الــcssبنفسك
css سيفتح لك عزيزي مطورة / مطور الويب، افاقا كثيرة، وستكون قادرا على
إيجاد فرص عمل سواء في شركة محلية (تعمل بالمعايير القياسية) او حتى بصفة
freelancer في المواقع الاجنبية وما أكثرها، وهناك لن تحتاج الى اكثر من
حساب paypal
قبل البدء بتعلم css يجب ان يكون واضحا أنها مهتمة بالتنسيق فقط، تغيير
الوان، خطوط، احجام .. الخ، اما بناء الصفحة، هيكل، نصوص، عناوين، صور ..
فستتكفل بها xhtml أو html، أيضا ل css استعمال واسع جدا، متصفح firefox
يستعمل css في themes الخاصة به، واي برنامج اخر اذا استعرضت ملفاته ستجد
أكواد css داخلها ..
الخطوة الأولى:
رغبة أكيدة في تعلم css وليس مجرد حماس مؤقت، الإيمان بأن عملية التعلم
ستأخذ بعض الوقت والجهد منك، وربما بعض التضحيات على حساب راحتك وأشياء
اخرى ..
بعض الاشخاص الذين اصادفهم يطرحون اسئلة غريبة، من قبيل، كم المدة اللازمة
لتعلم css ؟ وكأنهم يستعجلون الأمر سعيا وراء إيجاد فرص عمل .. وهذا أمر
مشروع لكن لا أعتقد انها بداية موفقة، فيجب ان تعطي وتبذل قبل ان تأخذ ..
الأدوات:
لن تحتاج الى اكثر من جهاز كومبوتر متواضع ونظام تشغيل: ubuntu, mac,
windows، العمل ب css لا يتطلب عتادا حديثا اونظام تشغيل معين او حتى محرر
ومتصفح معين .. يمكنك كتابة اكواد css في اي مكان وفي اي بيئة تريد ..
يمكن اختيار محرر مناسب واذا كنت تستعمل محررا معينا فلتبقي عليه، بصفة
عامة يفضل اختيار محرر يلون الاكواد ويرتبها .. أما فيما يتعلق بالمتصفح،
أكيد ستختار firefox 3.0 واقترح استعمال localhost مثل xampp كاضافة
كمالية لسهولة الوصول الى الملفات وتعديلها واستعراضها .. والا فانت حر في
استعراض ملفاتك في اي مكان من الجهاز ..
الخطوة الثانية اذن هي ان تحضر الادوات التي ستعمل بها، وعندما تريد
العمل ستكون الامور واضحة وجاهزة لديك، دون ارتباك او تضييع مزيد من الوقت
css:
كبداية، اقترح ان تكتب اكوادا بسيطة بنفسك، بدل قراءة مقالات طويلة وصعبة
.. طبعا من المفترض انه لديك خبيرة بسيطة حول الاوامر وحول tags وما شابه،
بمعنى انك تعرف فائدة h2, h3 .. اضافة فقرة ب p او صورة او رابط a, img ..
سنكتب اكوادا بسيطة في صفحة xhtml .. ثم تعديل الالوان والخطوط وما
شابه في ملف css، ولمعرفة كيف يتم الربط بين css و xhtml يمكن للرجوع
للمواقع الاجنبية او كتاب سردال .. يمكنك ادراج كود css في نفس الصفحة
لسهولة التعديل ورؤية ما تكتب:

#class {

}




مثال لكود html:
step one!





كود css:
h5 {
color:#ccc;
}



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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

أتمنى أن يفيدكم هذا الشرح والموضوع

والسلام عليكم ورحمة الله وبركاته



عدل سابقا من قبل الدوعني في الخميس يونيو 09, 2011 8:09 pm عدل 1 مرات



اللهم صلي وسلم وبارك على نبينا وسيدنا وحبيبنا وشفيعنا محمد وعلى آله وصحبه وسلم

إجعل نية خدمتك ومساهماتك بالمنتديات كصدقة جارية تنفعك في دينك ودنياك وآخرتك
فلعلها تكون أنفع لك من الأعمال الأخرى التي تقوم بها
قال عليه أفضل الصلاة والسلام ( إنما الأعمال بالنيات ...) صدق رسول الله

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

سبحان الله والحمدلله ولا إله إلا الله والله أكبر ولاحول ولاقوة إلا بالله العلي العظيم
avatar
Aldoani
[ بياناتي الشخصية ]
[ مؤسس ومدير المنتدى ]

[ بياناتي الشخصية ][ مؤسس ومدير المنتدى ]

جنسيتيـﮯ • : يمني
جـنـســيــﮯ • : ذكر
مـزاجـــيـﮯ • : مشغول
وظيـفـتيـﮯ • : جامعي
هوايـتـيــﮯ • : الرياضة
أتصفح بـﮯ • : [متصفح FIREFOX]
مـعـرفتـيـﮯ • : أحـلـى مـنـتــدى
مـسـاهــمــاتـــيـﮯ • : 673
نــقــاطـــــــــــــيـﮯ • : 4154
14

http://dowan.7olm.org

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف يمني وأفتخر في الأحد أبريل 10, 2011 5:46 pm

تسلم مديرنا على الشرح الرائع


-:|((( إسمي يماني وأفتخر مابين كل الناس )))|:-
avatar
يمني وأفتخر
[ بياناتي الشخصية ]
دوعنيـﮯ مشارك

[ بياناتي الشخصية ]دوعنيـﮯ مشارك

جنسيتيـﮯ • : يمني
جـنـســيــﮯ • : ذكر
مـزاجـــيـﮯ • : مندهش
وظيـفـتيـﮯ • : طالب
هوايـتـيــﮯ • : الرياضة
مـعـرفتـيـﮯ • : آخـــــــــــــــــــــر
مـسـاهــمــاتـــيـﮯ • : 48
نــقــاطـــــــــــــيـﮯ • : 2620

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف مج‘ـرد ـآح‘ـسآس في الإثنين أبريل 11, 2011 1:33 am

كفيت ووفيت شي ج‘ـميل

>> بس آلع‘ـتب علي مآفهمت شي
666222

آع‘ـرف آسوي آشيآء بس م‘ـدري وش آسآميهآ عجيب

سلم‘ـت آخ‘ـي آلكريم

دآئم‘ـآ رآئع

بآنتظآر ج‘ـديدك م‘ـديرنآ آلع‘ـزيز ...


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
avatar
مج‘ـرد ـآح‘ـسآس
[ بياناتي الشخصية ]
دوعنيـﮯ نشيط

[ بياناتي الشخصية ]دوعنيـﮯ نشيط

جنسيتيـﮯ • : يمني
جـنـســيــﮯ • : انثى
مـزاجـــيـﮯ • : ساخر
وظيـفـتيـﮯ • : طالب
هوايـتـيــﮯ • : السباحة
مـعـرفتـيـﮯ • : صـــديـــقــــــــي
مـسـاهــمــاتـــيـﮯ • : 52
نــقــاطـــــــــــــيـﮯ • : 2652

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Aldoani في الإثنين أبريل 11, 2011 2:23 am

بسم الله الرحمن الرحيم

مساكم الله بالخير والعافية

أخي الفاضل : يمني وأفتخر

أختي الفاضلة : مجرد إحسآس

على الردود المنووووووووورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



اللهم صلي وسلم وبارك على نبينا وسيدنا وحبيبنا وشفيعنا محمد وعلى آله وصحبه وسلم

إجعل نية خدمتك ومساهماتك بالمنتديات كصدقة جارية تنفعك في دينك ودنياك وآخرتك
فلعلها تكون أنفع لك من الأعمال الأخرى التي تقوم بها
قال عليه أفضل الصلاة والسلام ( إنما الأعمال بالنيات ...) صدق رسول الله

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

سبحان الله والحمدلله ولا إله إلا الله والله أكبر ولاحول ولاقوة إلا بالله العلي العظيم
avatar
Aldoani
[ بياناتي الشخصية ]
[ مؤسس ومدير المنتدى ]

[ بياناتي الشخصية ][ مؤسس ومدير المنتدى ]

جنسيتيـﮯ • : يمني
جـنـســيــﮯ • : ذكر
مـزاجـــيـﮯ • : مشغول
وظيـفـتيـﮯ • : جامعي
هوايـتـيــﮯ • : الرياضة
أتصفح بـﮯ • : [متصفح FIREFOX]
مـعـرفتـيـﮯ • : أحـلـى مـنـتــدى
مـسـاهــمــاتـــيـﮯ • : 673
نــقــاطـــــــــــــيـﮯ • : 4154
14

http://dowan.7olm.org

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Aldoani في الإثنين أبريل 11, 2011 2:38 am


>> بس آلع‘ـتب علي مآفهمت شي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

آع‘ـرف آسوي آشيآء بس م‘ـدري وش آسآميهآ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
............

عفوا أختي الفاضلة شو قصدك من ها الحكي



اللهم صلي وسلم وبارك على نبينا وسيدنا وحبيبنا وشفيعنا محمد وعلى آله وصحبه وسلم

إجعل نية خدمتك ومساهماتك بالمنتديات كصدقة جارية تنفعك في دينك ودنياك وآخرتك
فلعلها تكون أنفع لك من الأعمال الأخرى التي تقوم بها
قال عليه أفضل الصلاة والسلام ( إنما الأعمال بالنيات ...) صدق رسول الله

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

سبحان الله والحمدلله ولا إله إلا الله والله أكبر ولاحول ولاقوة إلا بالله العلي العظيم
avatar
Aldoani
[ بياناتي الشخصية ]
[ مؤسس ومدير المنتدى ]

[ بياناتي الشخصية ][ مؤسس ومدير المنتدى ]

جنسيتيـﮯ • : يمني
جـنـســيــﮯ • : ذكر
مـزاجـــيـﮯ • : مشغول
وظيـفـتيـﮯ • : جامعي
هوايـتـيــﮯ • : الرياضة
أتصفح بـﮯ • : [متصفح FIREFOX]
مـعـرفتـيـﮯ • : أحـلـى مـنـتــدى
مـسـاهــمــاتـــيـﮯ • : 673
نــقــاطـــــــــــــيـﮯ • : 4154
14

http://dowan.7olm.org

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى