• For Individuals
  • For Businesses
  • For Universities
  • For Governments
Coursera
Log In
Join for Free
Coursera
Meta
HTML وCSS بالتفصيل
  • About
  • Outcomes
  • Modules
  • Recommendations
  • Testimonials
  1. Browse
  2. Computer Science
  3. Mobile and Web Development
Meta

HTML وCSS بالتفصيل

This course is part of مطوّر الواجهة الأمامية من Meta Professional Certificate

Taught by Meta Staff

Instructor: Taught by Meta Staff

Included with Coursera Plus

•Learn more
3 modules
Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

Recommended experience

Beginner level

None! Learners do not need prior web development experience. Only basic internet navigation skills and an eagerness to get started with coding.

28 hours to complete
3 weeks at 9 hours a week
Flexible schedule
Learn at your own pace

3 modules
Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

Recommended experience

Beginner level

None! Learners do not need prior web development experience. Only basic internet navigation skills and an eagerness to get started with coding.

28 hours to complete
3 weeks at 9 hours a week
Flexible schedule
Learn at your own pace
  • About
  • Outcomes
  • Modules
  • Recommendations
  • Testimonials

What you'll learn

  • إنشاء نموذج بسيط مع تخطيط سريع الاستجابة باستخدام HTML5 وCSS

  • إنشاء تخطيط سريع الاستجابة باستخدام CSS

  • إنشاء واجهة مستخدم باستخدام Bootstrap

  • تنفيذ أدوات تصحيح الأخطاء

Skills you'll gain

  • HTML and CSS
  • Semantic Web
  • Animations
  • UI Components
  • Front-End Web Development
  • Data Validation
  • Web Design and Development
  • Web Content Accessibility Guidelines
  • Debugging
  • Bootstrap (Front-End Framework)
  • Web Analytics and SEO
  • Responsive Web Design

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

21 assignments

Taught in Arabic

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business
 logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your Mobile and Web Development expertise

This course is part of the مطوّر الواجهة الأمامية من Meta Professional Certificate
When you enroll in this course, you'll also be enrolled in this Professional Certificate.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate from Meta

There are 3 modules in this course

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

ستقوم بعد ذلك بالتعمق بشكل أكبر في CSS من خلال تطبيق أسلوب محدد بشكل متزايد على عناصر مختلفة. وستتعلم كيفية استخدام نظام شبكة Bootstrap لتكوين التخطيطات والتعامل مع المكونات والسمات. وأخيرًا، ستقوم باستكشاف تصحيح الأخطاء ومعرفة كيف يمكن استخدامه لإقصاء أخطاء الواجهة الأمامية.. بنهاية هذه الدورة التدريبية؛ ستكون قادرًا على: • إنشاء نموذج بسيط مع تخطيط سريع الاستجابة باستخدام HTML5 وCSS • إنشاء تخطيط سريع الاستجابة باستخدام CSS • إنشاء واجهة مستخدم باستخدام Bootstrap • تنفيذ أدوات تصحيح الأخطاء هذا عبارة عن دورة تدريبية للمبتدئين للمتعلمين الذين قد يرغبون في إعداد أنفسهم للعمل في تطوير الواجهة الأمامية. ولتحقيق النجاح في هذه الدورة التدريبية، لست بحاجة إلى خبرة سابقة في مجال التطوير، بل تكفيك المهارات الأساسية للتنقل عبر الإنترنت والحرص على البدء بتعلم ترميز البيانات.

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

What's included

23 videos20 readings12 assignments1 discussion prompt3 ungraded labs

