تعلم إنشاء صفحات الويب مجانا باستخدام HTML و CSS

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

 

تعلم إنشاء صفحات الويب مجانا باستخدام HTML و CSS

الأهداف و المكتسبات:

• الهدف الأساسي هو تعلم إنشاء صفحات الويب باستخدام HTML و CSS.

المحتوى:

أولا ستبدأ مشوارك بمقدمة في HTML، ستتعرف فيها على HTML؛ ما هي و ما كيفية إنشاء صفحات الويب حيث تحتوي على نصوص و صور مرقمة. و يتضمن هذا المحور ما يلي:
• نظرة عامة حول الويب و مواقع الويب.
• أساسيات HTML.
• معلومات سريعة و نصائح حول علامات HTML أو HTML tags. ثم تحدي.
• تركيز النص text emphasis، متبوع بتحدي.
• القوائم، ثم تحدي.
• الصور في HTML متبوع بتحد أيضا.

ثانيا ستتعرّف على كيفية كتابة قواعد CSS بسيطة. و يتضمن هذا المحور ما يلي:
أساسيات CSS.
• نصائح سريعة حول التحديد بعلامات الأسماء.
• تحد حول خلق الألوان.
• CSS: التحديد ب id متبوع بتحد.
• الفئات أو الأقسام في CSS ثم تحد.
• اختبار قصير تطبق فيه كل ما سبق.
• و ختاما لهذا المحور ستقوم بعمل مشروع لإنشاء صفحة سفر.

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

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

سادسا، ستتعرف على تخطيط CSS، و يتضمن هذا المحور ما يلي:
• عناصر تجميع CSS ثم ستقوم بتحد حول تجميع المجموعات.
• عرض CSS و الطول و التجاوز overflow,
• محيط ال overflowing.
• موقع CSS متبوع بتحد.
• خرائط جوجل Google Maps.
• عناصر floating CSS ثم تحد.
• اختبار لما سبق في المحور.
• تطبيق.
• التخطيط لصفحة الويب الخاصة بك.
• مشروع.

و في المحور السابع ستتعرف على المزيد حول محددات CSS، ثم ستتعرف على طرق أخرى لتضمين CSS.

و لتختتم رحلة تعلمك، ستجد أمورا أخرى في النهاية لتتعلمها، مثلا:
• ما الذي يمكنك فعله للحفاظ على تعلم HTML و CSS؟
• تصميم صفحات الويب.
• التحقق من صحة HTML.
• اختبار حول التحقق من صحة HTML.

أين سأتعلم كل هذا؟

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

مسيرة تعلم موفقة للجميع، نحن رهن الإشارة إن احتجتم مساعدة ما. يكفي مراسلتنا عبر الصفحة الرسمية للموقع على الفيسبوك Education Libre أو ترك تعليقات. ويمكنكم متابعتنا عبر تطبيق Telegram لتتوصلوا بمستجدات موقع التعلم الحر باستمرار.

You may also like...

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *