|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/responsivedesign-ar
课程评论:没有评论
课程名称: تنميط متقدم بتصميم سريع الاستجابة 课程概述:在过去,网络页面通常在相似的大小屏幕上展示。然而,随着智能手机使用革命的兴起,设计的展现方式发生了重大变化。如今,人们期望无论是智能手机、平板电脑、笔记本电脑还是台式机,网页都能良好运行。这种对任何平台响应能力的期望被称为快速响应设计。本课程将深入探讨CSS3的基本知识,包括线框、流式设计、媒体查询以及使用如Bootstrap等现有设计框架。完成课程后,学习者将能够阐明“移动优先”模型的重要性及线框在设计阶段的作用,并使用现代设计框架如Bootstrap。此课程为“为所有人设计网站”专项中的第四门课程,建议学员在参加课前对HTML和CSS有基本的了解。其他课程将重点提高与JavaScript编程语言的互动,并完成最终项目。 课程大纲: 1. 第一周:快速响应设计中的样式 - 理解何为快速响应设计及如何评估当前网站的响应性,探索“移动优先”模型。 2. 第二周:基本概念 - 通过CSS的媒体查询实践理论,自动检测浏览器大小以实现不同样式。 3. 第三周:使用现有框架 - 学习如何使用已完成的框架来创建独特的网站,重点使用Bootstrap框架。 4. 第四周:实践与解决问题 - 解决在理论到实践转变中出现的问题,并探讨更复杂的框架选项及建议。 通过本课程,学员将掌握现代网页设计的核心原理及工具,以适应多种设备。
Part: 1
Title:الأسبوع الأول: النمط مع التصميم سريع الاستجابة
Description:ماذا يعني أن يكون لديك تصميم سريع الاستجابة لموقعك الخاص؟ كيف يمكنك معرفة ما إذا كان موقعك الحالي سريع الاستجابة أم لا؟ سنبدأ هذا الأسبوع بالنظريات الكامنة وراء "نموذج الجوال أولًا" – وهي فكرة تعني أن موقع الجوال الخاص بك لابد وأن يوفر كل ما هو مطلوب، وليس نسخة مختصرة من صفحة جيدة. ونُنهي الأسبوع باتخاذ أول خطوة ملموسة باستخدام قياسات المرونة في CSS الخاصة بك.
Part: 2
Title:أسبوعين: مفاهيم أساسية
Description:ستتاح لك هذا الأسبوع فرصة لتطبيق النظريات باستخدام استعلامات الوسائط في CSS الخاص بك. يمكن أن تكتشف هذه الاستعلامات تلقائيًا حجم المتصفح المستخدم لعرض الصفحة بحيث يمكنك تحديد نوع النمط الذي تريد تحقيقه. سوف يوجد أيضًا مناقشة حول الممارسات الشائعة لتصميم طرق عرض مختلفة بأحجام شاشات مختلفة ("منافذ العرض").
Part: 3
Title:الأسبوع الثالث: استخدام الإطارات الموجودة
Description:يمكن استخدام الأدوات الموجودة وذلك بعد أن ينتهي كل مبرمج جيد ويقضي وقتًا في إعداد المواقع من البداية. وبعد كل هذا، لماذا نُعيد إعداد العجلة؟ ستمنحك الأعمال التي أتممناها حتى هذه النقطة المعرفة اللازمة لابتكار مواقعك الفريدة من خلال هذه الإطارات. سنعمل خلال هذا الأسبوع على بوتستراب وهو إطار يستخدم لغة HTML5 وبرنامج CSS وجافا سكريبت (إذا لم تستخدم جافا سكريبت من قبل، فلا داعي للقلق)
Part: 4
Title:الأسبوع الرابع: تجربة!
Description:خُصص هذا الأسبوع لحل المشكلات البسيطة التي تظهر عند الانتقال من النظرية إلى التطبيق. فإننا نبحث عن خيارات لإطارات أكثر تطورًا بالإضافة إلى الأخذ بنصيحة الافراد الذين يستخدمون التقنيات التي يتحدث عنها هذا المساق.
كان من المعهود فيما مضى أن يرى كل شخص صفحات إنترنت على شاشة لها نفس الحجم تقريبًا. ولكن مع انبثاق ثورة استعمال الهواتف الذكية للدخول إلى شبكة الإنترنت، تغير عرض التصاميم كليًا. يتوقع الأفراد في الوقت الراهن أنها ستعمل بصرف النظر عن المنصة (هاتف ذكي أو جهاز لوحي أو جهاز حاسوب محمول أو جهاز حاسوب مكتبي). ويُطلق على تلك الإمكانية المتعلقة بالاستجابة لأي منصة التصميم سريع الاستجابة. وسيتعمق هذا المساق في المعارف الأساسية للغة CSS3 ليحوي موضوعات من قبيل الإطارات السلكية والتصميم السلس واستعلامات الوسائط واستخدام نماذج التنميط الحالية مثل بوتستراب. بعد الانتهاء من دراسة المساق، سيتمكن الدارسون من: إيضاح نموذج الجوال أولًا وأهمية الإطارات السلكية في مرحلة التصميم واستخدام إطارات التصاميم الحالية مثل بوتستراب. هذا هو المساق الرابع في تخصص تصميم مواقع الويب للجميع. يُتوقع أن تحظى بإلمامٍ جوهريٍ للغتي HTML وcss عند الالتحاق بهذا المساق. ينصب تركيز المساقات الأخرى على زيادة التفاعل مع لغة البرمجة جافاسكريبت وإنجاز مشروع ختامي.