نظرة عامة على اللغات الأساسية: HTML وCSS وJava

Name: نظرة عامة على اللغات الأساسية: HTML وCSS وJava
Author: Matthew Brown

تعلم لغة ترميز النص التشعبي HTML وأوراق أنماط المحتوى CSS

شاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ6.

دورة تدريبية: عند الطلب

أساسيات HTML وتصميم موقع الويب مرحبًا، أنا دكتور براون وفي هذا الفصل سنلقي نظرة على أساسيات HTML أو لغة ترميز النص التشعبي CSS أوراق الأنماط المتتالية ومقدمة لبرمجة جافا لنبدأ بإلقاء نظرة على لغة ترميز النص التشعبي وهي أساس جميع مواقع الويب التي تم إنشاؤها اليوم HTML هي لغة ترميز نصية تتكون من سلسلة من العلامات المحددة تُستخدم هذه العلامات في هيكلة المحتوى على صفحة الويب سنستخدم محرر ++Notepad كما هو معروض هنا لإنشاء أول صفحة ويب لدينا صفحات HTML لها بنية محددة والتي تستخدم سلسلة من العلامات المفتوحة والمغلقة التي تستخدم لترميز النص ليتم عرضه على موقعنا سنبدأ بقول ما نوع المستند الذي نقوم بإنشائه باستخدام علامة DocType HTML لذا قمنا بإدخال محدد DocTyped كمستند HTML يتم وضع جميع العلامات في رمز علامة إقحام مفتوح ومغلق بعد ذلك، سندخل العلامة التالية، وهي علامة HTML الذي يشتمل على نص صفحة الويب الخاصة بنا كما ذكرنا سابقًا، تحتوي جميع العلامات الافتتاحية على علامة إغلاق جميع علامات الإغلاق مسبوقة بشرطة مائلة للأمام لذا فإن محتويات باقي موقعنا سيتم إرفاقها بعلامة HTML المفتوحة والمغلقة هذه بعد ذلك، سوف نحدد أن لدينا جسمًا لصفحة الويب هذه باستخدام علامة الجسم Body تذكر، كل علامات المحتوى يجب أن يكون لها علامة فتح وإغلاق بينما نقوم ببناء محتويات صفحة الويب الخاصة بنا سيتم وضع كل هذه المحتويات داخل الجسم بعد ذلك، نريد تغيير لون خلفية صفحة الويب الخاصة بنا من الأبيض إلى لون الأزرق البارودي لذلك سنقوم بتعيين لون خلفية سمة النمط داخل علامة الجسم إلى أزرق بارودي إذن ما فعلناه هو داخل علامة Body قمنا بتعيين لون خلفية سمة النمط إلى أزرق بارودي نحن الآن جاهزون لبدء وضع نص على صفحة الويب الخاصة بنا لذا سندخل النص، هذه أول صفحة ويب لي لكننا سندخله كرأس عنوان Header من المستوى 1 باستخدام علامة رأس عنوان من المستوى وسنقوم أيضًا بتوسيط هذا النص على صفحتنا باستخدام علامة المركز حسنًا، نرى هنا، لدينا علامة H1, Header 1 علامة إغلاق H1 رأس العنوان لدينا علامة المركز والتي ستركز هذا النص على صفحتنا وعلامة مركز إغلاق يمكنني تكديس العلامات على سطر واحد علينا فقط أن نتذكر أن علامات الإغلاق ستكون بترتيب عكسي نريد الآن إدخال سطر آخر من النص كرأس عنوان Header من المستوى 2 باستخدام علامة Header المستوى 2 نريد أيضًا أن نضع هذا في المركز أيضًا سينص هذا النص على جملة: Oh the open road كما نرى هنا، لدينا رأس عنوان من المستوى 2 يتم توسيطه سيذكر النص، يا الطريق المفتوح Oh the open road لدينا علامة إغلاق المركز Closing Center متبوعًا بعلامة إغلاق العنوان 2 أخيرًا، نريد إدخال صورة على موقعنا لأنه لا يوجد موقع ويب مكتمل بدون بعض الصور لذلك سوف نستخدم صورة الطريق بتنسيق JPEG المدرجة في مواد الدورة وسنقوم بتوسيط هذه على الصفحة أيضًا سنقوم بتعيين سمة مصدر الصورة بالإضافة إلى النص البديل، عرض وارتفاع الصورة يجب أن تكون الصورة في نفس المجلد حيث يتم حفظ صفحة الويب من أجل العثور عليها حسنًا، سنرى أن لدينا المركز مرة أخرى، لتوسيط سمة الصورة تم ضبط المصدر على الطريق، ذلك JPEG سيكون النص البديل هو الطريق Road العرض 500 والارتفاع 600 وهذه بالبكسل نحن الآن جاهزون لحفظ وتشغيل صفحة الويب الجديدة الخاصة بنا علينا التأكد من حفظنا لصفحة الويب كمستند HTML لذا سنقوم بتغيير نوع Save As إلى HTML وسنطلق على هذه أول صفحة ويب My first web page ويمكننا حفظ الملف شيء واحد يفعله برنامج ++Notepad هو أنه يبرز أو يظلل بعض كلماتك الرئيسية مثل النمط والمصدر والبديل والعرض والارتفاع يتيح لك معرفة أنك قمت بتنسيق هذا بشكل صحيح لذا الآن سنقوم بتشغيل صفحة الويب الأولى الخاصة بنا علينا تحديد موقع الملف الذي حفظناه وعلينا تغيير نوع الملف إلى All Files للعثور على ملف HTML الخاص بنا ونختار MyFirstWebPage.html ويمكننا أن نرى أننا أنشأنا أول صفحة ويب لدينا نص العنوان المستوى 1 ينص على أن هذه هي صفحة الويب الأولى الخاصة بي لدينا نص العنوان من المستوى 2 Oh the Open Road ولدينا صورتنا في وسط صفحتنا شكرا للانضمام بعد ذلك، سوف نتعرف على أوراق الأنماط المتتالية CSS واستخدامها في تطوير الويب لدينا

