We may earn an affiliate commission when you visit our partners.
Sana Alkuyam
●في هذا المشروع ، ستقوم بانشاء و تطوير صفحة أش تي ام ال أساسية باستخدام محرر نصوص يسمى نوتباد ++ لكتابة التعليمات البرمجية الخاصة بك ، ومتصفح كروم لعرض صفحة الويب الناتجة
Read more
●في هذا المشروع ، ستقوم بانشاء و تطوير صفحة أش تي ام ال أساسية باستخدام محرر نصوص يسمى نوتباد ++ لكتابة التعليمات البرمجية الخاصة بك ، ومتصفح كروم لعرض صفحة الويب الناتجة
Read more
●في هذا المشروع ، ستقوم بانشاء و تطوير صفحة أش تي ام ال أساسية باستخدام محرر نصوص يسمى نوتباد ++ لكتابة التعليمات البرمجية الخاصة بك ، ومتصفح كروم لعرض صفحة الويب الناتجة
● ستجهزك هذه الدورة للخطوات التالية في رحلة تطوير الويب الخاصة بك. وفقًا لذلك ، ستتاح لك فرصة إنشاء ملف موارد أش تي ام ال حيث ستضيف علامات وعناصر أش تي ام ال مشتركة ومعرفة ما يفعله كل منها للمساعدة في تقديم المستند. بالإضافة إلى ذلك ، ستتمكن من التعرف على علامات أش تي ام ال5 الدلالية وإضافتها لتوفير البنية لصفحة الويب النموذجية الخاصة بك
ملاحظة: تعمل هذه الدورة التدريبية بشكل أفضل للمتعلمين المقيمين في منطقة أمريكا الشمالية. نعمل حاليًا على توفير نفس التجربة في مناطق أخرى.
Register for this course and see more details by visiting:
OpenCourser.com/course/y1ca5s/mqdm@
Three deals to help you save
We found three deals and offers that may be relevant to this course.
Save money when you learn.
All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.
Valid until December 12
Annual Subscription Savings
Unlock programs from Google, Microsoft, and IBM and join 77% of learners who reported positive career outcomes.
Only $239!
Valid for a limited time only
Future-proof your career
Access O'Reilly books, live events, courses, and more. Save with an annual subscription.
Take
15%
off
What's inside
Syllabus
مقدمة الاتش تي ام ال
يلعب ملف اتش تي ام العدة أدوار مهمة في صفحة الويب. أولاً ، نستخدم الهيكل الذي تم إنشاؤه بواسطة كوداتش تي ام الالخاص بنا للإشارة إلى العناصر وتحسينها ومعالجتها على صفحة الويب باستخدام CSS و JavaScript. على سبيل المثال ، يمكنك استخداماتش تي ام ال لتمييز جميع العناوين على صفحة متصفح الويب ، ثم اختيار الحجم واللون اللذين تريد تطبيقهما على تلك العناوين لتعكس العلامة التجارية لمؤسستك ، أو ببساطة تصميمًا مرئيًا تم تطويره للموقع. ثانيًا ، يتيح لنا نص اتش تي ام ال الإشارة إلى أدوار العناصر المختلفة لمحركات البحث والخدمات الأخرى التي تقوم بفهرسة المحتوى وتلخيصه للمستخدمين الآخرين. على سبيل المثال ، وضع علامة على التسمية التوضيحية للصورة باستخدام عنصر "figcaption" وإحاطة الصورة والتعليق عليها في عنصر "الشكل" يساعد محرك البحث على فهم أن هذين الجزأين من المحتوى مرتبطان ، وأن التسمية التوضيحية تصف الصورة المرتبطة .
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Teaches essential fundamentals and structures for HTML, enabling learners to build basic web pages
Emphasizes the use of Notepad++ for HTML coding, making it accessible for beginners with limited coding experience
Provides guidance on incorporating semantic HTML5 tags, enhancing the organization and accessibility of web pages
Includes hands-on exercises with clear instructions to reinforce understanding of HTML concepts
Introduces the role of HTML in modern web development and its applications in structuring and styling web pages
Utilizes the Google Chrome browser for displaying HTML outputs, ensuring compatibility with industry-standard web rendering
Save this course
Save مقدمة الاتش تي ام ال to your list so you can find it easily later:
Save
Save
Reviews summary
Html introduction for beginners
This course provides a foundational introduction to HTML for absolute beginners. Basic HTML components and elements along with a step-by-step example will help you build a basic webpage by the end of the course.
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 مقدمة الاتش تي ام ال with these
activities:
عمل تمارين عمليّة لإنشاء عناصر وحاويات ش تي ام ال
Show steps
ستساعدك هذه التمارين على فهم كيفية استخدام علامات أش تي ام ال بشكل عملي لإنشاء صفحات ويب.
Show steps
-
إنشاء ملف أش تي ام ال فارغ باستخدام محرر نصوص
-
إضافة علامة الرأس <head> وعنصر العنوان <title>
-
إضافة علامة الهيئة <body> وعناصر أخرى مثل العناوين والفقرات
-
إضافة عناصر حاوية مثل <div> و <span>
-
تعديل وتنسيق عناصر أش تي ام ال باستخدام CSS
اتباع دروس إرشادية حول بنية ملفات أش تي ام ال5
Show steps
ستوفر لك هذه الدروس الأساس الذي تحتاجه لفهم هيكل ملفات أش تي ام ال5 وإعدادها.
Show steps
-
العثور على دروس إرشادية موثوقة عبر الإنترنت
-
اتباع الدروس خطوة بخطوة
-
تمرين الكود المقدم في الدروس
-
طرح الأسئلة في منتديات المجتمع إذا لزم الأمر
المشاركة في مجموعات الدراسة لمراجعة مفاهيم أش تي ام ال
Show steps
ستتيح لك مجموعات الدراسة مناقشة المفاهيم مع الآخرين والحصول على وجهات نظر مختلفة.
Show steps
-
إيجاد طلاب آخرين مهتمين بتطوير الويب
-
إنشاء مجموعة دراسة منتظمة
-
مراجعة المواد معًا
-
إجراء مناقشات حول المفاهيم الصعبة
Three other activities
Expand to see all activities and additional details
Show all six activities
إنشاء صفحة ويب أساسية باستخدام أش تي ام ال
Show steps
سيساعدك إنشاء مشروع عملي في دمج المفاهيم التي تعلمتها في اختبار مهاراتك praktische.
Show steps
-
تحديد هدف لصفحتك الإلكترونية
-
تصميم تخطيط صفحتك
-
كتابة كود أش تي ام ال لإنشاء عناصر الصفحة
-
إضافة عناصر إضافية لتعزيز وظائف الصفحة
-
اختبار صفحتك الإلكترونية في متصفح ويب
المساهمة في مشاريع أش تي ام ال مفتوحة المصدر
Show steps
ستساعدك المساهمة في المشاريع مفتوحة المصدر على اكتساب خبرة عملية قيّمة وتوسيع معرفتك.
Show steps
-
العثور على مشروع أش تي ام ال مفتوح المصدر على جيثب أو منصات أخرى
-
قراءة وثائق المشروع وفهم أهدافه
-
إيجاد مشكلات أو ميزات للإسهام بها
-
إنشاء شوكة للمشروع واقتراح التغييرات
-
مراجعة التغييرات من قبل المساهمين الآخرين
إنشاء مجموعة من الموارد التعليمية ذات الصلة بأش تي ام ال
Show steps
ستساعدك المجموعة على تنظيم مواردك وتسهيل الرجوع إليها في المستقبل.
Show steps
-
جمع الموارد ذات الصلة من الإنترنت والكتب
-
تصنيف الموارد حسب الموضوع والمستوى
-
تنظيم الموارد في مجلد أو موقع مركزي
-
تحديث المجموعة بانتظام بموارد جديدة
عمل تمارين عمليّة لإنشاء عناصر وحاويات ش تي ام ال
Show steps
ستساعدك هذه التمارين على فهم كيفية استخدام علامات أش تي ام ال بشكل عملي لإنشاء صفحات ويب.
Show steps
Show steps
Show steps
- إنشاء ملف أش تي ام ال فارغ باستخدام محرر نصوص
- إضافة علامة الرأس <head> وعنصر العنوان <title>
- إضافة علامة الهيئة <body> وعناصر أخرى مثل العناوين والفقرات
- إضافة عناصر حاوية مثل <div> و <span>
- تعديل وتنسيق عناصر أش تي ام ال باستخدام CSS
اتباع دروس إرشادية حول بنية ملفات أش تي ام ال5
Show steps
ستوفر لك هذه الدروس الأساس الذي تحتاجه لفهم هيكل ملفات أش تي ام ال5 وإعدادها.
Show steps
Show steps
Show steps
- العثور على دروس إرشادية موثوقة عبر الإنترنت
- اتباع الدروس خطوة بخطوة
- تمرين الكود المقدم في الدروس
- طرح الأسئلة في منتديات المجتمع إذا لزم الأمر
المشاركة في مجموعات الدراسة لمراجعة مفاهيم أش تي ام ال
Show steps
ستتيح لك مجموعات الدراسة مناقشة المفاهيم مع الآخرين والحصول على وجهات نظر مختلفة.
Show steps
Show steps
Show steps
- إيجاد طلاب آخرين مهتمين بتطوير الويب
- إنشاء مجموعة دراسة منتظمة
- مراجعة المواد معًا
- إجراء مناقشات حول المفاهيم الصعبة
Three other activities
Expand to see all activities and additional details
Show all six activities
إنشاء صفحة ويب أساسية باستخدام أش تي ام ال
Show steps
سيساعدك إنشاء مشروع عملي في دمج المفاهيم التي تعلمتها في اختبار مهاراتك praktische.
Show steps
Show steps
Show steps
- تحديد هدف لصفحتك الإلكترونية
- تصميم تخطيط صفحتك
- كتابة كود أش تي ام ال لإنشاء عناصر الصفحة
- إضافة عناصر إضافية لتعزيز وظائف الصفحة
- اختبار صفحتك الإلكترونية في متصفح ويب
المساهمة في مشاريع أش تي ام ال مفتوحة المصدر
Show steps
ستساعدك المساهمة في المشاريع مفتوحة المصدر على اكتساب خبرة عملية قيّمة وتوسيع معرفتك.
Show steps
Show steps
Show steps
- العثور على مشروع أش تي ام ال مفتوح المصدر على جيثب أو منصات أخرى
- قراءة وثائق المشروع وفهم أهدافه
- إيجاد مشكلات أو ميزات للإسهام بها
- إنشاء شوكة للمشروع واقتراح التغييرات
- مراجعة التغييرات من قبل المساهمين الآخرين
إنشاء مجموعة من الموارد التعليمية ذات الصلة بأش تي ام ال
Show steps
ستساعدك المجموعة على تنظيم مواردك وتسهيل الرجوع إليها في المستقبل.
Show steps
Show steps
Show steps
- جمع الموارد ذات الصلة من الإنترنت والكتب
- تصنيف الموارد حسب الموضوع والمستوى
- تنظيم الموارد في مجلد أو موقع مركزي
- تحديث المجموعة بانتظام بموارد جديدة
Career center
Learners who complete مقدمة الاتش تي ام ال will develop knowledge and skills
that may be useful to these careers:
Front-End Developer
Front-End Developer
Front-end developers are responsible for designing and developing the user interface of websites and web applications. They use HTML5 to create the structure of a web page, CSS to style the page, and JavaScript to add interactivity. This course provides a foundation in HTML5, which is essential for front-end developers. By learning HTML5, learners will be able to contribute to the development and maintenance of websites, making them more competitive in the job market.
Web Developer
Web Developer
Web Developers are responsible for designing and developing websites and web applications. They use programming languages and markup languages to interact with databases, design user interfaces, and ensure website functionality. This course provides a foundation in HTML5, which is essential for building and maintaining websites. By learning HTML5, learners will be able to contribute to the development and maintenance of websites, making them more competitive in the job market.
Web Designer
Web Designer
Web Designers are responsible for designing the visual appearance of websites and web applications. They use HTML5 to create the structure of a web page, CSS to style the page, and JavaScript to add interactivity. This course provides a foundation in HTML5, which is essential for Web Designers. By learning HTML5, learners will be able to contribute to the development and maintenance of websites, making them more competitive in the job market.
User Experience (UX) Designer
User Experience (UX) Designer
UX Designers are responsible for designing the user interface and experience of websites and web applications. They use HTML5 to create prototypes and mockups of web pages and applications, and they use CSS to style the pages and applications. This course provides a foundation in HTML5, which is essential for UX Designers. By learning HTML5, learners will be able to contribute to the design and development of websites and web applications, making them more competitive in the job market.
Information Architect
Information Architect
Information Architects are responsible for designing the structure and organization of websites and web applications. They use HTML5 to create prototypes and mockups of web pages and applications, and they use CSS to style the pages and applications. This course provides a foundation in HTML5, which is essential for Information Architects. By learning HTML5, learners will be able to contribute to the design and development of websites and web applications, making them more competitive in the job market.
Content Strategist
Content Strategist
Content Strategists are responsible for planning, developing, and managing the content of websites and web applications. They use HTML5 to create and edit web pages, and they use CSS to style the pages. This course provides a foundation in HTML5, which is essential for Content Strategists. By learning HTML5, learners will be able to contribute to the development and maintenance of websites, making them more competitive in the job market.
Technical Writer
Technical Writer
Technical Writers are responsible for writing and editing technical documentation, such as user manuals, white papers, and training materials. They use HTML5 to create and edit web pages, and they use CSS to style the pages. This course provides a foundation in HTML5, which is essential for Technical Writers. By learning HTML5, learners will be able to contribute to the development and maintenance of technical documentation, making them more competitive in the job market.
Digital Marketing Specialist
Digital Marketing Specialist
Digital Marketing Specialists are responsible for planning and executing digital marketing campaigns. They use HTML5 to create and edit web pages, and they use CSS to style the pages. This course provides a foundation in HTML5, which is essential for Digital Marketing Specialists. By learning HTML5, learners will be able to contribute to the development and maintenance of websites, making them more competitive in the job market.
Social Media Manager
Social Media Manager
Social Media Managers are responsible for planning and executing social media campaigns. They use HTML5 to create and edit web pages, and they use CSS to style the pages. This course provides a foundation in HTML5, which is essential for Social Media Managers. By learning HTML5, learners will be able to contribute to the development and maintenance of websites, making them more competitive in the job market.
Graphic designer
Graphic designer
Graphic Designers are responsible for creating visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. They use HTML5 to create and edit web pages, and they use CSS to style the pages. This course provides a foundation in HTML5, which is essential for Graphic Designers. By learning HTML5, learners will be able to contribute to the development and maintenance of websites, making them more competitive in the job market.
Marketing Manager
Marketing Manager
Marketing Managers are responsible for planning and executing marketing campaigns. They use HTML5 to create and edit web pages, and they use CSS to style the pages. This course provides a foundation in HTML5, which is essential for Marketing Managers. By learning HTML5, learners will be able to contribute to the development and maintenance of websites, making them more competitive in the job market.
Sales Manager
Sales Manager
Sales Managers are responsible for planning and executing sales campaigns. They use HTML5 to create and edit web pages, and they use CSS to style the pages. This course provides a foundation in HTML5, which is essential for Sales Managers. By learning HTML5, learners will be able to contribute to the development and maintenance of websites, making them more competitive in the job market.
Business Analyst
Business Analyst
Business Analysts are responsible for analyzing business needs and developing solutions to improve business processes. They use HTML5 to create and edit web pages, and they use CSS to style the pages. This course provides a foundation in HTML5, which is essential for Business Analysts. By learning HTML5, learners will be able to contribute to the development and maintenance of websites, making them more competitive in the job market.
Project Manager
Project Manager
Project Managers are responsible for planning and executing projects. They use HTML5 to create and edit web pages, and they use CSS to style the pages. This course provides a foundation in HTML5, which is essential for Project Managers. By learning HTML5, learners will be able to contribute to the development and maintenance of websites, making them more competitive in the job market.
Account Manager
Account Manager
Account Managers are responsible for managing relationships with clients. They use HTML5 to create and edit web pages, and they use CSS to style the pages. This course provides a foundation in HTML5, which is essential for Account Managers. By learning HTML5, learners will be able to contribute to the development and maintenance of websites, making them more competitive in the job market.
For more career information including salaries, visit:
OpenCourser.com/course/y1ca5s/mqdm@
Reading list
We've selected six books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
مقدمة الاتش تي ام ال .
مجموعة شاملة تغطي أساسيات HTML و CSS و JavaScript و jQuery، مما يوفر للمتعلمين فهمًا متعمقًا لمكدس تطوير الويب بالكامل.
كتاب صديق للمبتدئين يتبنى نهجًا عمليًا في تدريس أساسيات HTML و CSS، مما يجعله خيارًا رائعًا للمتعلمين الذين يتطلعون إلى بناء فهم عملي.
Save
دليل متكامل يغطي أساسيات تصميم الويب بلغة سهلة الفهم، مما يجعله مناسبًا للمبتدئين الذين يتطلعون إلى اكتساب فهم شامل.
دليل متعمق يغطي تقنيات تطوير الويب باستخدام HTML5 و CSS3 و JavaScript، مما يسمح للمتعلمين باستكشاف التقنيات الحديثة وإنشاء تطبيقات ويب تفاعلية.
Save
دليل متقدم يغطي تقنيات CSS المتقدمة، مما يسمح للمتعلمين باستكشاف إمكانيات CSS بشكل أكبر وإنشاء تخطيطات أكثر تعقيدًا وتصميمات تفاعلية.
دليل عملي يغطي تقنيات تصميم الويب المستجيب، مما يوفر للمتعلمين المهارات اللازمة لإنشاء مواقع ويب تتكيف مع مجموعة متنوعة من أجهزة العرض.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/y1ca5s/mqdm@
Share
Similar courses
Here are nine courses similar to
مقدمة الاتش تي ام ال .
مقدمة إلى تطوير الواجهة الأمامية
OpenCourser.com/course/9l86kw/mqdm@
مقدمة إلى تطوير الواجهة الأمامية
Most relevant
مقدمة حول تطوير الواجهات الخلفية
OpenCourser.com/course/c4x2lc/mqdm@
مقدمة حول تطوير الواجهات الخلفية
Most relevant
كيفية إعداد وتغيير الدفع في مدير إعلانات فيسبوك
OpenCourser.com/course/zjswry/kyfy@
كيفية إعداد وتغيير الدفع في مدير إعلانات فيسبوك
Most relevant
أفضل الممارسات من أجل التسويق على فيسبوك مسنجر
OpenCourser.com/course/ana1mp/'fDl
أفضل الممارسات من أجل التسويق على فيسبوك مسنجر
Most relevant
تطوير الويب الكامل
OpenCourser.com/course/0vglga/tTwyr
تطوير الويب الكامل
Most relevant
المبيعات الواردة
OpenCourser.com/course/xd7ce5/lmby`t
المبيعات الواردة
Most relevant
اختيار هدف للحملة الإعلانية على فيسبوك
OpenCourser.com/course/8fzdhu/khtyr
اختيار هدف للحملة الإعلانية على فيسبوك
Most relevant
كيفية إعداد فيسبوك مسنجر للأعمال
OpenCourser.com/course/xbjkgm/kyfy@
كيفية إعداد فيسبوك مسنجر للأعمال
Most relevant
زيادة عدد المتابعين عبر البحث عن الكلمات الرئيسية والهاشتاغ
OpenCourser.com/course/ym8okk/zyd@
زيادة عدد المتابعين عبر البحث عن الكلمات الرئيسية...
Most relevant
Effort
1 hour
Level
Introductory
Via
Coursera
Institution
Coursera Project Network
Instructor
Sana Alkuyam
Language
العربية
Good to know
Teaches essential fundamentals and structures for HTML, enabling learners to build basic web pages
Emphasizes the use of Notepad++ for HTML coding, making it accessible for beginners with limited coding experience
Provides guidance on incorporating semantic HTML5 tags, enhancing the organization and accessibility of web pages
Includes hands-on exercises with clear instructions to reinforce understanding of HTML concepts
Introduces the role of HTML in modern web development and its applications in structuring and styling web pages
Utilizes the Google Chrome browser for displaying HTML outputs, ensuring compatibility with industry-standard web rendering
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser