لا يمكن التعرف على الويب اليوم تقريبًا منذ الأيام الأولى لاستخدام white pages مع قوائم blue links. الآن، صُممت المواقع بتصميمات معقدة للصفحات وخطوط فريدة وأنظمة ألوان مخصصة. سيوضح لك هذا المساق أساسيات أوراق الأنماط المتتالية (CSS3). سيكون التركيز على تعلم كيفية كتابة قواعد CSS ، وكيفية اختبار الرمز، وكيفية إنشاء عادات برمجة جيدة. عندما يتحقق بشكل صحيح، يمكن أن يؤدي تصميم صفحة الويب إلى تطوير صفحتك. عند القيام بذلك بطريقة غير صحيحة، قد تكون النتيجة أسوأ من عدم وجود تصميم على الإطلاق.
Details to know
Add to your LinkedIn profile
4 assignments
See how employees at top companies are mastering in-demand skills
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV
Share it on social media and in your performance review
There are 5 modules in this course
مرحبًا بكم في مقدمة CSS3! ستتعلم في هذا المساق كيفية تصميم صفحاتك من خلال الاستفادة من قوة CSS3. سنركز على كل من البنية الصحيحة (كيفية كتابة قواعد التصميم الخاصة بك) وأهمية تصميم إمكانية الوصول (التأكد من أن تصميمك يعزز موقعك، لا يجعل التصفح أكثر صعوبة). من المهم جدًا أن تتأهب لارتكاب الأخطاء المطبعية في هذا المساق. الطريقة الوحيدة لفهم المادة حقًا هي التدرب على كتابتها بنفسك كلما أمكن ذلك.
What's included
8 videos8 readings1 assignment1 peer review
إن الألوان والخطوط هي مجرد بداية لوضع نمط الصفحة. حيث أن الشيء الجيد تجاه البدء بهذه الخوص هو أنها عادة ما تكون مباشرة جدا للقيام بتنفيذها. يمكنك اختيار لون وطريقة الانبثاق – للحصول على نتائج فورية ومتوقعة. هذا الأسبوع ننتقل إلى خواص جديدة تتطلب قليلا من التعديلات للحصول على النتائج المرجوة. وعلى وجه الخصوص، سنتحدث عن النموذج المربع وصور الخلفية والتعتيم والتعويم والأعمدة والرؤية والتصميم لمختلف المتصفحات.
What's included
8 videos9 readings2 assignments1 peer review
هل سبق أن لاحظت على صفحة ويب أن بعض الروابط زرقاء اللون وأخرى أرجوانية اللون، استناداً إلى ما إذا قمت بالنقر فوق الروابط؟ كيف يمكن تصميم بعض وسوم الإرساء وليس غيرها؟ ستعرف هذا الأسبوع كيفية وضع نمط الفئات الزائفة (على سبيل المثال، رابط تمت زيارته، عنصر تدور الفأرة حوله) والعناصر الزائفة (على سبيل المثال الحرف الأول من عنوان، السطر الأول من الفقرة (. ليس من الصعب أن نضع أنماط لهذه العناصر، ولكن الأمر يتطلب ترميزاً دقيقاً. كما أنها أيضاً الخطوة الأولى لإضافة حركة بسيطة إلى موقعك. نُنهي هذا الأسبوع بتناول موضوع التموضع – كيفية تثبيت العناصر في جزء مُحدد من صفحتك. فكر في الإعلانات المُنبثقة المُزعجة. كيف للمُبرمجين أن يجعلوها ثابتة في منتصف الشاشة رغم أنك تحاول باستمرار طرحها بعيدًا.
What's included
5 videos5 readings1 assignment
سأجري قليلًا من المراجعة عن الرمز. وسأخبرك بطريقة استخدامي للفئات والعناصر الزائفة لإعداد جدول. وبعد ذلك، سأُريك إيضاحًا بشأن ثلاثة أشرطة تصفح مختلفة تستعمل خيارات تصميم متباينة. نود الرجوع خطوة إلى الوراء والتحدث عن كيفية تأثير هذه الخيارات الثلاثة المختلفة على إمكانية الوصول إلى موقعنا. تتمثل المرحلة النهائية لإتمام هذا المساق في إنجاز مشروع تقييم الزملاء. ستحظى بفرصةٍ لإثبات قدرتك على اتباع التوجيهات الخاصة بالتصميم مع إضفاء لمستك الشخصية الخاصة على المشروع. تذكر فقط أنه يلزمك التحقق من صحة عملك لتحقيق البُنية وإمكانية الوصول على نحوٍ سليم.
What's included
7 videos3 readings1 peer review
إذا كنت تود إجراء المزيد في الوقت الحالي بعد الانتهاء من هذا المساق، لدي عدد لا بأس به من التوصيات. أهم ما في الأمر هو أنك ستواصل ممارسة مهاراتك وسيكون لديك شيء ما تعمل عليه.
What's included
5 readings
Instructors
Offered by
Why people choose Coursera for their career
Recommended if you're interested in Computer Science
University of Virginia
DeepLearning.AI
Coursera Project Network
University of Michigan
Open new doors with Coursera Plus
Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 3,400 global companies that choose Coursera for Business
Upskill your employees to excel in the digital economy