مقدمة عن لغة 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؟ سنتناول أيضًا بعض المفاهيم العملية التي تحتاج إلى إتقانها قبل البدء في ترميز صفحاتك الخاصة.

أسبوعين:

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

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

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

Good to know

Know what's good

, what to watch for

, 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

Excellent introductory course

This course offers a solid introduction to HTML5 fundamentals. It covers the basics of web design and provides hands-on practice to build a simple webpage. The instructor is clear and easy to follow, making it a great option for beginners with no prior programming or IT experience.

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:

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

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

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

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

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

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

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

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

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

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

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

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

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