قرأت مقالة في فنون الإمارات قبل فترة عن أسباب إستخدامنا لتقنية CSS وتم تلخيصها في سبع نقاط أود إضافتها حتى تعم الفائدة للجميع :
تقنية CSS جلبت للمصممين خيار جديد للذين يعتمدون على تقنية HTML و الجداول في تصميم صفحات الويب، بالطبع سيتطلب من المصممين والمهتمين بالتصميم تعلم هذي اللغة الجديدة وإكتساب مهارة جديدة.
على كل حال، الكثير من المهتمين بتقنية CSS يعتبرون هذي التقنية قيمة فهي تعطي المصمم التحكم الذي يرغب فيه وخيارات متعددة بجانب كون التقنية سهلة والتعديل عليها سهل ايضاً.
اتمنى الأسباب التالية الـ7 تكون كافية لتوضيح فوائد تقنية CSS
السبب الأول (تحكماً أكثر دقة التخطيط):
عندما تقم بتصميم صفحات موقعك اعتماداً على CSS ستعطي نفسك فرصة التحكم بسهولة بمحتوى جميع الصفحات بالإضافة الى سهولة التخطيط وإدارة أكثر من صفحة، ومن هنا يأتي سبب التسمية Cascading Stylesheets اي بمعنى صفحات الأنماط المتعاقبة.
السبب الثاني (خيارات أكثر):
مع CSS ستملك خيارات أكثر عدة لتغيير الشكل. هذا مهم لعدة أسباب خصوصاً إذا عند الرغبة في تغيير للأعمدة أو الخلفيات والألوان مع قياسات مختلفة.
السبب الثالث (تقنية مكملة لـ HTML):
هناك ضعف عند التصميم بـ CSS بدون HTML أو العكس، لكن بإستعمال CSS و HTML فالتصميم يصبح اقوى، بمعنى آخر يكمل كل منهم الآخر.
السبب الرابع (التعديل):
ليس هناك اسهل من تعديل الصفوف او بيانات الصفوف، يمكنك تغيير اسم الصف او بيانات الصف من غير تعديل الجداول من جديد او تعديل الصور والخلفيات.
السبب الخامس (أسرع):
ليس فقط تحميل الصفحة سيكون سريع ولكن الإنتقال سيكون سريع أكثر
السبب السادس (الطباعة):
يمكنك التحكم بسهولة بصفحة الطباعة، مثلا الإستغناء عن الصور والألوان و الأشياء الاخرى التي لاتطبع بسهولة.
السبب السابع (التحكم):
لو كنت تستعمل الجداول في التصميم بالتأكيد ستكون لديك فكرة عن الصعوبة في التحكم بالمقاسات، مع تقنية CSS اصبح المصمم قادر على معرفة المقاسات بالضبط بجانب السهولة والسرعة
إنني للمرة الأولى أسمع بهذا المصطلح css وذلك لآنني كنت غير مهتم بمثل هكذا برامج وما أرجوه هو تزويدي بهذا البرنامج ولكم من فائق الإحترام
والسلام عليكم
جزاكم الله خيراً
لو تضع بضع دروس ايضاً عن استخدام css حتى لو تجمعها من الإنترنت يبقي الله ينور عليك
اعانك الله
بورك فيك ياهيثم , مقال ولاأروع
حين كنت أتكلم على تقنية الـcss أسموني خالد css
وبدأ المخرفون والمستهزؤون والمغفلون وكثير من المتبجحون بالإستهزا بي
هده التقنية اكثر من رائعة والحمد لله أعمل بها من الصفر وابني موقعي من الصفر
ولو يتدكر بعض الأأصحاب كنت انفخ رأسهم بكثرة إعجابي بهده التقنية وهم يخثلفون معي
حولها والسبب أنه مستعرض أنترنت أسبلورل – لايدعمها وانها وأنها
وبعدها بدأنا نسمع من أكبر مواقع بالشبكة العنبكوتية مثل قوقل وغيرها
أنهم سيعرضون رسالة في موقعهم بعدم التعامل مع هدا المستعرض
والسبب أن عدم فهم هدا المستعرض العجوز لهده التقنية ليس عيبا فيها
بل عيبا في المستعرض واليوم أشاهد بعض الاحباب قد شدو الهمة فيها وبدأو يبدعون
فمثل هيثم مثلا ليس مهما أن يكون مصمما او مبرمجا بل صاحب فكر والفكر أهم من التصميم أو البرمجة
عندي , وليس معنى كلامي اني مكتشف او عقبري في هده التقنية حتى لاأنسب لنفسي شيئا دون الأخرين ولاكن من كان يستخدم هده التقنية كان يستخدمها فقط لأجل تعديل الألوان والستايلات
ولم يكن يقسم الموقع بها !
شكرا ياهيثم وأستمر ونحن ندعمك عل الأقل بالتقدير هدا مانملكه اليوم
والسلام
تقنية css
سأتكلم عن هذه التقنية بكلام مباشر أي أني سأحاول أن لا أنسخ من الأنترنت
وسيكون كلامي مباشر وبالليبي
هذه التقنية هي بإختصار مختزلة لأكواد HTML فبدل أن تكتب أكاد الألوان والجداول والصفوف والأعمدة ونوع الخط وحجمه وكل خصائص تصميم الصفحة
تقوم هذه التقنية بإختزال كل هذه الأكواد في ملف مستقل ثم تستدعيه للصفحة الويب
في صفحة الويب تكتب
أكواد تبدا بـالـ DIV أو Division ومعناه التقسيم أو التوزيع
يعني مثلا تريد ان تعمل جدول بتقنية الcss تقوم بكتابة box#
وتستدعيه بـ
أو تكتب في ملف الستايل
.box
وتسدعيه في صفحة الويب
او تكتب في ملف الستايل
p كتابة وليست جدول
h1 كتابة عريضة للعناوين
وتسدعيه في الصفحة
أكتب هنا جملتك
عنوان عريض
وحين تكتب في ملف الستايل
#box{
تعطي مواصفاته هنا
من حجم الحدود
أو نوع الخط الذي بداخله
foant:Tahoma;
أو لون الخلفية
أو حجم الخط
font-size:20px;
او عرض البوكس
أو إرتفاعه
width:200px;
أو إتجاهه
float:left;
}
الميزة في هذه التقنية لمن يفهم معنى كلامي جيد
انك لاتضطر لكتابة أكواد الألوان وغيرها في داخل الصفحة كل مرة وكل ماتكتب كلمة مثلا
لا لا فقط مرة واحد وتستعيه أكثر من مرة في داخل صفحة الويب
هذا أولا والمهم الأكثر هو انك تقسم الصفحة بال div
وخصوصا حين يكون glass
أما في حالة id
فتستدعيه مرة واحدة فقط
ويجب ان تراعي أن هناك أكثر من مستعرض فالمستعرض العجوز أنترنت أكسبلورل 6 لايفهم هذه التقنية وكثير من المواقع يسبب لهم مساكل حين تعرض مواقعهم به
ومنهما موقع اليوتيوب قوقل وهي من أكبر المواقع
ولقد رأي شخصيا في بعض صصفحتاه اليوتيوب مشاكل ودائما يضطرون لتصليحه في حالات كثيرة
المهم أن هذه التقنية تم تطويرها في الويب 2 ومنها خرجت منظمة أسمها w3c
قالت كل من يحترم تصميم الويب ياحضرات
ويصمم بالتقنية css
ويخلي صفحته خفيفة مش مليانة صور وعيلة وخضروات وفواكه
ويكون الهيدر أو صورة اللوقو متاع الصفحة بسيط وجميل وخفيف
أهم كلمة نقولها هنا باهي مازال مافهمنا شنو الفايدة من هال css
نقولولمك غير أستنى يامحترم لازم تفهم ان فيه ناس تخدم بالدايل أب وخطوطها ضعيفة
ومش مهم عندهم انك تدير زحمة وثقل هم ياهمي
لازم تفهم اني نبي نشوف محتوى الصفحة أول حاجة وهذا اللي يهمني مش نشوف عمارات وطرق
اللي مايبيها التقنية حتى هيا ماتبيه
واللي يخدم بيها يقولوها جماعة منظمة w3c
نقولوله منور انت تحترم هذه المواصفات ومستعدين نعطوك أيقون الإحترام هذه
حطها في موقعك يارايق ياراقي
واللي مايبيش يعدل على هالشروط والمواصفات نقولوله أنت
منور ومحترم بس أخطانا لوس سمحت !!! بره ألعب بعيد
يعني غني بروحك
فمثا لاحظوا تصميم او تمبليت مدونة وقفات مافيش كثرة ضجيج
ولاصور عمارات ولاأبراج وصورة ذات العماد وهكي لا لا
بس كلمة مدونة وقفات صغيرونة وجاية في تركينة
حفيفة وهادية
وحتى الخلفية ياحبايب راهي صويرة صغنونة بس مكررة هذا بيش تشوفوا في اللون البني معبي الصفحة مش معناها أنها صورة كبيرة وكانك مش مصدق خزن صورة الخلفية وشوفها كويس يعني ماتنغر باللمحة الأولى للتصميم , رد بالك يزلبحوك عيونك باهي !
يعني من الأاخير كان تخزن صفحة وقفات مثلا بيه مانمشو لبعيد ومانتبعوك تلقاها تطلع كيلوات بالبايت مش بالكيلو زي مانشوفوا في مواقعنا الليبية العسل !!!
واللي يبي يدير زحمة وشوارع وطرق وعمارات في الهيدر يشوف روحه مافيه حد بيقوله لا
بس لازم يعرف حاجة ,, انه يغني بروحه ”
إن شاء الله وصلت المعلومة بالليبي
سلام