تعريف وكيفية وضع وتعلم انشاء أكواد 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;
}

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

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

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

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

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

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

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

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

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

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

دآئم‘ـآ رآئع

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

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

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

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

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

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

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

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

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

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

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

............

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

• منتديات مرحباً بكم المتواضعة •	• منتديات مرحباً بكم المتواضعة •	• منتديات مرحباً بكم المتواضعة •	• منتديات مرحباً بكم المتواضعة •
ضع هنا رابط منتداك	ضع هنا رابط منتداك	ضع هنا رابط منتداك	ضع هنا رابط منتداك
ضع هنا رابط منتداك	ضع هنا رابط منتداك	ضع هنا رابط منتداك	ضع هنا رابط منتداك
ضع هنا رابط منتداك	ضع هنا رابط منتداك	ضع هنا رابط منتداك	ضع هنا رابط منتداك
ضع هنا رابط منتداك	ضع هنا رابط منتداك	ضع هنا رابط منتداك	ضع هنا رابط منتداك
ضع هنا رابط منتداك	ضع هنا رابط منتداك	ضع هنا رابط منتداك	ضع هنا رابط منتداك

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

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

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

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

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

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