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

هذا الموضوع المثبت هو للجميع وهو مخصص فقط لنضع فيه كل مالدينا من مصادر ومواقع لتعليم Css ـ مع توصيف بسيط عنها ـ

حتى يكون مرجع شامل بجميع المواقع التى تتكلم وتشرح هذه التقنية للدارسين ..
ومصدر لنا أيضا في تعريب تلك الدروس الكثيرة المنتشرة فى المواقع الأجنبية وتخلو منها مواقعنا العربية ـ فإن إنتظرنا المصادر العربية سوف ننتظر كثيراً ....

فشاركنا فيه

نبدأ بمدرسة الويب w3schools

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

----------------

http://www.echoecho.com/cssintroduction.htm
موقع مميز وفيه مصنفه الدروس بطريقه مميزة ـ كطريقه وضع الخطوط والألوان والصور الوصلات 

وكذلك يستهل الدروس بمقدمة حول css وتعريف لها .

----------------

http://css.maxdesign.com.au/
هذا الموقع من المواقع المثيرة جدا ـ فهو يجمع فيه كل طرق وأشكال القوائم List في css ويقدم لك اكواد جاهزة لكل قائمة لإستخدامها مباشرة في موقعك وطريقه صنعها ايضا بشرح مختصر . 

----------------

http://www.maxdesign.com.au/presentation/page_layouts/
الموقع تابع للموقع السابق ـ ويشرح فيه بطرق متقدمه طريقه تقسيم صفحات الموقع جداول عن طريق CSS وما يطبق عليه التخطيط Layout ، للوصول في النهاية الى تصميم سريع بدون جدوال ويوافق المعايير القياسية .

----------------

http://www.dynamicdrive.com/style/csslibrary/
الموقع يحتوى على مكتبة مميزة من دروس CSS ففيه ستجد دروس متقدمه عن القوائم وطرق تقسم الصفحات Layout وايضا شرح لطرق إستخدام CSS في النماذج Form .

----------------

http://www.htmldog.com/
موقع شهير جدا ـ وبجد هو من أفضل المواقع وايسرها في تعلم css وكذلك html فالدروس فيه مقسمة الى مبتدئ وموسط ومحترف ، ولم يترك لنا اى وسم او أمر css الا وشرحة مع الأمثلة ..

----------------

:: جديد ::
http://www.mako4css.com/
موقع مميز والجديد فيه انه يحتوى على جزء للأسئلة والأجوبة على التى كثيراً ماتتكرر ـ بالإضافة الى مجموعه من الدروس والمقالات .

----------------

:: جديد ::
http://www.quackit.com/css/
الموقع يضم مجموعه من الدروس المميزة وبعض الأمثلة وقد صنفها لسهولة الوصول.


************************************************** */ 

/* دروس ومقالات عن تخطيط الموقع 


مجموعه من المواقع المفيدة جدا في تخطيط المواقع Layout
1) نبدأها بمجموعه من المقالات : 

Why avoiding tables (for layout) is important

لماذا تجنب الجدوال عند التخطيط أمر مهم ؟؟

Why Tables Are Bad (For Layout) Compared to Semantic HTML + CSS 

ليه الجدوال سيئة عند التخطيط مقارنة بـ css ؟؟

Why tables for layout is stupid: problems defined, solutions offered

لماذا تستخدم الجدول الغبية في تخطيط المواقع ( المشاكل المحتملة والحلول ) للوصول الى تصاميم خالية من الجدوال ؟؟

Ten ways to speed up the download time of your web pages

عشرة طرق لتسريع الوقت في تحميل صفحات موقعك!

Seven Reasons to go Table Free

سبعة أسباب تجعلك تتجنب إستخدام الجدوال !

2) امثلة جاهزة وطرق مختلفة لتخطيط الموقع 

pmob.co.uk layouts
The Noodle Incident: CSS Boxes
bluerobot.com - Layout Reservoir
Alistapart - In Search of the Holy Grail
Alistapart - Creating Liquid Layouts 
with Negative Margins

وهذا أيضاً أحد المواقع المهمة وهو مخصص لتقنية الأنماط في إصدارها الثالث
http://www.css3.com
الجدير بالذكر أن الموقع css.com هو موقع مختلف تماماً وليس له علاقة بهذه التقنية رغم أن الاختصار يرمز لهذه للحروف الثلاثة
ولكنه في الحقيقة اختصار لـ Consult Supply Support 

هذا الموقع مشهور ... http://www.html.net/

به قسمين أحدهما لتعلم الـ HTML و الآخر لتعلم الـ CSS ، و قد أفادني هذا الأخير كثيرا ...

إليكم هذا الموقع الذي يقوم ببناء قوائم
IzzyMenu - Menu Builder - Build your pro CSS/DHTML Menu!