أهلاً بالجميع ومرحباً بعودتكم.
حان الوقت لبدأ برنامج البرمجة.
إحدى الأشياء التي لاحظتها على مدار العامين السابقين في التدريس
هى أن الطلاب يختلفون حقًا في الطريقة التي يقومون من خلالها بالمضي قدمًا و
والتعامل مع الأنواع المختلفة من دروس البرمجة.
سيجلس البعض على جهاز الحاسوب، ولن يقرأ الكتاب قط، ويقوم فقط بالاختراق،
والاختراق والاختراق.
قد يكون بعضكم مذنبًا لحد ما لقيامه بقراءة كافة الكتب والاستماع إلى كافة
المحاضرات دون القيام بعمل أى تجربة فعلية لما تحدثنا عنه.
لذلك فإن هذا هو الغرض من هذه الواجبات المدرسية.
هذه هى فرصة أخيرة لك للمراجعة واستذكار بعض دروس البرمجيات و
والتعرف على ما سيحدث عندما تحاول تطبيق أنماط ال HTML الخاصة بك.
لذا فالهدف من هذا الواجب المنزلي هو أنك تظهر لي أنك
بإمكانك كتابة ملف CSS بشكل سليم وإنشاء ثلاثة ملفات html.
سأمضي قُدمًا وأعرض عليكم بعض الأمثلة لما كنا عليه قبل الواجب المنزلي وما نحن عيه بعده.
لهذا الواجب.
لقد وضعت الروابط هنا على الجانب، ولكن
سيتضح الأمر أكثر عندما أريكم كيف يتم اّداء الواجب المنزلي.
والآن دعونا نلقِ نظرة.
،عندما نبدأ
سأعطيكم ثلاثة ملفات HTML لم يتم إنشائها بشكل جيد.
وبالبدء،
ٍنجد فيهم روابط تنقل، وسنجد ثلاثة صور كبيرة جدًا، وبعض الصور الأصغر.
وسنجد فيهم بعد ذلك المحتوى.
كل من الصفحات الثلاثة التي ستطلع عليها كالصفحة الرئيسية، وصفحة المجموعات والسجل، لها محتوى مختلف.
إن ما أريدك أن تفعله هو كتابة قواعد ال css الخاصة بك والتي سيتناولها
هذا النوع من الصفحات، وتحولها إلى شيء يشبه هذا.
الاّن، أعلم أننا لم نقطع شوطًا كبيرًا، ولكن
هذه هى تمامًا الطريقة التي أريدك أن تبدأ بها برمجة.
أريدك ان تجري تغييرات صغيرة ومتزايدة والتي من شأنها أن تأخذك من مستوى
تجد فيه من الصعب القراءة إلى مستوى تجد فيه قراءة البرمجة أسهل بكثير.
لذا دعنا نمضي قدمًا تجاه الأشياء المختلفة التي سنحتاج إلى
تغييرها من أجل الوصول إلى هذا الشكل المنفصل.
أهم ما ينبغي عليك فهمه هو أنه ينبغي عليك ترك HTML وشأنه.
لا أريدك أن تقوم بتغييره على الإطلاق،
فبدلاً من ذلك، أريدك فقط أن تصمم الأشياء وتقوم بتعديلها داخل الورقة النمطية.
والأشياء التي ستحتاج إلى إضافتها هي أنماط تختص
رأس الصفحة والعنوان والقسم والروابط والصور.
لذا، فدعوني أن أمضى قدمًا وأعرض عليكم بالضبط ما تحتاجوا النظر إليه.
فيما يتعلق، بالرأس فهو شيء واضح ومباشر.
أريدك أن تدخل وأريدك أن تضيف لون خلفية.
بالنسبة للعناوين الخاصة بك، كلا من H1 و H2، أريدك أن تقوم بتغيير لون الخط.
تذكر الاّن أن هذا يختلف عن لون الخلفية.
إنه اللون الذي يظهر به النص.
أريدك بعد ذلك أن تتأكد من عرض كافة العناوين بحروف كبيرة.
لذا، فسوف نلقى نظرة سريعة إذا عدت.
يمكنك أن ترى رأسك وقرص الطيران الخاص بك مكتوبان بحروف كبيرة،
بينما يكونان مكتوبان في نسخة HTML بحروف صغيرة.
لذا فأريدك أن تقوم باستخدام CSS لإجراء هذا التغيير.
والشيء الاّخر الذي أريدك أن تفعله بخصوص
العنوان H1 أريد منك ان تقوم بتوسيطه في المنتصف.
قم بعد ذلك بإجراء تغيير سريع على جزء القسم لبرنامج HTML الخاص بك.
أريدك أن تصمم القسم المختلف، بحيث
يكون لون خلفيته مختلف عن باقي العناصر الموجودة في صفحتك.
فلنلقى، بعد ذلك، نظرة على الروابط.
فالتغييرات التي سنجريها هنا غاية في الدقة.
فتبدو غير واضحة للغاية إن لم أقم بإخباركم بالتحديد عن ما
مع ما تبحث عنه
وما أريدك أن تفعله هو أنني أريدك أن تغير لون الخلفية و
ولون خط روابطك.
وبعد ذلك، امضِ قدمًا وقم بتوسيط النص،
بنفس الطريقة التي ستقوم بها بتوسيط نصوص عناوين H1.
أخيرًا، اّخر شيء بالفعل هو أنك تتعامل مع المثال الأول المذكور في صفحة HTML الخاصة بك
بخصوص تلك الصور الضخمة التي تفسد فقط صفحتك.
وحيث أننا لم نتحدث حتى الاّن عن أفضل طريقة لتصميم الصور،
أريدك فقط أن تزيلهم من الصفحة.
لكن تذكر أن هذا قد يكون أصعب جزء من الواجب بأكمله لأنني
لا أريدك أن تقوم بتغيير HTML.
أريد أن تكون تلك الصور هناك.
أريدك فقط أن تستخدم CSS3 لإزالتهم من الصفحة.
لذا فاّمل أن تستطيع، بالنظر إلى هذا المثال والبحث عبر الإنترنت والنظر إلى
ما قدمته من قبل وبعد الشرح، أن تستطيع واجبك المنزلي.
عندما ننتهي من ذلك، سوف نستخدم تصنيف الأقران (النظائر).
وعندما نفعل ذلك، ستعتمد الدرجات على مدى قدرتك على أن
تنهي ما كنا نقوم به بشكل صحيح.
عندما أتحدث عن الجماليات،
فأنا أذكر إن كنت قد اخترت ألوانًا جميلة للخلفية وألوان الخط.
لا نهتم في الواقع بهذا الأمر.
هذا هو أول واجب منزلي لنا.
أريدك فقط ألا تشعر بشيء اّخر سوى النجاح.
ومع ذلك، سيتم تطبيق المعايير المناسبة.
وما أقصده من ذلك هو عدم استخدام أسماء الألوان واستخدام النظام السداسي العشري أو
RGB، وألا تضع كل أدواتك في سطر واحد.
تأكد من أن صفحة CSS النمطية الخاصة بك يسهل قراءتها.
لا تقم بتغيير أي شيء اّخر الاّن من فضلك بخلاف الأنماط التي أسلفت ذكرها.
لأن ذلك يزيد من صعوبة وضع الدرجة.
ولكن لا تقلق.
بالمضي قدمًا في هذه الدورة التدريبية، ستتاح لك الفرصة لكى تضيف لمساتك الفريدة
لشكل عناصر التصميم الخاصة بك.
والاّن كل ما يمكنني أن أقوله لكم " حظ سعيد" و
وتأكد من الولوج إلى لوحات المناقشة هذه إذا كان لديك أى أسألة.