المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : دورة Css3 و HTML5


المصمم
13-12-2014, 09:53 PM
بسم الله الرحمن الرحيم

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

والصلاة والسـلام عـلى أشـرف المـرسلـين.

http://digitalworkshopcenter.com/wp-content/uploads/2014/10/html.png

http://feedgrids.com/originals/images/uploads_post/html5_CSS3.jpg

كأول سؤال بديهي يمكن أن يـطرح !!! كيف تشتغل مـواقع الويـب ؟؟

جمعيكم تفتحون في كل يوم متصفحا مثل غوغل كروم أو فايرفوكس وتزورون مواقع عدة مثل غوغل والفايسبوك .. الخ لكن دائما هناك سؤال يتبادر الى دهنكم كيف تشتغل هده المواقع ؟ كيف يمكن انشاء مواقع مماثلة ؟

لكن دعونا نبدأ أولا بتوضيح العلاقة التي تجمع CSS3 و HTML5 ؟ وهل لهم علاقة مباشرة مع كيفية اشتغال المواقع ؟




الجواب على هـدا السـؤال بسيـط وهو أن كل من CSS3 و HTML5 هي لغات معلوماتية أو بالمعنى الادق برمجية تسمح بانشاء المواقع، وأن جميع المواقع الموجودة على النت ترتكز في الأساس على هده اللغات

وبكل بساطة HTML و CSS هي لغات يتوجب علينا تعلمها حتى نتمكن من انشاء المواقع لكن سيطرح البعض سؤال مهم لمادا الاثنين وليس HTML وحدها أو CSS وحدها ؟

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

وكما قلت البعض سيقول لمادا نقوم بتعلم لغتين مع بعض وهدا قد يكون أصعب من تعلم لغة واحدة والمرور بعد دلك للاخرى لكن الحقيقة أن HTML و CSS هي لغات تكمل بعضها وأن تعلم كلا اللغتين في نفس الوقت هو كسب للوقت .. واليكم تعرف بسيط يشمل كـل لغة على حـدا :

HTML = HyperText Markup Language هي ظهرت في سنة 1991 أي مع انطلاق الويب دورها الأسياسي هو تنسيق وتنظيم المحتوى أي أن من خلال هده اللغة سنضيف محتويات للموقع نصوص - فقرات - عناوين - روابط -صور .. الخ

CSS = Cascading Style Sheets دور هده اللغة البرمجة وهو تنظيم واعداد المظهر الخاص بالصفحة حيث يمكننا تغير الخطوط وألوانها واضافة خليفات للصفحة خاصيات التمركز .. أي كل ما يتعلق بالمظهر الخارجي للصحفة وظهرت هده اللغة سنعة 1996 لكل تكمل HTML

هناك من يسمع بلغة اسمها XHTML وحتى تتضح الأمـور هي لغة تبنتها منظمة W3C سنة 2000 لكي تكون بديلة للغة HTML لكن تم التخلي عن هدا المشروع سنة 2009 بعدما وجدو عدة مشاكل تتعلق بها وعادو من جديد لتطوير لغة HTML وأعلنو عن النسخة الحالية HTML5

وقبل ان اختم هذا الموضوع أود استعراض المراحل التاريخية لتي ميزت HTML و CSS :

كما قلت لكم في البداية ظهرت لغة HTML سنة 1991 بمجهودات الباحث والعالم Tim Berners-Lee بعد دلك ظهرت HTML2 سنة 1992 لكنها لم تعمر طويلا ليتم الاعلان عن HTML3 سنة 1996 وهاته المرة كان الاعلان من خلال W3C التي تبنت اللغة كما قلت وأصلا Tim Berners-Lee هو من أسس هده المنظمة المهم HTML3 عرفت عدة تطويرات وتحسينات وبعد دلك تم الاعلان عن HTML4 سنة 1998 وهي النسخة الاكثر انتشارا في الوقت الحالي والاكثر استعاملا مند دلك الحين وعرفت هده اللغة عدة تطويرات شملت عدة جوانب والأهم أنها مكنت الجميع من ادماج لغة CSS واستعمالها ..

وأخيرا HTML5 وهده النسخة الحديثة التي أتت بالكثير من التطويرات لكنها مازالت في بدايتها رغم كونها أفضل وأحسن لكن المبرمجين القدامى لا يمكنهم التخلي ببساطة عن النسخة السابقة خاصة وأن هدا يحتاج تكوين خاص في HTML5

فيما لغة CSS ظهرت سنة 1996 وظهرت النسخة الثانية من هده اللغة في 1999 وحملت تطويرات أكبر وشملت العديد من الأمور قبل أن يتم الاعلان عن CSS3 مؤخرا والتي بطبيعة الحـال شملت عدة تطويرات مهمة

وللتذكير فقط هده النسخ أي HTML5 و CSS3 ليست نسخ نهائية قد تعرف مستقبلا بعض التعديلات البسيطة لكنها بدون شك مستقبل الويب ..

قائمة تشغيل الخاصة بدورة Css3

https://www.youtube.com/playlist?list=PLXQEaUptIwxqWlcMGkA3e5NGUAEuPKsSJ

قائمة التشغيل الخاصة بدورة HTML5

https://www.youtube.com/playlist?list=PLXQEaUptIwxqB3mP8ObcAtWQl8Hx4UR-F

azizsoft
13-12-2014, 10:44 PM
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

بارك الله فيك أخانا المصمم

:abc_022:

أبو يوسف
14-12-2014, 04:57 PM
جزاك الله خيرا اخانا المصمم وبارك الله فيك :abc_152:

abohmam
14-12-2014, 09:06 PM
وعليكم السلام ورحمة الله وبركاته

شـكــ وبارك الله فيك ـــرا لك

بارك الله فيك أخي المصمم