مقدمة عن لغة HTML5 from Coursera

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

سيروق هذا المساق لطائفة كبيرة من الأشخاص، لا سيما أولئك الراغبين في تلقي وصفٍ مستفيضٍ عن المبادئ. لا توجد أي شروط لهذا المساق ويُفترض أن الطلاب يفتقرون إلى مهارات سابقة في مجال البرمجة أو خبرة سابقة في مجال تكنولوجيا المعلومات. سيُختتم هذا المساق بمشروع نهائي صغير يستلزم إنجاز صفحة بسيطة جدًا بها روابط وصور. ينصب تركيز هذا المساق على المبادئ وليس الشكل. بإمكانك الاطلاع على عيّنة صفحة نهائية على رابط http://intro-webdesign.com/html5-plain.html.

وهذا هو المساق الأول في تخصص تصميم مواقع الويب للجميع. ينصب تركيز المساقات التالية على المهارات الرائجة لتصميم صفحة بلغة CSS3 وإضافة عملية التفاعل من خلال استخدام لغة البرمجة جافا سكريبت وتعزيز عملية إعداد الأنماط عن طريق استخدام التصميم سريع الاستجابة. بإمكانك الاطلاع على عينة موقع لأجل المساق المتقدم على رابط http://intro-webdesign.com/

What's inside

Syllabus

الأسبوع الأول:

لن نتناول في هذا الأسبوع "الغموض" الذي يُحيط بشكبة الإنترنت. ماذا يحدث عندما تكتب عنوان الموقع في متصفحك بحيث تظهر صفحة ويب بطريقة سحرية؟ ما هو HTML5 وماذا حدث لـ HTML من 1 - 4؟ سنتناول أيضًا بعض المفاهيم العملية التي تحتاج إلى إتقانها قبل البدء في ترميز صفحاتك الخاصة.

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Explores the foundational principles of website design, making it suitable for beginners with no prior knowledge or experience

Provides a comprehensive study of the essential concepts of website design, including HTML5, CSS3, and JavaScript

Emphasizes accessibility and adherence to standards, ensuring websites are accessible to a wide range of users

Offers a structured and progressive approach to website design, starting from basic concepts and gradually introducing advanced techniques

Utilizes a combination of videos, readings, discussions, and interactive materials to enhance the learning experience

Provides a strong foundation for learners seeking to build and design websites, making it suitable for aspiring web designers and developers

Reviews summary

مقدمة شاملة لـ html5 مع تركيز على الوصولية

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

يختتم بمشروع بسيط يتيح تطبيق المفاهيم المكتسبة مباشرة.

"المشروع النهائي كان صغيرًا لكنه سمح لي بتطبيق ما تعلمته بشكل عملي ومفيد."

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

"ساعدني بناء الصفحة البسيطة في نهاية المساق على ترسيخ فهمي للمفاهيم الأساسية."

يبرز المساق أهمية الوصولية والمعايير الدلالية للويب.

"لم أكن أعرف أهمية HTML الدلالي قبل هذا المساق، وقد غير ذلك طريقة تفكيري في بناء المواقع."

"من الرائع أنهم يغطون معايير التدقيق والوصولية من البداية، هذا مهم جدًا لمستقبل الويب."

"تعلمت كيف أصمم صفحات يستطيع الجميع استخدامها، حتى ذوي الهمم، وهو جانب نادر في الدورات الأخرى."

يقدم المساق شرحًا واضحًا ومبسطًا لمفاهيم HTML5.

"لقد بدأت من الصفر تمامًا، وهذا المساق جعل تعلم HTML5 سهلًا للغاية بالنسبة لي."

"شرح المعلم كان مفهومًا وواضحًا، مما ساعدني على فهم المبادئ الأساسية بسرعة."

"أقدر كيف يركزون على فهم الآلية قبل البدء في كتابة الأكواد، هذا يبني الثقة."

قد يتطلب المحتوى تحديثًا دوريًا لمواكبة تطورات HTML5 السريعة.

"لاحظت أن بعض الأمثلة أو المراجع قد تكون قديمة بعض الشيء، لكن المبادئ الأساسية لا تزال صالحة."

"أتمنى لو أن المساق يتم تحديثه بانتظام ليشمل أحدث ميزات وتوصيات HTML5."

"المساق رائع، لكن نظرًا لسرعة تطور الويب، يجب الانتباه لتاريخ نشر المحتوى."

يوفر أساسًا قويًا ولكنه لا يتعمق في التصميم أو الجافاسكريبت.

"هذا المساق ممتاز للمبتدئين، لكن لا تتوقع أن يجعلك مصمم ويب محترفًا، إنه للمبادئ فقط."

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

"ينبغي أن أبحث عن مساقات CSS و JavaScript لاحقًا لإكمال معرفتي في تصميم الويب."

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 مقدمة عن لغة HTML5 with these activities:

Review HTML markup basics

Show steps

