#25 كورس html كامل بالعربي | الفرق بين iframe و بين embed و بين object
Ғылым және технология
Difference between iframe, embed and object elements
ماذا تعني لغة الترميز HTML؟ ما هي أنواع الوسوم - Tags أو عناصر HTML؟ وما هي المكونات الأساسية لعناصر HTML؟ وشرح باللغة العربية خطوة بخطوة لـ تعلم لغه html، كيفية إنشاء صفحة ويب بإستخدام أكواد HTML
________________
للتواصل معي
حسابي على instagram :
/ abdelrahman_noufal
حسابي على فيسبوك :
/ abdelrahman.g.nofal
الجروب الخاص بنا :
/ 1810581845642171
________________
روابط مهمة جداً
رابط موقع w3shools
www.w3schools.com/html/defaul...
اختبار html في اكاديمية نوفيل
nouvil.net/problem-solving/ht...
________________
تحميل محرر الاكواد visual studio لاجهزة الكومبيوتر
code.visualstudio.com/
_______________
كورس css في فيديو واحد هنا
• تعلم css في فيديو واحد...
________________
ماهي لغة الترميز HTML؟
الحروف هي إختصار HyperText Markup Language، وهي ليست لغة برمجية بالمعنى المتعارف عليه للغات البرمجة، ولكنها لغة أو طريقة لوصف محتويات صفحة الويب لبرامج التصفح، حيث أن أي برنامج متصفح انترنت يحتاج لمعرفة محتويات الصفحة من عناوين ونصوص وصور وروابط و غير ذلك من مكونات صفحة الويب، حتى تتمكن من عرضها بالشكل الصحيح، ولغة الترميز HTML، هي اللغة الرئيسية التي يتكون منها أي موقع أو صفحة على شبكة الإنترنت.
وتتكون صفحة الويب من مجموعة من العناصر (Tags) أو تعرف كــ الوسوم، يكتب كل وسم بين (angle brackets) أو كما تسمى علامة أصغر من وعلامة أكبر ولا يقوم المتصفح بعرض هذه الوسوم، ولكن يقوم بعرض محتوياتها، وهناك نوعين من الوسوم.
ما هي أنواع الوسوم Tags؟
النوع الأول: وهو عبارة عن وسم يتم عرض محتواه مباشرة في صفحة الويب، مثال img و input
النوع الثاgي: وهو عبارة عن وسم يصف ما بداخله من نصوص ، وقد يحتوي هذا الوسم بداخله على وسم آخر كعنصر وسوف تلاحظ في هذا النوع أن كل وسم يتكون من جزئين (وسم البداية) و (وسم النهاية) وبينهما المحتوى الذي يتم عرضه في المتصفح.
كيفية إنشاء صفحة ويب
نبدأ أولا بفتح برنامج notepad ثم من خلال القائمة File نقوم بحفظ الملف عن طريق إختيار الأمر Save As، وبعد ذلك سوف تظهر نافذة نكتب في خانة (إسم الملف - File Name) أي إسم من إختيارك فليكن مثلا test.html ويجب كتابة إسم الملف مع إمتداد الملف ولكتابة أكواد HTML يجب أن يكون إمتداد الملف إما (.html أو .htm) و في النافذة من الخانة Save as type سوف نختار All Files وفي خانة (Encoding) سوف نختار UTF-8 وذلك لكي يدعم الملف كتابة اللغة العربية ثم نضغط Save، والشكل التالي يوضح الخطوات بالتفصيل.
بعد إنشاء الملف ومعرفة المكونات الأساسية لعنصر من عناصر لغة الـ HTML سوف نبدأ بكتابة الأكواد الأساسية لإنشاء صفحة ويب (أو يمكنك نسخ محتويات المربع التالي في الملف) وبعدها سوف أشرح كل عنصر بالتفصيل.
ووظيفته أن يصف للمتصفح أن الكود المستخدم هو بلغة HTML، أما الوصف lang فوظيفته أن يصف للمتصفح أن محتويات صفحة الويب سوف تكون باللغة العربية، وذلك لأننا إخترنا القيمة ar أما إذا كان المحتوى باللغة الإنجليزية فيمكن أن تكون قيمة الوصف en. وقمنا بوضع وسم البداية (Opening Tag) في أول الأكواد وفي نهاية الكود كتبنا وسم النهاية (Closing Tag)، وبعد ذلك سوف نقسم الصفحة إلى قسمين رئيسيين أولهما ومحتوى هذا الوسم لا يظهر في المتصفح، ولكنه يحتوي على معلومات عن الصفحة وعن كيفية عرض محتويات الصفحة وذلك بإستخدام العناصر وثاني قسم في صفحة الويب وكل ما يكتب بداخل هذا الوسم هو ما يتم عرضه وتنسيقه من خلال المتصفح
ما هي لغة ترميز النص الفائق؟
لغة ترميز النص الفائق هي ليست لغة برمجيّة بل لغة وصفيّة (markup language) تعمل على وصف هيكلة محتويات صفحات الويب. تتألف لغة ترميز النص الفائق من مجموعة من العناصر (elements) تُستخدَم لاحتواء الأجزاء المختلفة من المحتوى لتجعله يظهر بطريقة معينة. فيمكن استخدام الوسوم المغلقة (enclosing tage)، مثلاً، لإضافة رابط تشعبي لكلمة أو لصورة يشير لموقع آخر، كما يمكن استخدامها لجعل الكلام مائل أو لتصغير الخط وتكبيره. لنأخذ النص التالي كمثال:
ماذا ستتعلم في كورس تصميم مواقع الويب و كورس html
مقدمة عن تصميم المواقع الالكترونية وأنواع المواقع وطرق تصميم المواقع
التعريف ببرامج تصميم المواقع المختلفة و مميزات كل منها
التعريف بلغة HTML المستخدمة في تصميم المواقع
شرحة بنية ومحتويات ملف HTML
شرح tags and containers
شرح انواع content models in HTML5
أساسيات HTML
شرح المسافات الفارغة والتعليفات في الكود
النصوص والفقرات
تنسيق الملف
اضافة صور الى موقعك
اضافة فيديوهات الى موقعك
اضافة صوتيات الى موقعك
استخدام block and inline tags
Displaying characters with references
Metadata and the Document Head
اضافة الاسكربتات للملف
استخدام الميتا تاج Meta Tag
طريقة تهيئة الصفحة لمحركات البحث
النصوص
HTML5
استخدام الجداول Tables
شرح وأستخدام أجزاء الجداول
Grouping columns
القوائم في لغة html
اضافة نوافذ مواقع اخرى الى موقعك
اضافة فيديوهات يوتيوب الى موقعك
التعامل مع ال input بمختلف اشكالها
Пікірлер: 88
والله يبني انا بحمد ربنا اني لقيت واحد الحمدلله بيعرف يشرح زي حضرتك وكله في ميزان حضرتك يارب اللهم اني اسألك ان تدخله جنه الفردوس العليا بدون حساب ولا سابقة عذاب وخفف سكرات موتنا واحسن خاتمتنا جميعا و قنا عذاب النار واهدني واهدي اولادنا وازواجنا وامهاتنا وابائنا وكل المسلمين اللهم اغفر للمسلمين والمسلمات المؤمنين والمؤمنات الاحياء منهم والأموات اللهم قدر لنا مقابله النبي في الدنيا قبل الممات اللهم اجعل لكل خطوه يلخذها عبدالرحمن بركه وكل رجعه بركه وابعد عنه الشر كله واقرب إليه الخير كله اللهم احفظه من يمينه ومن يساره ومن فوقه ومن تحته اللهم احفظنا جميعا من الشيطان وجنبنا منه يارب اللهم افرج حالنا ويسر امورنا واشفي مرضانا واهدنا جميعا اللهم امين❤
وربي شرحك غير بمعنى الواحد يحب الكورس ومحتواه من شرحك لوحده ❤❤❤❤
ربنا يبارك في عمرك يارب ويجعله في ميزان حسناتك حقيقي انا استفدت منك وفاضل حلقه عشان الحم علي طول في كورس ال css وبعدين ال javascript 😍😍😍😍
شكرا لك استاذ عبدالرحمن جميل وكورسك اجمل كورس اطلعت عليه باللغة العربية كثافة معلومات وبساطة شرح وتركيز في الوقت وعدم تشتت المعلومات. مع كل الشكر والتقدير .
الله يسعدك يارب شرح كافي وافي ماشاء الله تبارك الله , الله يكتب أجرك يارب 💙💙
روعة دكتور شرح جد رائع الله يعطيك ما تتمنى ان شاء الله
بسم الله ماشاء اللة الله اكبر ربنا يبارك فيك. محتاجين css . I am waiting for css
ما شاء الله ان الله يحب احدكم اذا عمل عملا ان يتقنه واشهد بالله انك اتقنته وصدقت فيه الله يجزير الخير يارب
شرح ممتاز، اللهم اجعله في ميزان حسانتك
شكرا شكراا شرح فوق المستوى بالتوفيق والنجاح ان شاء الله
يا ريت كورس كامل في ايونيك .... كل الشكر دروس قمة في الروعه
كثير استفدنا شكرا لك جزاك الله خير ❤️
بارك الله بجهودكم افضل شرح بالعالم منتضرين تكملنا cs50
@BobziSb5249
Жыл бұрын
هو نفسه ل css ؟ او قريب منه
شرح جميل و مفصل الله يبارك فيك و يوفقك
ما شاء الله على طريقة الشرح 👌😍
جزاك الله خير باش مهندس عبدالرحمن
تسلم ياهندسه ممكن حضرتك تكمل كورس cs50
الله ينور وشكرا على تعبك والمحتوى القوى
شرح جميل جدا وشكرا على تعبك
❤❤❤❤مشكور استاذ الغالي حرم انك الشرح حق قوة القوة يا غالي ...❤افدي الجشاب حقك حرم اننا افهم معك صح
ما شاء الله شرحك تحفه .
الله يرضى عنك يا عبدالرحمن
شكرا لك على الشرح المميز
بارك الله في حضرتك⭐⭐⭐🌎
ممكن تكمل كورس cs50x شرح اكثر من رائع بارك الله بيك
محتوي اكثر من رائع ز شكرا
شرح رائع شكرا كتير
ما شاء الله على طريقة الشرح♥
بارك الله فيك ❤
الله يكتب اجرك
شكرا لك وجزاك الله خيرا
جزاك الله خيرا
لا أعرف ما اقول جزاك الله الف الف خير واتمنى لك الجنة ان شاء الله 🤲
ربنا يكرمك يا هندسة
الله يعطيك العافيه
شكرا لك استاذ عبدالرحمن , اتمنى تعمل لنا CCNA 200-301 بالعربي
الشرح مره كويس ماشاء الله شكرااا 👏👏
@layanlahloub9381
10 ай бұрын
baekhyun :(!!!
@Mashael_96
10 ай бұрын
yes yes 😿😿😿😿❤❤🧡🧡@@layanlahloub9381
كورس ممتاز جداااا
تحفة والله
بارك الله فيك وجعله في ميزان حسناتك لايوجد تبسيط للمعلوات مثل تبسيطك اتمنى الا تتوقف في تنزيل المحتوى
ابداع
ياريت يا عبد الرحمن تعلمنا الform و ازاى نعمل Ecommerce
ممكن تعطينا حلقة للاختصارات كالتي تقوم بكتابة العديد منت الاسطر في كتابة واحدة
متابعك من اليمن
شكرا ليك ولله
thank youuuuu techr
السلام عليكم استاذ انا عملت موقع خاص بلغة html وcss ممكن اعرف اذا حبيت اضيف صور او فيديو او اطور بالموقع كيف راح يكون يعني ايضا اكتب كود برمجي او كيف؟؟؟
اجل لن نجد استاذ مثلك 🫡🫡🫡يشرح باللغة العربية مثلك 🫡🫡ولن نجد لكن المشكل اذا تقدمنا في مستوى من الي راح يشرحلنا بالعربية 😔
طيب لو بنزل مقطع فيديو استخدم أم أستخدم الوسم video ؟
عود حميد
لو سمحت ممكن تقول بعد مثلا بنكتب كود برنامج اي الخطوات علشان يبقي برنامج
هندسه لو سمحت في موقع بيعملش تضمين للصفحه الرئيسيه هل ليها حلً ضروري
cs50
استاذنك محتاجه اتوصل مع حضرتك ضرورى بخصوص تنفيذ بيئة الواقع الافتراضي
يعني عمليا نفهم انو هو الي يستخدم الباقي قليل استخدامهم ؟وشكرا
استاذنا اجيب شغل مطور ويب ازاي
لازم تمرين شامل
جميل ممكن ملفpdf cs50
درس رخم جدا جدا بجد بس مشكور لمجهودك
@AbdelrahmanGamal
Жыл бұрын
لو في حاجة وقفت معاك او انا مشرحتهاش بشكل كويس ممكن تقولها و هحاول اوضحهالك اكتر
♥️♥️♥️
✅
هو انت بتستخدم متصفح اي
Top top top
Wow
هل استخدام فيديو من يوتيوب ممكن يعرضك ل copyright او لا؟
طب انا عندي مشكله في اني اشغل ال pdf شغال موبيل
طيب لو عاوزه اضمن صفحه فيسبوك اعمله ازاي؟
ملخص الكلام: لاضافة صورة أو فيديو نستخدم وسم الصور أو الفيديو. ولاضفة تضمين نستخدم وسم .
6:38 كيف أحمي موقعي من التضمين؟
ازاي في الدقيقه 11 اتكتب attribute ال height في ال i frame و object و embed التلاته مره واحده ؟؟
@Mohammed-ny6fp
5 ай бұрын
Ctrl + alt +mouse click alt + bottom click or top click
هل تعرف احد يوتيوب بيعمل كورس لغة LUA
كنت بذاكرك وعطلت ف الفرق في دول ولقيتك شارحهم اهه
كيف بتكتب على Iframe وال object وال embed بنفس الوقت؟ شفتك عملت كدا كتير حاولت بس م ظبطت معاي
فريم ست؟frameset
ليه مفيش تكاليف
12:10 @MonsMons
الله يعطيك العافيه
cs50
cs50
cs50
cs50
cs50