مقدمة عن CSS3 from Coursera

لا يمكن التعرف على الويب اليوم تقريبًا منذ الأيام الأولى لاستخدام white pages مع قوائم blue links. الآن، صُممت المواقع بتصميمات معقدة للصفحات وخطوط فريدة وأنظمة ألوان مخصصة. سيوضح لك هذا المساق أساسيات أوراق الأنماط المتتالية (CSS3). سيكون التركيز على تعلم كيفية كتابة قواعد CSS ، وكيفية اختبار الرمز، وكيفية إنشاء عادات برمجة جيدة. عندما يتحقق بشكل صحيح، يمكن أن يؤدي تصميم صفحة الويب إلى تطوير صفحتك. عند القيام بذلك بطريقة غير صحيحة، قد تكون النتيجة أسوأ من عدم وجود تصميم على الإطلاق.

. للتأكد من أن مواقعك لا تضع حواجز أمام الأشخاص ذوي الإعاقات المعرفية و / أو الجسدية، سوف تتعلم كيفية تقييم الصفحات باستخدام إرشادات POUR الموحدة لإمكانية الوصول . عند الانتهاء من المساق، سيتمكن المتعلمون من رسم تصميم لصفحة HTML معينة. بفضل استخدام هذا التصميم، سيستخدمون CSS لتنفيذ التصميم عن طريق إضافة الخطوط والألوان وتصميم الصفحات.

يُعد هذا المساق الثاني في تخصص تصميم مواقع الويب للجميع. تركز المساقات اللاحقة على زيادة التفاعل مع جافا سكريبت وتطوير التصميم باستخدام التصميم سريع الاستجابة.

قد يصعب إكمال هذا المساق إذا لم يكن لديك جهاز حاسوب محمول أو حاسوب مكتبي لأداء الواجب المنزلي.

What's inside

Syllabus

الأسبوع الأول: الشروع في التصميم البسيط

مرحبًا بكم في مقدمة CSS3! ستتعلم في هذا المساق كيفية تصميم صفحاتك من خلال الاستفادة من قوة CSS3. سنركز على كل من البنية الصحيحة (كيفية كتابة قواعد التصميم الخاصة بك) وأهمية تصميم إمكانية الوصول (التأكد من أن تصميمك يعزز موقعك، لا يجعل التصفح أكثر صعوبة). من المهم جدًا أن تتأهب لارتكاب الأخطاء المطبعية في هذا المساق. الطريقة الوحيدة لفهم المادة حقًا هي التدرب على كتابتها بنفسك كلما أمكن ذلك.

إن الألوان والخطوط هي مجرد بداية لوضع نمط الصفحة. حيث أن الشيء الجيد تجاه البدء بهذه الخوص هو أنها عادة ما تكون مباشرة جدا للقيام بتنفيذها. يمكنك اختيار لون وطريقة الانبثاق – للحصول على نتائج فورية ومتوقعة. هذا الأسبوع ننتقل إلى خواص جديدة تتطلب قليلا من التعديلات للحصول على النتائج المرجوة. وعلى وجه الخصوص، سنتحدث عن النموذج المربع وصور الخلفية والتعتيم والتعويم والأعمدة والرؤية والتصميم لمختلف المتصفحات.

الأسبوع الثالث: الفئات الزائفة والعناصر الزائفة وعمليات الانتقال والتموضع

