لا يمكن التعرف على الويب اليوم تقريبًا منذ الأيام الأولى لاستخدام white pages مع قوائم blue links. الآن، صُممت المواقع بتصميمات معقدة للصفحات وخطوط فريدة وأنظمة ألوان مخصصة. سيوضح لك هذا المساق أساسيات أوراق الأنماط المتتالية (CSS3). سيكون التركيز على تعلم كيفية كتابة قواعد CSS ، وكيفية اختبار الرمز، وكيفية إنشاء عادات برمجة جيدة. عندما يتحقق بشكل صحيح، يمكن أن يؤدي تصميم صفحة الويب إلى تطوير صفحتك. عند القيام بذلك بطريقة غير صحيحة، قد تكون النتيجة أسوأ من عدم وجود تصميم على الإطلاق.
. للتأكد من أن مواقعك لا تضع حواجز أمام الأشخاص ذوي الإعاقات المعرفية و / أو الجسدية، سوف تتعلم كيفية تقييم الصفحات باستخدام إرشادات POUR الموحدة لإمكانية الوصول . عند الانتهاء من المساق، سيتمكن المتعلمون من رسم تصميم لصفحة HTML معينة. بفضل استخدام هذا التصميم، سيستخدمون CSS لتنفيذ التصميم عن طريق إضافة الخطوط والألوان وتصميم الصفحات.
يُعد هذا المساق الثاني في تخصص تصميم مواقع الويب للجميع. تركز المساقات اللاحقة على زيادة التفاعل مع جافا سكريبت وتطوير التصميم باستخدام التصميم سريع الاستجابة.
قد يصعب إكمال هذا المساق إذا لم يكن لديك جهاز حاسوب محمول أو حاسوب مكتبي لأداء الواجب المنزلي.
مرحبًا بكم في مقدمة CSS3! ستتعلم في هذا المساق كيفية تصميم صفحاتك من خلال الاستفادة من قوة CSS3. سنركز على كل من البنية الصحيحة (كيفية كتابة قواعد التصميم الخاصة بك) وأهمية تصميم إمكانية الوصول (التأكد من أن تصميمك يعزز موقعك، لا يجعل التصفح أكثر صعوبة). من المهم جدًا أن تتأهب لارتكاب الأخطاء المطبعية في هذا المساق. الطريقة الوحيدة لفهم المادة حقًا هي التدرب على كتابتها بنفسك كلما أمكن ذلك.
Das ist alles enthalten
8 Videos8 Lektüren1 Aufgabe1 peer review
Infos zu Modulinhalt anzeigen
8 Videos•Insgesamt 80 Minuten
01-01 مرحبًا بكم في هذا المساق•8 Minuten
01-02 أوراق الأنماط المتتالية•17 Minuten
01-03 الألوان•9 Minuten
01-04 إعداد نمط النص الخاص بك•12 Minuten
01-05 وضع الرموز معًا•9 Minuten
01-06أ العرض والرؤية – الجزء الأول•12 Minuten
01-06 ب العرض والرؤية – الجزء الثاني •8 Minuten
01-07 اختياري – وصف الواجب المنزلي•5 Minuten
8 Lektüren•Insgesamt 59 Minuten
الخطة الدراسية•10 Minuten
المصادر•10 Minuten
ساعدنا في معرفة المزيد عنك!•10 Minuten
إنشاء صفحة موقعك الإلكتروني الأول•10 Minuten
الوضع المبكر للرموز•3 Minuten
وضع الرمز•5 Minuten
وصف الواجب المنزلي الأول•10 Minuten
مراجعة الزملاء•1 Minute
1 Aufgabe•Insgesamt 30 Minuten
الأنماط النحوية والنظريات•30 Minuten
1 peer review•Insgesamt 60 Minuten
موقعك المُصمم الأول•60 Minuten
الأسبوع الأول: الشروع في التصميم البسيط
Modul 2•5 Stunden abzuschließen
Moduldetails
إن الألوان والخطوط هي مجرد بداية لوضع نمط الصفحة. حيث أن الشيء الجيد تجاه البدء بهذه الخوص هو أنها عادة ما تكون مباشرة جدا للقيام بتنفيذها. يمكنك اختيار لون وطريقة الانبثاق – للحصول على نتائج فورية ومتوقعة. هذا الأسبوع ننتقل إلى خواص جديدة تتطلب قليلا من التعديلات للحصول على النتائج المرجوة. وعلى وجه الخصوص، سنتحدث عن النموذج المربع وصور الخلفية والتعتيم والتعويم والأعمدة والرؤية والتصميم لمختلف المتصفحات.
هل سبق أن لاحظت على صفحة ويب أن بعض الروابط زرقاء اللون وأخرى أرجوانية اللون، استناداً إلى ما إذا قمت بالنقر فوق الروابط؟ كيف يمكن تصميم بعض وسوم الإرساء وليس غيرها؟ ستعرف هذا الأسبوع كيفية وضع نمط الفئات الزائفة (على سبيل المثال، رابط تمت زيارته، عنصر تدور الفأرة حوله) والعناصر الزائفة (على سبيل المثال الحرف الأول من عنوان، السطر الأول من الفقرة (. ليس من الصعب أن نضع أنماط لهذه العناصر، ولكن الأمر يتطلب ترميزاً دقيقاً. كما أنها أيضاً الخطوة الأولى لإضافة حركة بسيطة إلى موقعك. نُنهي هذا الأسبوع بتناول موضوع التموضع – كيفية تثبيت العناصر في جزء مُحدد من صفحتك. فكر في الإعلانات المُنبثقة المُزعجة. كيف للمُبرمجين أن يجعلوها ثابتة في منتصف الشاشة رغم أنك تحاول باستمرار طرحها بعيدًا.
Das ist alles enthalten
5 Videos5 Lektüren1 Aufgabe
Infos zu Modulinhalt anzeigen
5 Videos•Insgesamt 29 Minuten
03-01 الفئات والعناصر الزائفة•4 Minuten
03-02 عمليات الانتقال•6 Minuten
03-03 عمليات التحويل•5 Minuten
03-04 وضع الرموز معًا – عمليات الانتقال•4 Minuten
03-05 التموضع•10 Minuten
5 Lektüren•Insgesamt 7 Minuten
المصادر•1 Minute
قراءات اختيارية – عمليات الانتقال والتحويل والتحريك•2 Minuten
التموضع•2 Minuten
لماذا لم يُجرى تقييم الزملاء في هذا الأسبوع؟•1 Minute
بعض الروابط المُسلية•1 Minute
1 Aufgabe•Insgesamt 30 Minuten
الاختبار النهائي•30 Minuten
الأسبوع الرابع: ربط كل الأمور ببعضها البعض
Modul 4•2 Stunden abzuschließen
Moduldetails
سأجري قليلًا من المراجعة عن الرمز. وسأخبرك بطريقة استخدامي للفئات والعناصر الزائفة لإعداد جدول. وبعد ذلك، سأُريك إيضاحًا بشأن ثلاثة أشرطة تصفح مختلفة تستعمل خيارات تصميم متباينة. نود الرجوع خطوة إلى الوراء والتحدث عن كيفية تأثير هذه الخيارات الثلاثة المختلفة على إمكانية الوصول إلى موقعنا. تتمثل المرحلة النهائية لإتمام هذا المساق في إنجاز مشروع تقييم الزملاء. ستحظى بفرصةٍ لإثبات قدرتك على اتباع التوجيهات الخاصة بالتصميم مع إضفاء لمستك الشخصية الخاصة على المشروع. تذكر فقط أنه يلزمك التحقق من صحة عملك لتحقيق البُنية وإمكانية الوصول على نحوٍ سليم.
Das ist alles enthalten
7 Videos3 Lektüren1 peer review
Infos zu Modulinhalt anzeigen
7 Videos•Insgesamt 34 Minuten
04-01 تصميم الجداول•5 Minuten
04-02 إعداد قوائم التصفح•4 Minuten
04-03 التصفح المُتاح•7 Minuten
04-04 إعداد قوائم التصفح 2•3 Minuten
04-05 إعداد قوائم التصفح 3•6 Minuten
04-06 اختياري – وصف الواجب الدراسي•6 Minuten
04-07 الخاتمة•3 Minuten
3 Lektüren•Insgesamt 10 Minuten
المصادر•1 Minute
اختياري: تغيير على إمكانية الوصول إلى العناوين•2 Minuten
وصف المشروع النهائي•7 Minuten
1 peer review•Insgesamt 60 Minuten
تصميم جدول•60 Minuten
ما هي الخطوة التالية؟
Modul 5•25 Minuten abzuschließen
Moduldetails
إذا كنت تود إجراء المزيد في الوقت الحالي بعد الانتهاء من هذا المساق، لدي عدد لا بأس به من التوصيات. أهم ما في الأمر هو أنك ستواصل ممارسة مهاراتك وسيكون لديك شيء ما تعمل عليه.
Das ist alles enthalten
5 Lektüren
Infos zu Modulinhalt anzeigen
5 Lektüren•Insgesamt 25 Minuten
خيارات كورسيرا•1 Minute
موقع كودكاديمي – البرامج التعليمية الأخرى الخاصة بالشارات•2 Minuten
The mission of the University of Michigan is to serve the people of Michigan and the world through preeminence in creating, communicating, preserving and applying knowledge, art, and academic values, and in developing leaders and citizens who will challenge the present and enrich the future.
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I purchase the Certificate?
When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.
Finanzielle Unterstützung verfügbar, weitere Informationen
¹ Einige Aufgaben in diesem Kurs werden mit AI bewertet. Für diese Aufgaben werden Ihre Daten in Übereinstimmung mit Datenschutzhinweis von Courseraverwendet.