الويب العربي - مصادر تعلم css

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

هذا الموضوع بواسطة الاستاذ الكبير كتوم ..

حبيت انقله لكم و الحقوق محفوظة لصاحب الدرس

والشكر موصول له طبعا ..

/* مصادر

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

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

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

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

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

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

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

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

http://www.maxdesign.com.au/presenta...age_layo uts/
الموقع تابع للموقع السابق ـ ويشرح فيه بطرق متقدمه طريقه تقسيم صفحات الموقع جداول عن طريق 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

في دعة الله