هل سبق أن لاحظت على صفحة ويب أن بعض الروابط زرقاء اللون وأخرى أرجوانية اللون، استناداً إلى ما إذا قمت بالنقر فوق الروابط؟ كيف يمكن تصميم بعض وسوم الإرساء وليس غيرها؟ ستعرف هذا الأسبوع كيفية وضع نمط الفئات الزائفة (على سبيل المثال، رابط تمت زيارته، عنصر تدور الفأرة حوله) والعناصر الزائفة (على سبيل المثال الحرف الأول من عنوان، السطر الأول من الفقرة (. ليس من الصعب أن نضع أنماط لهذه العناصر، ولكن الأمر يتطلب ترميزاً دقيقاً. كما أنها أيضاً الخطوة الأولى لإضافة حركة بسيطة إلى موقعك. نُنهي هذا الأسبوع بتناول موضوع التموضع – كيفية تثبيت العناصر في جزء مُحدد من صفحتك. فكر في الإعلانات المُنبثقة المُزعجة. كيف للمُبرمجين أن يجعلوها ثابتة في منتصف الشاشة رغم أنك تحاول باستمرار طرحها بعيدًا.

الأسبوع الرابع: ربط كل الأمور ببعضها البعض

سأجري قليلًا من المراجعة عن الرمز. وسأخبرك بطريقة استخدامي للفئات والعناصر الزائفة لإعداد جدول. وبعد ذلك، سأُريك إيضاحًا بشأن ثلاثة أشرطة تصفح مختلفة تستعمل خيارات تصميم متباينة. نود الرجوع خطوة إلى الوراء والتحدث عن كيفية تأثير هذه الخيارات الثلاثة المختلفة على إمكانية الوصول إلى موقعنا. تتمثل المرحلة النهائية لإتمام هذا المساق في إنجاز مشروع تقييم الزملاء. ستحظى بفرصةٍ لإثبات قدرتك على اتباع التوجيهات الخاصة بالتصميم مع إضفاء لمستك الشخصية الخاصة على المشروع. تذكر فقط أنه يلزمك التحقق من صحة عملك لتحقيق البُنية وإمكانية الوصول على نحوٍ سليم.

ما هي الخطوة التالية؟

إذا كنت تود إجراء المزيد في الوقت الحالي بعد الانتهاء من هذا المساق، لدي عدد لا بأس به من التوصيات. أهم ما في الأمر هو أنك ستواصل ممارسة مهاراتك وسيكون لديك شيء ما تعمل عليه.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Beginners and intermediate students benefit from this introduction to web design basics

Web experts may not find this course to be the most useful

Students learn about visual design concepts like color theory and typography

People who struggle with blue lights may benefit from the study of accessibility standards

Reviews summary

Disappointing css fundamentals

Based on the provided reviews, learners expressed dissatisfaction and frustration with this course titled, "مقدمة عن CSS3." The lone review rated the course with a 1 out of 5 and the reviewer stated, "ok ". This review does not provide enough information to accurately comment on whether the course is well received or not.

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in مقدمة عن CSS3 with these activities:

Revisit HTML and CSS basics

Show steps

Refresh your foundational understanding of HTML and CSS before starting the course to strengthen your ability to grasp advanced CSS concepts.

Browse courses on HTML

Show steps

Review online tutorials or articles on HTML and CSS fundamentals.
Rebuild a simple web page from scratch using HTML and CSS.

Practice writing CSS rules

Show steps

Sharpen your CSS writing skills by engaging in regular practice and experimentation.

Show steps

Join an online coding challenge platform and solve CSS-related problems.
Create a personal project and experiment with different CSS techniques.

Explore advanced CSS techniques

Show steps

Expand your CSS knowledge by following guided tutorials that cover advanced topics.

Browse courses on CSS3

Show steps

Find online tutorials or courses that focus on advanced CSS techniques.
Implement the techniques you learn in your own projects.
Share your progress and learnings with others in online forums or communities.

One other activity

Expand to see all activities and additional details

Show all four activities

Build a personal CSS style guide

Show steps

Solidify your understanding of CSS by creating a comprehensive style guide that documents your preferred coding practices.

Browse courses on CSS Best Practices

Show steps

Research and gather information on CSS best practices.
Develop your own set of CSS coding rules and guidelines.
Document your style guide in an organized and accessible format.

Career center

Learners who complete مقدمة عن CSS3 will develop knowledge and skills that may be useful to these careers:

Technical Writer

Technical writers create documentation for software and other technical products. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create documentation that is clear, concise, and easy to understand.

See salaries and explore the career path for Technical Writer

Web Designer

Web designers are responsible for the overall design of a website. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create websites that are visually appealing, user-friendly, and accessible.

See salaries and explore the career path for Web Designer

Front-End Developer

Front-end developers are responsible for the look and feel of a website. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create websites that are visually appealing, user-friendly, and accessible.

See salaries and explore the career path for Front-End Developer

User Experience Designer

User experience designers are responsible for making sure that websites are easy to use and enjoyable. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create websites that are visually appealing, user-friendly, and accessible.

See salaries and explore the career path for User Experience Designer

Web Developer

Web developers are responsible for building and maintaining websites. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create websites that are visually appealing, user-friendly, and accessible.

See salaries and explore the career path for Web Developer

Information Architect

Information architects are responsible for organizing and structuring websites. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create websites that are visually appealing, user-friendly, and accessible.

See salaries and explore the career path for Information Architect

Webmaster

Webmasters are responsible for the day-to-day maintenance of a website. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create websites that are visually appealing, user-friendly, and accessible.

See salaries and explore the career path for Webmaster

Computer Programmer

Computer programmers write code that makes computers work. This course may be useful for computer programmers who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Computer Programmer

Product Manager

Product managers develop and manage products. This course may be useful for product managers who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Product Manager

Project Manager

Project managers plan and execute projects. This course may be useful for project managers who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Project Manager

Sales Manager

Sales managers lead and motivate sales teams. This course may be useful for sales managers who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Sales Manager

Data Scientist

Data scientists use data to solve problems and make predictions. This course may be useful for data scientists who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Data Scientist

Business Analyst

Business analysts help businesses understand their data and make better decisions. This course may be useful for business analysts who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Business Analyst

Software Engineer

Software engineers design, develop, and maintain software applications. This course may be useful for software engineers who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Software Engineer

Marketing Manager

Marketing managers plan and execute marketing campaigns. This course may be useful for marketing managers who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Marketing Manager