23 videos•Total 88 minutes
  • مقدمة للبرنامج•2 minutes•Preview module
  • مقدمة إلى HTML وCSS بالتفصيل•3 minutes
  • كيف يتم استخدام HTML وCSS في العالم الحقيقي؟•3 minutes
  • ملخص: ما تعرفه عن HTML وCSS•2 minutes
  • العلامات الدلالية ولماذا نحتاجها•4 minutes
  • العلامات الدلالية عمليًا•4 minutes
  • البيانات الوصفية•5 minutes
  • تخطيط العظام المكشوفة•3 minutes
  • تجربة المستخدم مع العلامات الوصفية•3 minutes
  • إعداد بطاقة وسائل التواصل الاجتماعي•3 minutes
  • النماذج والتحقق•3 minutes
  • إنشاء نموذج•7 minutes
  • الاستفادة القصوى من عملية التحقق من جانب العميل•4 minutes
  • أزرار الخيار•4 minutes
  • استخدام عناصر النموذج التفاعلي•5 minutes
  • تقديم النموذج•3 minutes
  • اختلافات المتصفح•3 minutes
  • الفيديو والصوت•2 minutes
  • مشغلات مضمنة•3 minutes
  • إطارات iFrames•2 minutes
  • iFrame كصورة•3 minutes
  • عنصر لوحة الرسم•3 minutes
  • ملخص الوحدة: التعمق في HTML•2 minutes
20 readings•Total 255 minutes
  • المنهج الدراسي للدورة التدريبية•10 minutes
  • كيفية النجاح في هذه الدورة التدريبية•10 minutes
  • العمل مع المختبرات في هذه الدورة التدريبية•10 minutes
  • صفحة التعليمات HTML الدلالية•15 minutes
  • ورقة تعليمات البيانات الوصفية•15 minutes
  • تصميم التخطيط•15 minutes
  • بطاقات وسائل التواصل الاجتماعي•15 minutes
  • موارد إضافية•10 minutes
  • أنواع المدخلات•15 minutes
  • كود Visual Studio على Coursera•10 minutes
  • إنشاء نموذج واختباره (حل)•10 minutes
  • صفحة التعليمات: عناصر النموذج التفاعلي•15 minutes
  • تقديم•15 minutes
  • قاموس المصطلحات: عناصر نموذج HTML•20 minutes
  • تكوين نموذج معقد (حل)•10 minutes
  • موارد إضافية•10 minutes
  • تقييم الوسائط (حل)•10 minutes
  • الصور•10 minutes
  • صفحة تعليمات iFrame Sandbox•20 minutes
  • موارد إضافية•10 minutes
12 assignments•Total 219 minutes
  • اختبار الوحدة: التعمق في HTML•30 minutes
  • التحقق من المعرفة: الممارسة باستخدام العلامات الدلالية•21 minutes
  • التحقق من المعرفة: البيانات الوصفية•18 minutes
  • التحقق من المعرفة: بروتوكول الرسم البياني المفتوح•18 minutes
  • التحقق من المعرفة: العلامات الدلالية والوصفية•24 minutes
  • المراجعة الذاتية: إنشاء نموذج واختباره•10 minutes
  • التحقق من المعرفة: توضيح عناصر النموذج•18 minutes
  • التحقق من المعرفة: تقديم النموذج•24 minutes
  • استعراض ذاتي: تكوين نموذج معقد•10 minutes
  • التحقق من المعرفة: مدخلات ونماذج المستخدم•18 minutes
  • المراجعة الذاتية: تقييم الوسائط•10 minutes
  • التحقق من المعرفة: عناصر الوسائط•18 minutes
1 discussion prompt•Total 10 minutes
  • ما الذي تأمل تعلمه؟•10 minutes
3 ungraded labs•Total 180 minutes
  • إنشاء نموذج واختباره•60 minutes
  • تكوين نموذج معقد•60 minutes
  • تقييم الوسائط•60 minutes

في هذه الوحدة، ستقوم بالتعمق بشكل أكبر داخل CSS من خلال تطبيق أسلوب محدد بشكل متزايد على عناصر مختلفة.

What's included

22 videos20 readings8 assignments1 discussion prompt3 ungraded labs

