مرحبًا بكم جميعًا، وعودة حميدة.
قمنا فيما مضى بتناول دروس البرمجة سويًا، حيث قمت بالترميز،
وقد قمتم بالترميز معي ووقعنا في العديد من الأخطاء معًا.
مع ذلك، أريد اليوم حقًا أن أقوم بمراجعة البرمجيات
أريدك أن تسترخي وتلقي نظرة على المعلومات الخاصة بالبرمجيات التي كتبتها و
وانظر كيف أن الأشياء الصغيرة التي كنا نتعلمها
تتضافر سويًا لإنشاء صفحات ويب أكثر تعقيدًا.
لذا فلنبدأ ببعض الأشياء المتعلقة ب HTML.
وهنا أذكر أنني لدى رمز يساعد على إنشاء مجموعة من عناصر التقسيم المختلفة.
إن الشيء الوحيد الذي قد يكون جديدًا ولم تره من قبل هو فكرة
فهرس علامات التبويب.
يسمح فهرس علامات التبويب للمتصفح أن يتحرى من إذا ما كان شخص ما يقوم بالتبويب
عبر صفحتك،
تريد في الواقع التركيز على وضع عناصر مختلفة بترتيب مختلف.
لذا ففي هذه الحالة، سيكون أو شيءٍ هو A، ثم C، ثم B وهكذا.
إن هذا هو مجرد مستوى اّخر من الشرح أريد أن أقدمه
لكم في درسنا الخاص بالبرمجة.
والشيء الوحيد الاّخر الذي أردت منكم معرفته في درس ال HTML هو أن اّخر إصدار من عنصر التقسيم ( DIV)
يتمتع بفئات وتأثيرات حركية.
لقد جعلت هذا الشيء مختلفًا بعض الشيء حتى يمكنك النظر إلى الانتقالات و
والتحولات التي تتم.
لذا، دعنا نمضي قدمًا ونلقي نظرة على CSS ونتعامل مع المتصفح.
والاّن، عندما نبدأ من أعلى، يمكنك أن ترى أنني قمت للتو بالبدء بعناصر التقسيم
حيث تكون في شكل مربعات صغيرة حتى يمكنك رؤية المحتويات
ولم يتم اختلاط جميعها ببعضها كثيرًا.
إن الشيء الوحيد الذي لم تجربه بعد
بنفسك في درس البرمجة الخاص بك، هو فكرة التنقل بسهولة في ثانيتين.
ويسمح هذا للمتصفح أن يعرف أنه عندما نريد تغيير الحالات،
فإننا نستغرق حوالي ثانيتين ويتم ذلك بسهولة.
لكن أولاً، دعونا نلقى نظرة على سنقوم بالتركيز عليه.
وأقول أن تركيزي يكون منصبًا على تغيير لون الخلفية.
إذًا فالاّن، عندما أذهب إلى متصفحي،
سأبدأ بجدولة العناصر المختلفة.
وعندما أفعل ذلك، يمكنك أن تراها جميعها مضيئة.
سأقوم بتحديث الصفحة، لأن الصفحة التي توقعت أن أذهب إليها أولاً لم تُفعل.
وذلك لأني كنت أقوم بالتبويب قبل أن نبدأ حتى في الكتابة.
فلنتابع.
يتغير لون A، ثم C، ثم B.
ويمنح ذلك المستخدم بالقدرة على الذهاب إلى الأقسام الأكثر أهمية أولاً.
والاّن، بعد أن تناولنا عنصر التركيزـ سنتحدث عن خاصية الوقوف بالفأرة على عنصر ما.
والاّن عندما نقف بالفأرة على عنصر ما، ما أقوله هو أن أجعل العرض 200 بكسل،
فقد كان 100 بكسل، وأغير لون الخلفية.
لنلقي نظرة
سأقوم بإلقاء الضوء على C هنا، ثم B، ثم A بعد ذلك.
ويمكنك أن تلحظ أن عملية الانتقال هنا سهلة ولطيفة للغاية.
ولكن إحدى الأشياء التي أريدكم أن تلاحظوها هو عندما لا أقف على أى شيء
سيكون لدينا بالفعل من A حتى F في السطر العلوي
و G و I في الأسفل.
عندما تبدأ في المضي قدمًا بتغيير الأشياء ديناميكيًا بشكل مبالغ فيه،
فإنك بذلك ستفسد كل شيء.
لذا فتأكد من التعامل مع ذلك بالشكل الصحيح.
حسنًا، دعونا نتناول الشيء المثير الأخير.
إن كنت تتذكر، لقد قمت بتصميم عنصر التقسيم
وجعلته أكثر حيوية وفاعلية حيث أنني استخدمت الرسوم المتحركة.
والاّن، فالاختلاف الوحيد هو أن لون الخلفية يميل إلى الأخضر،
لكنني أريد أن أوضح لكم ماذا يحدث عندما أقف عليه.
حينما أفعل ذلك، سأحدث تحولاً حيث أقول
أنني سأقوم بتدوير هذا 360 درجة.
وبالإضافة إلى ذلك، بدلاً من أن تكون نسبة ألعتامه 0.4، مما يعني ارتفاع نسبة تعتيمها نوعًا ما،
امسحها قليلاً، ثم اضبطها على اللون الكامل.
ها نحن ذا
أعتقد أنه رائع
قمنا بالتدوير.
عندما ننتهي من الوقوف فوقه بالفأرة، تجده يدور للخلف.
هذه هي الأشياء الممتعة التي يمكنك إضافتها لصفحتك عندما
عندما تتعلم كيفية البرمجة لأول مرة, والتي ستمنحك حقًا هذا الإحساس،
مرحبًا، أنا أفعل ذلك، إنني أجعل الأشياء تتغير.
إذًا فما أحفزك حقًا على فعله الاّن هو الرجوع والقيام بمراجعة المحاضرة الخاصة بالانتقال،
ومراجعة المحاضرة الخاصة بالتحويل، والتأكد من رؤيتك لهذه المفاهيم
الاّن أكثر منطقية بالنسبة لك إذا رأيت البرمجة وهى تتم.
واّمل أن تتعامل بسهولة مع البرمجة هذه، وتقوم بتغيير القيم، و
وتستمتع حقًا بها.
لذلك، حظاً سعيدًا.