|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/introcss-ar
课程评论：没有评论
课程名称：CSS3简介 课程概述： 在今天的网络世界，几乎无法想象早期使用白色页面和蓝色链接的场景。如今，网站设计复杂，使用独特字体和自定义颜色方案。本课程将为您展示CSS3的基础知识，重点学习如何编写CSS规则、测试代码和培养良好的编程习惯。正确的网页设计可以大幅度提升您的网页质量，而错误的设计可能会导致比没有设计更糟的结果。此外，您将学习如何使用统一的可访问性指南（POUR）评估页面，以确保网站对有认知和身体障碍的人士友好。 完成课程后，学习者将能够为特定的HTML页面绘制设计图，并使用CSS实施该设计，添加字体、颜色和页面布局。本课程是"人人皆可网站设计"专业的第二门课程，后续课程将专注于通过JavaScript增加互动性，并使用响应式设计进行开发。 请注意，如果您没有笔记本电脑或台式电脑来完成作业，您可能会发现这个课程难以完成。 课程大纲： - 第一部分：第一周：开始简单设计 - 讲述CSS3的设计页面能力，强调书写规则的正确性和可访问性设计的重要性。强调实践的重要性。 - 第二部分：第一周：开始简单设计 - 介绍颜色和字体的基本应用，讨论更复杂的属性，如模型、背景图像、透明度、浮动、列和浏览器兼容设计。 - 第三部分：第三周：伪类、伪元素、过渡和定位 - 学习如何设计不同状态的链接、伪类和伪元素，进行简单的动画效果，并讨论元素在页面中的固定位置。 - 第四部分：下一步该做什么？ - 提供进一步学习和实践技能的建议，鼓励学习者持续提升自己，拥抱更多的项目。
Part: 1
Title:الأسبوع الأول: الشروع في التصميم البسيط
Description:مرحبًا بكم في مقدمة CSS3! ستتعلم في هذا المساق كيفية تصميم صفحاتك من خلال الاستفادة من قوة CSS3. سنركز على كل من البنية الصحيحة (كيفية كتابة قواعد التصميم الخاصة بك) وأهمية تصميم إمكانية الوصول (التأكد من أن تصميمك يعزز موقعك، لا يجعل التصفح أكثر صعوبة). من المهم جدًا أن تتأهب لارتكاب الأخطاء المطبعية في هذا المساق. الطريقة الوحيدة لفهم المادة حقًا هي التدرب على كتابتها بنفسك كلما أمكن ذلك.
Part: 2
Title:الأسبوع الأول: الشروع في التصميم البسيط
Description:إن الألوان والخطوط هي مجرد بداية لوضع نمط الصفحة. حيث أن الشيء الجيد تجاه البدء بهذه الخوص هو أنها عادة ما تكون مباشرة جدا للقيام بتنفيذها. يمكنك اختيار لون وطريقة الانبثاق – للحصول على نتائج فورية ومتوقعة. هذا الأسبوع ننتقل إلى خواص جديدة تتطلب قليلا من التعديلات للحصول على النتائج المرجوة. وعلى وجه الخصوص، سنتحدث عن النموذج المربع وصور الخلفية والتعتيم والتعويم والأعمدة والرؤية والتصميم لمختلف المتصفحات.
Part: 3
Title:الأسبوع الثالث: الفئات الزائفة والعناصر الزائفة وعمليات الانتقال والتموضع
Description:هل سبق أن لاحظت على صفحة ويب أن بعض الروابط زرقاء اللون وأخرى أرجوانية اللون، استناداً إلى ما إذا قمت بالنقر فوق الروابط؟ كيف يمكن تصميم بعض وسوم الإرساء وليس غيرها؟ ستعرف هذا الأسبوع كيفية وضع نمط الفئات الزائفة (على سبيل المثال، رابط تمت زيارته، عنصر تدور الفأرة حوله) والعناصر الزائفة (على سبيل المثال الحرف الأول من عنوان، السطر الأول من الفقرة (. ليس من الصعب أن نضع أنماط لهذه العناصر، ولكن الأمر يتطلب ترميزاً دقيقاً. كما أنها أيضاً الخطوة الأولى لإضافة حركة بسيطة إلى موقعك. نُنهي هذا الأسبوع بتناول موضوع التموضع – كيفية تثبيت العناصر في جزء مُحدد من صفحتك. فكر في الإعلانات المُنبثقة المُزعجة. كيف للمُبرمجين أن يجعلوها ثابتة في منتصف الشاشة رغم أنك تحاول باستمرار طرحها بعيدًا.
Part: 4
Title:ما هي الخطوة التالية؟
Description:إذا كنت تود إجراء المزيد في الوقت الحالي بعد الانتهاء من هذا المساق، لدي عدد لا بأس به من التوصيات. أهم ما في الأمر هو أنك ستواصل ممارسة مهاراتك وسيكون لديك شيء ما تعمل عليه.
لا يمكن التعرف على الويب اليوم تقريبًا منذ الأيام الأولى لاستخدام white pages مع قوائم blue links. الآن، صُممت المواقع بتصميمات معقدة للصفحات وخطوط فريدة وأنظمة ألوان مخصصة. سيوضح لك هذا المساق أساسيات أوراق الأنماط المتتالية (CSS3). سيكون التركيز على تعلم كيفية كتابة قواعد CSS ، وكيفية اختبار الرمز، وكيفية إنشاء عادات برمجة جيدة. عندما يتحقق بشكل صحيح، يمكن أن يؤدي تصميم صفحة الويب إلى تطوير صفحتك. عند القيام بذلك بطريقة غير صحيحة، قد تكون النتيجة أسوأ من عدم وجود تصميم على الإطلاق. . للتأكد من أن مواقعك لا تضع حواجز أمام الأشخاص ذوي الإعاقات المعرفية و / أو الجسدية، سوف تتعلم كيفية تقييم الصفحات باستخدام إرشادات POUR الموحدة لإمكانية الوصول . عند الانتهاء من المساق، سيتمكن المتعلمون من رسم تصميم لصفحة HTML معينة. بفضل استخدام هذا التصميم، سيستخدمون CSS لتنفيذ التصميم عن طريق إضافة الخطوط والألوان وتصميم الصفحات. يُعد هذا المساق الثاني في تخصص تصميم مواقع الويب للجميع. تركز المساقات اللاحقة على زيادة التفاعل مع جافا سكريبت وتطوير التصميم باستخدام التصميم سريع الاستجابة. قد يصعب إكمال هذا المساق إذا لم يكن لديك جهاز حاسوب محمول أو حاسوب مكتبي لأداء الواجب المنزلي.