22 videos•Total 107 minutes
  • تخطيط ويب CSS•4 minutes•Preview module
  • مربع flexbox الأساسي•5 minutes
  • مخططات Flex•7 minutes
  • شبكات CSS•5 minutes
  • عرض الشبكة•8 minutes
  • دراسة حالة: كيف يقوم Meta بتكوين عملية بناء سريعة الاستجابة•2 minutes
  • المحددات واسعة الاستخدام•5 minutes
  • محددات الدمج•7 minutes
  • فئات Pseudo-classes•4 minutes
  • الاستخدام العملي لفئات pseudo•4 minutes
  • ما هو التأثير•4 minutes
  • تأثيرات النص•4 minutes
  • عمليات تحويل CSS والانتقالات•5 minutes
  • الرسوم المتحركة في CSS•3 minutes
  • أمثلة للرسوم المتحركة•4 minutes
  • أخطاء عامة•5 minutes
  • التعامل مع الأخطاء•4 minutes
  • أدوات تصحيح الأخطاء•3 minutes
  • CSS الخاص بالمتصفح•5 minutes
  • اختبار واجهة المستخدم•3 minutes
  • دراسة حالة: كيف يقوم Meta بإجراء اختبارات الواجهة الأمامية•3 minutes
  • ملخص الوحدة: CSS التفاعلي•2 minutes
20 readings•Total 305 minutes
  • فهم flexbox•20 minutes
  • وحدات قياس CSS•10 minutes
  • صفحة التعليمات للشبكات ومربعات flexbox•15 minutes
  • مساحة قالب الشبكة•20 minutes
  • إنشاء تخطيط شبكة (حل)•15 minutes
  • موارد إضافية•10 minutes
  • كل المحددات والتحديد الخاص بها•20 minutes
  • CSS المستهدف (حل)•15 minutes
  • عناصر Pseudo-elements•20 minutes
  • صفحة تعليمات CSS Pseudo•15 minutes
  • موارد إضافية•10 minutes
  • صفحة تعليمات تأثيرات النص•15 minutes
  • عناصر التحويل والانتقال (الحل)•10 minutes
  • الإطارات المفتاحية في CSS•20 minutes
  • صفحة التعليمات الخاصة بالرسوم المتحركة والتأثيرات•15 minutes
  • المعالجات المسبقة: sass وscss وStylus•20 minutes
  • موارد إضافية•10 minutes
  • تثبيت أداة Linter خاصة بطرف آخر في كود VS•15 minutes
  • تصحيح أخطاء الواجهة الأمامية•20 minutes
  • موارد إضافية•10 minutes
8 assignments•Total 145 minutes
  • اختبار الوحدة: CSS التفاعلي•30 minutes
  • مراجعة ذاتية: إنشاء تخطيط شبكة•12 minutes
  • التحقق من المعرفة: إنشاء التخطيطات•24 minutes
  • المراجعة الذاتية: CSS المستهدف•10 minutes
  • التحقق من المعرفة: محددات CSS•18 minutes
  • مراجعة ذاتية: عناصر التحويل والانتقال•15 minutes
  • التحقق من المعرفة: تأثيرات CSS•18 minutes
  • التحقق من المعرفة: تصحيح الأخطاء•18 minutes
1 discussion prompt•Total 10 minutes
  • ما بعض أخطاء CSS التي واجهت صعوبة معها؟•10 minutes
3 ungraded labs•Total 180 minutes
  • إنشاء تخطيط شبكة•60 minutes
  • CSS المستهدف•60 minutes
  • عناصر التحويل والانتقال•60 minutes

في هذه الوحدة، سيتم تقييمك على المهارات الأساسية التي تمت تغطيتها في الدورة التدريبية.

What's included

6 videos5 readings1 assignment1 peer review2 discussion prompts1 ungraded lab

6 videos•Total 19 minutes
  • ملخص الدورة التدريبية•3 minutes•Preview module
  • اختيار الموضوع ورسم التخطيط•2 minutes
  • تحديد موضع العناصر، إنشاء عناصر نائبة•5 minutes
  • تخطيط تجربة المستخدم•2 minutes
  • مثال: جيد جدًا حتى الآن•3 minutes
  • تهانينا، قمت باستكمال HTMLS وCSS بالتفصيل!•2 minutes
5 readings•Total 37 minutes
  • نبذة عن مشروع الحافظة•5 minutes
  • اختيار الموضوع•10 minutes
  • إعداد بيئة التطوير المحلية الخاصة بك•10 minutes
  • إنشاء السمات•10 minutes
  • الخطوات المقبلة•2 minutes