مبتدئ مقدِّم الخدمة : Matthew Brown 6 الدروس · 37m باللغات: العربية, الألمانية, الإنجليزية, الإسبانية, الفرنسية, البرتغالية, Chinese

وصف الدورة

يقدم هذا الجزء لغة ترميز النص التشعبي Hyper (HTML) وأوراق أنماط المحتوى (CSS). وسيقدم أيضا لغة برمجة Java باستخدام واجهة CLI وIDE. سيعلم المستخدم كيفية دمج صفحات Java JSP في موقع ويب.

أهداف الدورة التدريبية:

المهارات التي ستتعلمها:

ما ستتعلمه

كتابة HTML أساسي لبناء هيكل صفحات الويب وتطبيق أسس تصميم الويب
استخدام صحائف أنماط المحتوى (CSS) ودمجها في صفحات الويب
بناء برامج Java أساسية باستخدام واجهة سطر الأوامر وواجهة بيئة التطوير المتكاملة
تطوير تطبيقات Java باستخدام NetBeans Java IDE
دمج صفحات Java JSP في موقع إلكتروني
تنفيذ برامج Java من مواقع HTML

النقاط الرئيسية

يُقدّم المقرر لغة ترميز النص التشعبي (HTML) وصحائف أنماط المحتوى (CSS) لتصميم الويب.
يتناول لغة برمجة Java باستخدام كل من واجهة سطر الأوامر (CLI) وبيئة التطوير المتكاملة.
يتدرب المتعلمون على سير عمل Java IDE باستخدام NetBeans.
يُعلّم المقرر كيفية دمج صفحات Java JSP في موقع إلكتروني.
تُبيّن الدروس كيفية تنفيذ برامج Java من مواقع HTML.

الأسئلة الشائعة

ما الموضوعات التي يتناولها هذا المقرر؟

يُقدّم HTML وصحائف أنماط المحتوى (CSS) ولغة برمجة Java باستخدام كل من واجهة سطر الأوامر وبيئة التطوير المتكاملة، بما في ذلك دمج صفحات Java JSP في موقع إلكتروني.

ما المهارات التي سأكتسبها من هذا المقرر؟

ستتعلم ترميز HTML الأساسي واستخدام CSS الأساسي وكيفية كتابة برامج Java الأساسية في واجهة سطر الأوامر وبيئة التطوير المتكاملة، مع التعمق في لغات الترميز ولغات Java البرمجية.

هل يُعلّم هذا المقرر Java ضمن بيئة تطوير متكاملة محددة؟

نعم. يُعلّم المقرر Java باستخدام NetBeans Java IDE إلى جانب واجهة سطر الأوامر (CLI).

هل سأتعلم كيفية ربط Java بموقع إلكتروني؟

نعم. يُعلّم المقرر كيفية دمج صفحات Java JSP في موقع إلكتروني وكيفية تنفيذ برامج Java من مواقع HTML.