Review the basics of HTML markup, such as tags, attributes, and structure.

Browse courses on HTML

Show steps

Read through a beginner-friendly HTML tutorial
Try creating a simple HTML page with basic elements like headings, paragraphs, and links

Identify experienced web designers who can provide guidance

Show steps

Seek guidance from experienced professionals to enhance your learning journey.

Show steps

Attend industry events or workshops to network with web designers
Reach out to professionals on platforms like LinkedIn and ask for mentorship

Join a study group or online forum for web design beginners

Show steps

Connect with other learners to discuss concepts, share knowledge, and get feedback.

Show steps

Search for online communities or forums dedicated to web design
Introduce yourself and participate in discussions
Share your work and seek feedback from others

Three other activities

Expand to see all activities and additional details

Show all six activities

Follow a video tutorial on creating a simple website

Show steps

Follow a guided video tutorial to build a basic website from scratch.

Show steps

Find a video tutorial that suits your skill level and interests
Gather any necessary tools or resources mentioned in the tutorial
Follow the steps in the tutorial carefully, pausing to understand each concept
Experiment with different elements and styles to customize your website

Create a small website with basic HTML and CSS

Show steps

Apply your knowledge by building a small website with basic HTML and CSS.

Show steps

Plan the structure and layout of your website
Create the HTML code for the basic structure of your website
Add CSS styles to enhance the appearance of your website
Test your website on different devices and browsers

Practice creating HTML elements and writing CSS rules

Show steps

Strengthen your understanding of HTML and CSS syntax through practice.

Show steps

Find online resources or platforms that provide interactive exercises
Complete exercises and challenges to test your knowledge
Review your answers and identify areas where you need improvement

Career center

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

Web Developer

As a Web Developer, you will design, build, and maintain websites. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, which is the markup language used to create web pages. The course also covers CSS3, which is used to style web pages, and JavaScript, which is used to make web pages interactive.

See salaries and explore the career path for Web Developer

Web Designer

Web Designers create the look and feel of websites. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5 and CSS3, the two main technologies used to create web pages. The course also covers the basics of graphic design, which is essential for creating visually appealing websites.

See salaries and explore the career path for Web Designer

Front-End Developer

Front-End Developers are responsible for the user interface of websites. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages. The course also covers the basics of user experience design, which is important for creating websites that are easy to use.

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

User Experience Designer

User Experience Designers create websites that are easy to use and enjoyable to interact with. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages. The course also covers the basics of user experience design, including how to create websites that are accessible to users with disabilities.

See salaries and explore the career path for User Experience Designer

Webmaster

Webmasters are responsible for the maintenance of websites. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages. The course also covers the basics of website security, which is essential for protecting websites from hackers.

See salaries and explore the career path for Webmaster

Information Architect

Information Architects design the structure and organization of websites. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages. The course also covers the basics of information architecture, including how to create websites that are easy to navigate.

See salaries and explore the career path for Information Architect

Technical Writer

Technical Writers create documentation for websites. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages. The course also covers the basics of technical writing, including how to write clear and concise documentation.

See salaries and explore the career path for Technical Writer

Quality Assurance Analyst

Quality Assurance Analysts test websites for bugs and errors. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages. The course also covers the basics of quality assurance, including how to test websites for errors.

See salaries and explore the career path for Quality Assurance Analyst

Web Accessibility Specialist

Web Accessibility Specialists make websites accessible to users with disabilities. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages. The course also covers the basics of web accessibility, including how to create websites that are accessible to users with disabilities.

See salaries and explore the career path for Web Accessibility Specialist

Instructional Designer

Instructional Designers create training materials for websites. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages. The course also covers the basics of instructional design, including how to create training materials that are effective and engaging.

See salaries and explore the career path for Instructional Designer

Content Strategist

Content Strategists plan and create content for websites. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages. The course also covers the basics of content strategy, including how to create content that is relevant and engaging to users.

See salaries and explore the career path for Content Strategist

Search Engine Optimizer

Search Engine Optimizers make websites more visible in search engine results pages. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages. The course also covers the basics of search engine optimization, including how to make websites more visible in search engine results pages.

See salaries and explore the career path for Search Engine Optimizer

Social Media Manager

Social Media Managers create and manage social media accounts for websites. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages. The course also covers the basics of social media marketing, including how to create and manage social media accounts that are effective and engaging.

See salaries and explore the career path for Social Media Manager

E-commerce Manager

E-commerce Managers oversee the day-to-day operations of e-commerce websites. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages. The course also covers the basics of e-commerce management, including how to manage the day-to-day operations of an e-commerce website.

See salaries and explore the career path for E-commerce Manager

Project Manager

Project Managers oversee the development and implementation of websites. This course may be useful for those looking to enter this field, as it provides a foundation in HTML5, CSS3, and JavaScript, the three main technologies used to create web pages.

See salaries and explore the career path for Project Manager