1 assignment•Total 5 minutes
  • التحقق من الجاهزية: هل أكملت الإعداد المبدئي؟•5 minutes
1 peer review•Total 90 minutes
  • إرسال مشروع الحافظة•90 minutes
2 discussion prompts•Total 20 minutes
  • مشاركة محفظتك المكتملة•10 minutes
  • ما الذي وجدته أكثر إثارة للاهتمام في هذه الدورة التدريبية؟•10 minutes
1 ungraded lab•Total 60 minutes
  • بيئة الاختبار المعزولة للمشروع•60 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Taught by Meta Staff
Taught by Meta Staff
Meta
129 Courses•1,147,077 learners

Offered by

Meta

Offered by

Meta

Meta builds technologies that help people connect with friends and family, find communities, and grow businesses. The Meta Professional Certificates create opportunities so that anyone regardless of education, background or experience can learn high-quality skills to land a high-growth career—no degree or experience required to get started. Meta also offers training courses on the metaverse to educate people, brands, businesses and professionals on the opportunities it presents and what it means for our world today and into the future.

Explore more from Mobile and Web Development

  • M

    Meta

    المشروع المتقدم لمطور الواجهات الأمامية

    Course

  • M

    Meta

    مبادئ تصميم تجربة المستخدم/واجهة المستخدم

    Course

  • M

    Meta

    التحكم في الإصدار

    Course

  • M

    Meta

    التحضير لمقابلة عمل الترميز

    Course

Why people choose Coursera for their career

Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."
Coursera Plus

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

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

  • The course may not offer an audit option. 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.

When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policyOpens in a new tab.

More questions

Visit the learner help center

Financial aid available,

Coursera Footer

Technical Skills

  • ChatGPT
  • Coding
  • Computer Science
  • Cybersecurity
  • DevOps
  • Ethical Hacking
  • Generative AI
  • Java Programming
  • Python
  • Web Development

Analytical Skills

  • Artificial Intelligence
  • Big Data
  • Business Analysis
  • Data Analytics
  • Data Science
  • Financial Modeling
  • Machine Learning
  • Microsoft Excel
  • Microsoft Power BI
  • SQL

Business Skills

  • Accounting
  • Digital Marketing
  • E-commerce
  • Finance
  • Google
  • Graphic Design
  • IBM
  • Marketing
  • Project Management
  • Social Media Marketing

Career Resources

  • Essential IT Certifications
  • High-Income Skills to Learn
  • How to Get a PMP Certification
  • How to Learn Artificial Intelligence
  • Popular Cybersecurity Certifications
  • Popular Data Analytics Certifications
  • What Does a Data Analyst Do?
  • Career Development Resources
  • Career Aptitude Test
  • Share your Coursera Learning Story

Coursera

  • About
  • What We Offer
  • Leadership
  • Careers
  • Catalog
  • Coursera Plus
  • Professional Certificates
  • MasterTrack® Certificates
  • Degrees
  • For Enterprise
  • For Government
  • For Campus
  • Become a Partner
  • Social Impact
  • Free Courses
  • ECTS Credit Recommendations

Community

  • Learners
  • Partners
  • Beta Testers
  • Blog
  • The Coursera Podcast
  • Tech Blog

More

  • Press
  • Investors
  • Terms
  • Privacy
  • Help
  • Accessibility
  • Contact
  • Articles
  • Directory
  • Affiliates
  • Modern Slavery Statement
  • Manage Cookie Preferences
Learn Anywhere
Download on the App Store
Get it on Google Play
Logo of Certified B Corporation
© 2025 Coursera Inc. All rights reserved.
  • Coursera Facebook
  • Coursera Linkedin
  • Coursera Twitter
  • Coursera YouTube
  • Coursera Instagram
  • Coursera TikTok
Coursera

Sign up

Learn on your own time from top universities and businesses.

​
​
Between 8 and 72 characters
Your password is hidden
​

or

Already on Coursera?


I accept Coursera's Terms of Use and Privacy Notice. Having trouble logging in? Learner help center

This site is protected by reCAPTCHA Enterprise and the Google Privacy Policy and Terms of Service apply.