مرحبًا بالجميع.
مرحبًا بكم في مقدمة إلى CSS3.
على مدى الأسابيع الأربعة القادمة، سنتعلم كيف نقوم بتبسيط البرمجة المتعلقة ب HTML
ونحوله إلى شئ جميل حقاً.
إذًا مالذي سنقوم به على مدى الأسابيع الأربعة المقبلة.
حسنًا، سينصب التركيز الأساسي على التعرف على صفحات التصميم.
سنتحدث عن السبب الذي من أجله تعد هذه الطريقة الأفضل للتنسيق من تلك الطريقة التي
اعتاد الناس على استخدامها في أوائل الألفيات و أواخر التسعينات.
فيما يلي ستتعلم الصياغة.
وبمجرد أن تعرف أنها أفضل طريقة لاستخدامها،
كيف يمكننا أن نتأكد من أنك تقوم بالبرمجة بشكل جيد؟
بمجرد أن نتعرف على الصياغة، سنمضي قدمًا و
وسنتحدث أيضا عن أدوات التطوير.
عندما تقوم بتصميم موقع، فمن النادر جدًا أن تقوم بالترميز هنا
ولا تنظر إلى اليسار أو إلى اليمين أو تبحث على الإنترنت.
ومع ذلك، ستستخدم أدوات أخرى لترى كيف يمكنك تغيير ترميزك.
دون الحاجة إلى كتابة الترميز مسبقًا.
أخيرا، كالعادة، سنتحدث عن مشكلات إمكانية الوصول للمحتوى.
إنه من الممتع دائمًا إضافة الألوان وتأثيرات حركية وأشياء جذابة لصفحتنا.
وعندما نقوم بذلك،
نريد أن نتأكد من أننا لم نقم بذلك على حساب سهولة الوصول للمحتوى.
نريد أن نتأكد أن الجميع يشاهدون كل شي على صفحتنا.
لذا دعونا نتحدث عما سنفعله خلال كل أسبوع من الأسابيع الأربعة القادمة.
في الأسبوع الأول, سيكون التركيز منصبًا فقط على كيفية البدء واكتساب بعض الخبرات
واكتساب بعض الثقة في قدرتك على عمل ذلك.
سنبدأ بالحديث عن الثلاث طرق الشائعة في تصميم الكود.
وعندما نقوم بتغطية هذا، سنتحدث عن كيفية عمل هذه الطرق،
وما هي أفضل الطرق في الحالات المختلفة.
والأشياء المختلفة التي تشعرك بالثقة في أنك تعرف كيف
تنسق صفحتك بأفضل شكل مناسب في أى حالة محددة.
ومن ثم سنتحدث عن أساسيات تنسق الخطوط.
ومع نهاية الأسبوع الأول، أريدكم حقًا أن تكونوا قادرين على التعامل مع صفحة ويب
وتقوموا بتغيير شيء واضح حقًا.
هل تستطيع تغيير النص ليصبح الخط متشابك أو تحته خط أو
بلون مختلف؟
وأخيرا سنتحدث بإيجاز عن وضع العناصر على الصفحة.
سيكون هذا جزءًا هامًا خلال الأربعة أسابيع بأكملها.
في هذا الجزء سنحاول استكشاف كيف يمكن وضع عنوانك هنا أو
صورة هناك.
ويمكن أن يكون هذا أمر محير ولكنه على ما يرام.
لأننا سنكرره أسبوعا بعد أسبوع.
وفي الأسبوع الثاني، سأتحدث عن شيء يطلق عليه نموذج المربع "الصندوق".
هذا مفهوم شائع جدًا لأي مطور وقع ويب،
لأننا نتحدث عن كون كل عنصر من عناصر صفحتك وكأنه يمثل مربعًا(صندوقًا) بالفعل.
ومن ثم سنتحدث عن تنسيق الروابط والقوائم.
ونحن جميعًا نحب الروابط على صفحاتنا.
الويب (الشبكة) عبارة عن شبكة لأنها تحتوي على روابط' ذلك كيف يمكن جعلها تبدو رائعة حقا؟
بعد ذلك ، سنتحدث عن محددات متقدمة.
في بداية الدورة سنكون حذرين جدًا عند تنسيق
العناصر البسيطة مثل القائمة أوالفقرة او العنوان.
ومن ثم سنتحدث عما إذا أردنا تنسيق بعض الروابط فقط
وليس جميعها؟
سنتحدث في نهاية المطاف عن إمكانيات المتصفحات.
تمامًا كحينما تعلمت عن HTML5،
إن بعض المتصفحات تدعم بعض العلامات (tags) وبعضها لا يدعمها.
وعلى نفس المنوال ، تتعامل المتصفحات مع ال CSS بشكل مختلف.
وأريدكم أن تتعرفوا على أفضل طريقة للتعامل معه.
في الأسبوع الثالث، سنتحدث عن ال الفئات المستعارة (pseudo classes) والعناصر.
هذه فكرة رائعة عن كيفية جعل بعض الأشياء تحدث
عندما نحرك مؤشر الفأرة في أرجاء الصفحة.
كما سنتحدث أيضًا عن تنسيق بعض الأشياء مثل
اّخر فقرة في الصفحة أو أول فقرة.
سنتحدث أيضًا عن الانتقالات.
هذه هي طريقة تغيير شكل إحدى العناصر الموجودة في الصفحة
وهى مشابه جدا لفكرة التحولات.
التحول عبارة عن كيفية تدوير الأشياء على الصفحة وإمالتها
وتكبيرها وتصغيرها وعمل أشياء أخرى.
أخيرا، سنتحدث مرة أخرى عن تحديد الأماكن
كيف نضغ الأشياء في مكان ما وتبقى هناك على طول الوقت.
وقد رأينا جميعًا القوائم المنبثقة المزعجة ومختلف الإعلانات المنبثقة.
الآن يمكنكم عمل إعلاناتكم المنبثقة المزعجة.
في الأسبوع الرابع، لن نقوم بتغطية أى مادة جديدة.
ومع ذلك، ستكون هناك نماذج كثيرة والمزيد من الأمثلة والنماذج.
على وجه الخصوص، أريد أن أريكم طرقًا مختلفة يمكننا من خلالها تنسيق الجدول و
طرقًا مختلفة لتنسيق قائمة التنقل.
والجزء الأكبر من الأسبوع الرابع، ستقضونه في العمل على المشروع النهائي.
لذلك أريدكم أن تعرفوا مباشرة لمن هذه الدورة وما إذا كنتم متأهبين و
ومهتمين بحضورها.
قبل كل شيء، لا تحضر هذه الدورة إلا اذا كنت تعرف ال HTML5.
ربما قد تكون تأخذ دورة فيها.
ربما تكونوا قد قرأت عنها على شبكة الإنترنت ولكنكم تريدون أن تشعروا بالارتياح
إذا ذكرت أشياء مثل العلامات (tags) أو العناصر أو التحقق.
كما أن هذه الدورة أعدت لذوي الإصرار.
لن تسطيع أبدًا أن تبرمج صفحتك من أول مره بالشكل الصحيح.
حتى من المرة الثانية و في بعض الأحيان من الثالثة أو الرابعة أو الخامسة.
فالأمر في الحقيقة يتعلق بالاستمتاع الكامل بالرغبة في
تشغيل شيء ما والشعور بإحساس الانتصار عندما يحدث هذا.
وأخيرًا، فإن هذه الدورة أعدت من أجل
أولئك الذين يريدون أن يمارسون أكثر مما أعطيه في هذه المحاضرات..
هناك فقط الكثير من المعلومات التي يمككني أن أعطيها لكم.
ويرجع الأمر لكم لممارسته وتغييرها وتعديلها و
ومحاولة ملاحظة ماذا يحدث خلاف ما سأعرضه عليكم.
لذلك إذا أردتم معرفة المزيد عني ولماذا اخترت أن
أقوم بتدريس هذه الدورة ، إليكم بعض المعلومات الأساسية.
لدي شهادة دكتوراه في علم الحاسوب.
ولكن في حقيقة الأمر، هذا حقًا هو أقل جزء أهمية.
فكل ما أمتلكه هو عقدين من الخبرة في مجال التدريس.
وخلال هذا الوقت، قمت بالتدريس لعدد كبير من الطلاب
وتناولنا عدد ًا كبيرًا من الموضوعات.
وفي الواقع وجدت نفسي مستمتعًا بتوضيح الأشياء بطرق مختلفة و
في الواقع استمتع بالتواصل مع الطلاب الذين قد يكون لديهم أسئلة أكثر.
تركيزي خلال فترة التعليم دائما ما كان داخل غرفة الفصل.
ومساعدة الطلاب على معرفة الأخطاء والجلوس معهم كل على حدة.
والجزء الأكبر من هذه الدورة سيكون مباشرًا جدا.
في كل أسبوع، سيكون هناك امتحانًا قصيرًا عادة عبارة عن اختيار من متعدد.
والأهم من ذلك، ستأخذ واجبات منزلية أسبوعية تقييمية.
لأنني أستطيع أن أتحدث عن كل ما أريد بخصوص ال CSS حتى يمكنك كتابة الأشياء على الحاسوب و
والتعامل معها و لن يكون هناك بالفعل أى طريقة أخرى لتتعلمها.
لذا في كل أسبوع سيكون مع كل طالب نفس ال HTML.
وسوف تقوم بتصميم شكل صفحتك الأنيق.
إن الواجب النهائي الذي ستقيمونه لبعض هو واجب الأسبوع الرابع.
سيتسم هذا الواجب بالثراء حتى يكون باستطاعتك تصميم شيئًا يمكنك أن
تشعر بأنك فخور به مع إطفاء طابعك الفريد عليه.
إذا دعونا نتحدث عن كيفية اجتياز هذه الدورة.
في العالم المثالي يمكنكم أن تلتقوا مع أصدقائكم وتصمموا البرامج معا وتتعلموا
من أخطائكم كما يمكن أن تتعلموا من نجاحاتكم.
لذا عندما لا نمتلك تلك التجربة الفردية
تأكدوا من استخدامكم للوحات الرسائل.
ليس فقط من أجل طرح الأسألة ولكن للاطلاع على الأسألة التي يطرحها الاّخرون.
وهكذا يمكنكم أن تتعلموا الكثير.
في الحقيقة لا يمكنني التأكد بشكل كافي من أنني لا أريدك أن تشعر بأنني أحرجك.
أو أنني أقوم بإرباكم ببعض المشكلات.
إذا كنت تقوم بعمل شيء ما ولا زالت متعثرًا فيه
لأكثر من 15 دقيقة فاستمر.
هذا هو ال CSS هذا هو التنسيق.
دائما هناك شيئا ما تستطيع تغييره و
تستطيع إيجاد شيئا اّخر تفضل العمل عليه.
تأكد من أنك تجد الأشياء بمفردك.
ليس هناك طريقة استطيع من خلالها تعليمكم كل ما تريدونه.
ولهذا السبب تستطيع البحث على ألإنترنت عن مصادر أخرى و
ترى إن كان هناك شيئًا ما تريد إعادة إنشاءه.
أخيرا من المهم حقًا أن تمارس ذلك بقدر ما تستطيع.
إذا قت بالقليل مما هو مطلوب منك في هذه الدورة وسررت بهذا،
فهذا عظيم.
أنا مسرورة لأنكم قادرون على تعلم شيء ما.
لكن إذا رغبتم حقًا أن تصبحوا مطوري صفحات ويب، فإنه
من المهم جدا أن تستمتعوا بما تفعلوا وتمضوا قدمًا بمفردكم.
وتصمموا شيئًا جميلاً بقدر استطاعتكم.
لذا أرحب بكم جميغًا في هذه الدورة وأنا متلهفة
لانضمامكم إلينا ونحن نتعلم أكثر عن أوراق التصميم المتتابعة.
شكرًا.