كان من المعهود فيما مضى أن يرى كل شخص صفحات إنترنت على شاشة لها نفس الحجم تقريبًا. ولكن مع انبثاق ثورة استعمال الهواتف الذكية للدخول إلى شبكة الإنترنت، تغير عرض التصاميم كليًا. يتوقع الأفراد في الوقت الراهن أنها ستعمل بصرف النظر عن المنصة (هاتف ذكي أو جهاز لوحي أو جهاز حاسوب محمول أو جهاز حاسوب مكتبي). ويُطلق على تلك الإمكانية المتعلقة بالاستجابة لأي منصة التصميم سريع الاستجابة. وسيتعمق هذا المساق في المعارف الأساسية للغة CSS3 ليحوي موضوعات من قبيل الإطارات السلكية والتصميم السلس واستعلامات الوسائط واستخدام نماذج التنميط الحالية مثل بوتستراب. بعد الانتهاء من دراسة المساق، سيتمكن الدارسون من: إيضاح نموذج الجوال أولًا وأهمية الإطارات السلكية في مرحلة التصميم واستخدام إطارات التصاميم الحالية مثل بوتستراب. هذا هو المساق الرابع في تخصص تصميم مواقع الويب للجميع. يُتوقع أن تحظى بإلمامٍ جوهريٍ للغتي HTML وcss عند الالتحاق بهذا المساق. ينصب تركيز المساقات الأخرى على زيادة التفاعل مع لغة البرمجة جافاسكريبت وإنجاز مشروع ختامي.
ماذا يعني أن يكون لديك تصميم سريع الاستجابة لموقعك الخاص؟ كيف يمكنك معرفة ما إذا كان موقعك الحالي سريع الاستجابة أم لا؟ سنبدأ هذا الأسبوع بالنظريات الكامنة وراء "نموذج الجوال أولًا" – وهي فكرة تعني أن موقع الجوال الخاص بك لابد وأن يوفر كل ما هو مطلوب، وليس نسخة مختصرة من صفحة جيدة. ونُنهي الأسبوع باتخاذ أول خطوة ملموسة باستخدام قياسات المرونة في CSS الخاصة بك.
涵盖的内容
6个视频9篇阅读材料1个作业3个讨论话题
显示有关单元内容的信息
6个视频•总计37分钟
مقدمة في التصميم سريع الاستجابة•7分钟
ما هو التصميم سريع الاستجابة؟•5分钟
فحص المواقع الحالية•6分钟
مزايا التصميم سريع الاستجابة•5分钟
قياسات المرونة•7分钟
دوّن معي: قياسات المرونة•6分钟
9篇阅读材料•总计57分钟
الخطة الدراسية•10分钟
المصادر•10分钟
الأسئلة الشائعة (FAQ)•5分钟
ساعدنا في معرفة المزيد عنك!•10分钟
وثائق مرجعية لقياسات المرونة •5分钟
إشعار لمراجعة المتعلمين: تقديم المهام•10分钟
أداة تحويل من بكسل إلى عنصر•2分钟
تغيير حجم الخط ديناميكيًا باستخدام أشرطة التمرير•3分钟
اختياري: تعريفات CSS النسبية والمطلقة•2分钟
1个作业•总计30分钟
المفاهيم الأساسية في مناهج التصميم سريع الاستجابة•30分钟
3个讨论话题•总计30分钟
نقاش اختياري: مراجعات الموقع•10分钟
نقاش اختياري: هل يمكن لملف استخدام قياسات مرونة ومطلقة معًا؟•10分钟
قصة التصميم سريع الاستجابة الخاصة بك•10分钟
أسبوعين: مفاهيم أساسية
第 2 单元•小时 后完成
单元详情
ستتاح لك هذا الأسبوع فرصة لتطبيق النظريات باستخدام استعلامات الوسائط في CSS الخاص بك. يمكن أن تكتشف هذه الاستعلامات تلقائيًا حجم المتصفح المستخدم لعرض الصفحة بحيث يمكنك تحديد نوع النمط الذي تريد تحقيقه. سوف يوجد أيضًا مناقشة حول الممارسات الشائعة لتصميم طرق عرض مختلفة بأحجام شاشات مختلفة ("منافذ العرض").
涵盖的内容
6个视频1篇阅读材料2个作业1次同伴评审
显示有关单元内容的信息
6个视频•总计43分钟
استعلامات الوسائط•6分钟
دوّن معي: قياسات المرونة واستعلامات الوسائط•4分钟
إطارات سلكية•8分钟
نقاط الإيقاف•6分钟
استعلامات الوسائط الجزء الثاني•10分钟
دوّن معي: تصفح سريع الاستجابة•9分钟
1篇阅读材料•总计2分钟
اختياري: أمثلة جيدة على التصميم سريع الاستجابة•2分钟
يمكن استخدام الأدوات الموجودة وذلك بعد أن ينتهي كل مبرمج جيد ويقضي وقتًا في إعداد المواقع من البداية. وبعد كل هذا، لماذا نُعيد إعداد العجلة؟ ستمنحك الأعمال التي أتممناها حتى هذه النقطة المعرفة اللازمة لابتكار مواقعك الفريدة من خلال هذه الإطارات. سنعمل خلال هذا الأسبوع على بوتستراب وهو إطار يستخدم لغة HTML5 وبرنامج CSS وجافا سكريبت (إذا لم تستخدم جافا سكريبت من قبل، فلا داعي للقلق)
涵盖的内容
7个视频1篇阅读材料2个作业1次同伴评审1个讨论话题
显示有关单元内容的信息
7个视频•总计55分钟
إطارات•4分钟
مقدمة إلى تويتر بوتستراب 3.•6分钟
نقاط التوقف الخاص بموقع بوتستراب •6分钟
بدء استخدام بوتستراب تويتر•10分钟
التقسيم الشبكي لموقع بوتستراب•12分钟
دوّن معي: مثال للتقسيم •7分钟
التصفح في بوتستراب•10分钟
1篇阅读材料•总计2分钟
تبسيط بوتستراب وإزالة الغموض عنه – اختياري•2分钟
2个作业•总计60分钟
فحص التقسيم الشبكي – اختياري•30分钟
مراجعة الأسبوع الثالث: بوتستراب•30分钟
1次同伴评审•总计120分钟
اختياري – استخدم بوتستراب لإعداد صفحة سريعة الاستجابة•120分钟
1个讨论话题•总计10分钟
نقاش اختياري: المعايير مقابل الراحة•10分钟
الأسبوع الرابع: تجربة!
第 4 单元•小时 后完成
单元详情
خُصص هذا الأسبوع لحل المشكلات البسيطة التي تظهر عند الانتقال من النظرية إلى التطبيق. فإننا نبحث عن خيارات لإطارات أكثر تطورًا بالإضافة إلى الأخذ بنصيحة الافراد الذين يستخدمون التقنيات التي يتحدث عنها هذا المساق.
涵盖的内容
9个视频4篇阅读材料1个作业1次同伴评审
显示有关单元内容的信息
9个视频•总计60分钟
الاستجابة السريعة للصور•10分钟
جداول بوتستراب•9分钟
دوّن معي: شريط التنقل المتقدم•6分钟
ما القوالب؟•7分钟
مقابلة اختيارية: M W•8分钟
مقابلة اختيارية: H W•7分钟
اختياري مقابلة مع H N•9分钟
بوتستراب 4•4分钟
الخاتمة•2分钟
4篇阅读材料•总计24分钟
اختياري – تصحيح أخطاء نمطك•2分钟
اختياري – مصادر أخرى لتعلم التطوير/تصحيح الأخطاء•2分钟
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.