أولا
ما هى Css ؟ وما هى مميزاتها ؟
 |
| ما هى Css |
السلام عليكم ورحمة الله وبركاته. الحمد لله ، والصلاة والسلام على رسول الله ، وعلى آله وصحبه أجمعين.
سوف نتعرف بإذن الله فى هذه التدوينة عن تعريف بسيط بـ Css . وستكون هذه التدوينة بإذن الله هى أولى التدوينات الخاصة بتعليم Css . والتى ستكون هنا فى مدونة | ساندى ديزاين | Sandy Design | .
Css هي اختصار لـ cascading style sheets
معناها الحرفي هو صفحات الانماط المتراصه ، أو صفحات الأنماط الانسيابية.
Css هي ليست لغة كما يعتقد الجميع هي عبارة عن صفحات تهتم بشكل وتنسيق صفحات الموقع، من ألوان وخطوط وخلفيات وضور وما إلى ذلك من إضافات جمالية للموقع.
لماذا ظهرت الـ Css ؟؟ سبب ظهور Css أن بعض المتصفحات لا تدعم بعض الأكواد الخاصة بجماليات الموقع، فكل متصفح يحتاج إلى كود مختلف عن الكود الذى يحتاجه متصفح آخر، وهذا من الصعوبة بمكان، وقت .. جهد .. أكواد !! . فظهرت الـ Css لتوحيد الأكواد لجميع المتصفحات، فلا تتغير من متصفح إلى متصفح آخر.
تقوم الـ Css بتنسيق الألوان والخلفيات والصور والخطوط المكتوبة متلاً بلغة الـ Html ، كما يمكن عمل التنسيق بلغة الـHtml دون الحاجة إلى صفحات Css خارجية، ولكن ذلك سيكون صعباً. فمن السهل واليسير والمفضل أيضاً والمعتمد عالمياً ، أن يكون التنسيق وصفحات الـ Css خارجية بعيداً عن أكواد الـ Html .
هل للـ Css مميزات؟؟ طبعاً بالتأكيد لها مميزات عدة سأذكر لكم بعضاً منها:
تقوم الـ Css بفصل محتوى الصفحة عن مظهرها ولهذا مميزات عدة:
- تجعل شكل الصفحة أسهل وأبسط بحيث تقوم بفصل محتوى الصفحة عن مظهرها، أى فصل أكواد الـ Htmlعن أكواد الـ Css
- وتتيح لنا ايضاً وضع عدة مظاهر للمحتوى الواحد مما يلبي أذواق متعددة، ولنذكر هنا مثال لذلك ، كأن تصمم موقعاً لمن يتصفح من جهاز الكمبيوتر ، وموقعاً لمن يتصفح من الجوال ، وموقعاً لمن يتصفح من بلاك بيرى ، كل هذا باستخدام أكواد بسيطة وسهلة ، ويغنيك عن إعادة تصميم الموقع ثلاث مرات أو أكثر ليتناسب مع كل الأبعاد.
- ملف الأنماط المكتوب بلغة الـ Css يمكن تضمينه في عدة صفحات بحيث عندما ترغب في تغيير الشكل فإنك تقوم بالتعديل في ملف واحد فقط مما يكون فيه سهولة وسرعةأاكبر في عمل التعديلات المطلوبه.
وللـ Css مميزات كثيرة ونكتفى بما ذكرنا، وسوف نتعرض لها فيما بعد من خلال الدروس والتطبيقات العملية بإذن الله.
إن لغة Css يمكننا كتابتها من خلال أى محرر ، ابتداءً بالمفكرة NotePad .وهناك برامج تسهل عملية كتابة الـ Cssويختصر لك الكلمة لتكملها بكل سهولة، مثل الدريم ويفرAdobe Dream Weaver والاكسبريشن ويب. Microsoft Expression Web.
وننصح المبتدئين في بداية طريقهم أن يستخدموا برنامج المفكرة NotePad الخاصه بالويندوز فى كتابة الأكواد ، وذلك لتسهيل حفظ الأكواد جيداً ، ثم وبعد ذلك استخدم البرامج المتقدمه التى تيسر لك الكتابة، وتوفر الوقت والجهد.
ثانيا
ما هي لغة HTML اتش تي ام ال
مفهوم – لغة HTML اتش تي ام ال، هي لغة النصوص التشعبية و بالإنجليزية Hypertext markup language أو كما تعرف بـ HTML ، هي اللغة التي تستخدم في انشاء و تصميم صفحات و مواقع الويب و تعتبر الهيكل الرئيسي لأي صفحة أو موقع علي الويب.
لا تعتبر لغة الـ HTML لغة برمجة و لكنها تستخدم في اعطاء الأوامر لمتصفح الانترنت وترشده فيها الي طريقة عرض الصور والروابط والنصوص والأشياء الأخري التي تحتويها الصفحة و أماكن عرض كل منها داخل الصفحة، كما تقوم بإمداد المتصفح بالمعلومات الخاصة بالصفحة مثل عنوان الصفحة و وصفها و الكلمات الدلالية الخاصة بها .
يجب أن يكون مصمم أو مبرمج المواقع علي دراية جيدة بلغة الـ HTML حيث أنها البنية الأساسية لأي صفحة علي الويب، كما أنه من السهل تعلمها و التعامل معها فهي لا تطلب منك أي خبرة مسبقة عن أي لغة برمجة.
تم إصدار أول نسخة من الـ HTML عام 1991 و منذ ذلك الحين واللغة في تطور مستمر حتي صدرت أحدث نسخة و هي HTML5 عام 2012 و التي تحتوي علي العديد من المميزات و الخصائص الجديدة و المفيدة.
من السهل تعلم الـ HTML فهي لا تتطلب أي معرفة مسبقة بأي لغة برمجة.
ليست هناك تعليقات:
إرسال تعليق