كورس html كامل في فيديو واحد | تعلم html بالكامل

Video Description

ماذا تعني لغة الترميز HTML؟ ما هي أنواع الوسوم - Tags أو عناصر HTML؟ وما هي المكونات الأساسية لعناصر HTML؟ وشرح باللغة العربية خطوة بخطوة لـ تعلم لغه html، كيفية إنشاء صفحة ويب بإستخدام أكواد HTML ________________ عملت تحدي html جميل جداً تقدروا تختبروا مستواكم فيه التحدي مكون من 35 سؤال هنا https://nouvil.net/problem-solving/html-quiz/ الجروب الخاص بنا https://www.facebook.com/groups/1810581845642171 تحميل محرر الاكواد visual studio لاجهزة الكومبيوتر https://code.visualstudio.com/ _______________ ماهي لغة الترميز 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 بمختلف اشكالها ______________ توقيت الفيديو 00:00 بداية كورس html 02:02 الخطوة الأولى فب تعلم html 03:19 Create html project 05:11 Create html file 09:05 html Tags 18:32 HTML Components 23:11 html Head 46:11 Paragraph 59:52 Text Formating 01:14:00 Images 01:27:15 Audio 01:34:58 video 01:50:16 tables 02:05:21 lists 02:15:41 semantic elements 02:20:36 links 02:39:58 form 02:59:42 input action method 03:09:44 input types 03:21:51 time 03:25:40 radio - checkbox 03:38:56 select - options 03:51:38 buttons 04:00:12 validate textarea 04:17:23 Iframe embed object 04:40:40 download