دورة تعليم HTML - الدرس الأول

بواسطة -
السلام عليكم ورحمة الله وبركاتة

أهلآ ومربحآ بكم زوار مدونة ألافعي (Viper)

اليوم هقدم ليكم اول درس من دروس دورة Html




مقدمة عن لغة Html

تعتبر لـغة الــ HTML هيا اللغة المستخدمة فــي تـصميم جمـــيع صفــحات الويـــب الإحــتـــرافية
حيث أن HTML تــعـنــي (( Hyper Text Markup Language )) أيـ لــغة الترميـــز الــمـتـشـعبة
حـيـث تعتبر لــغــة الـــ HTML هيـا اسهل لغات البرمجه ولا تحتاج لمعرفة اي لغة برمجة أخـــري
وتتكون لغة الــ HTML مـن مـجموعة مـن الـوسوم
إذا ســتـسألني الان مــاهــيا الوسوم ؟؟ الــوسم يــكـون عـبـارة عن كلمة بين قوسين كــ هذا < >
ويكون لكل كلمة وسمين وسم بداية و وسم نـهاية هـكـذا علي سبيل المثال <HTML> هذا يسمي وسم بداية و <HTml/> هذا يسمي وسم نــهـاية
 ماذا تلاحظ؟ أن كل منها يتألف من زوج من الوسوم أحدهما وسم البداية، والآخر وسم النهاية. ويتميز وسم النهاية بوجود الرمز / . تأمل الرسم التالي، فهو يعطي فكرة عن تركيب ملف Html E إذن فملف Html يبدأ دائماً بالوسم <HTML> وينتهي بالوسم <‎/HTML>. لا تنسى ذلك!

أما الوسم <HEAD> فيحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة. كالعنوان الظاهر على شريط عنوان المتصفح. وهذا العنوان بدوره يحتاج لأن يوضع بين الوسمين: <TITLE> … <‎/TITLE> وبالطبع يجب كتابة الوسم <‎/HEAD> لكي ننهي هذا المقطع.
نأتي إلى الوسم <BODY> والذي يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو أيضاً يحتاج إلى وسم الإنهاء <‎/BODY>
Html File Structure



ما رأيك لو نبدأ بتطبيق هذه المعلومات بصورة عمليه؟ هيا… قم بفتح برنامج المفكرة واكتب ما يلي:

إذا لـنـبدأ

الــســؤال الان مـــاذا نـــحــاج كــي نــكتب بــلغـة HTML
أولآ ان يــكون لــديك مــتــصفــح InterNet Exblorer
ثــانــيا بـــرنــامج NoTepad
حــيــث ان متصفح explorer و notepad موجودة علي جميع الاجهزة
إذآ أولا إفتح قــائــمة Start ثــم قــم بـــكــتـابة NotePad هـكــذا كــما هــوا موضح في الصورة
إذا فلنأخذ مثال ونـطبقة عمليــآ
نريد عمل صفحة عنوانها first web page
و محتواها Wow, I'm writing my first webpage

إذا أولآ سـنـكتب
<HTML>  وسنترك الوسم مفتوح لا نغلقة
<head> ويعني رأس الصفحة
<title> ويعني عنوان رأس الصفحة الذي نريدة
First web page
<title/> ثم نغلق الوسم بعد كتابة العنوان
<head/> ونغلق وسم رأس الصفحة
<Body> ويعني المحتوي ونكتب ما نريدة في المحتوي
wow , I'M writing my first webpage
<body/> ثم نغلق الوسم بعد كتابة ما نريد
<html/> ثم نغلق الوسم الذي بدأناه وهوا يعني ان الصفحة بلغة HTML
ثم قم بحفظ ما كتبتة بصيغة .Htm هــكــذا


ثم نقوم بفتحها ستكون هكذا

فيديو الشرح



الدرس الثاني

تعليقات

إرسال تعليق

المشاركات الشائعة من هذه المدونة

خدمة تصميم الشعارات واللوجوهات مجانآ

بواسطة -
صورة
السلام عليكم ورحمة الله وبركاتة مرحبآ بكم زوار مدونة العالمي  بعد ايقاف الخدمة سابقآ بسبب بعض المدونين الذين كانو يطلبون الشعارات ومن ثم اجد من تجاههم سوء معاملة في طريقة طلب الشعارات قررت ان اقوم بإيقاف الخدمة سابقآ ولكن قد قررت ان اقوم بإرجاعها مرة اخر لسبب واحد فقط هوا ان هناك فعلآ من يستحق المساعدة و الان بوسعكم ان تطلبو شعار خاص لمدونتك حيث ان كل ما عليك هوا ان تضعو رابط مدونتكم في تعليق وماذا تريد ان يكون اسم اللوجو و وصف المدونة  وسوف وانا سوف اقوم بتصميم لوجو احترافي لمدونتكم وكل هذا بدون اية مقابل ** ملحوظه هذه الخدمة مجانية دون اية شروط وبدون ايه مقابل ** وعلي الرغم من ان هذه الخدمة مجانية بإمكانك ان تعتبرها خدمة مدفوعة اي عندما اصمم لك لوجو  ولم ينال اعجابك كل ما عليك هوا اخباري وانا سوف اقوم بعمل ما يناسبك وانا واللهي علي اتم الاستعداد ان اصمم لك ازيد من الف لوجو حتي تحصل علي ما ينال اعجابك برجاء وضع كتابة الالوان التي تريد ان يكون بها اللوجو الخاص بك واذا لم تكتب ايه الوان وقمت بتصميم لوجو لك ولم تعجبك الوانه عليك ايضآ ان تقول لي غير الالوان وسوف يت
قراءة المزيد

skilledup شرح افضل محرك بحث خاص بالدورات والكورسات المجانية والمدفوعة

بواسطة -
صورة
السلام عليكم ورحمة الله وبركاته ,في هذا الموضوع سأقدم لكم محرك بحث خاص بالكلوسات والدورات لذا فإذا كنت ممن يهتمون بالتعلم عبر الانترنت ويهتمون بتحميل وبجديد الدورات الالكترونية فإني اليون قد أتيت لكم بمحرك بحث خاص بالدورات والكورسات التي تقدم علي شبكة الانترنت سواء كانت تلك الدورات او الكورسات تقدم بشكل مجاني او تقدم بشكل مدفوع حيث ان فائدة محرك البحث هذا انه سوف يجلب لك اكبر قدر ممكن من الدورات او الكورسات التي سوف تبحث عنها سواء كانت مجانية او مدفوعة ومحرك البحث هوا skilledup .. اولآ ماذا يختلف Skilled up  عن غيرة من محركات البحث الاخري او ما هوا Skilledup Skilledup   هوا محرك بحث خاص يساعدك حول ما تبحث عنه في ثوان معدودة حيث يوجد به ويستطيع الوصول الي اكثر من 150,000 الف كورس و دورة ,, ومعظم الكورسات التي توجد علي Skilleup   غالبآ ما تكون باللغة الانجليزية ,, وستجد ايضآ بعض الكورسات باللغة الاسبانية والفرنسية وحتي ستجد كورسات باللغة الالمانية ,, وكما ذكرت لكم مسبقآ بأن ليست جميع الدورات والكورسات مجانية بل يوجد منها ما هوا بشكل مدفوع ولكن الحد الاقصي لسعر الدورات
قراءة المزيد

سارع بالحصول علي اللوجو الخاص بك

بواسطة -
صورة
السلام عليكم ورحمة الله وبركاتة مرحبآ بكم اخواني واخواتي زوار مدونة العالمي الان بوسعكم ان تطلبو شعار خاص لمدونتك حيث ان كل ما عليك هوا ان تضعو رابط مدونتكم في تعليق وسوف وانا سوف اقوم بتصميم وجو احترافي لمدونتكم وكل هذا بدون اية مقابل ** ملحوظه هذه الخدمة مجانية دون اية شروط وبدون ايه مقابل ** وعلي الرغم من ان هذه الخدمة مجانية بإمكانك ان تعتبرها خدمة مدفوعة اي عندما اصمم لك لوجو  ولم ينال اعجابك كل ما عليك هوا اخباري وانا سوف اقوم بعمل ما يناسبك وانا واللهي علي اتم الاستعداد ان اصمم لك ازيد من الف لوجو حتي تحصل علي ما ينال اعجابك برجاء وضع كتابة الالوان التي تريد ان يكون بها اللوجو الخاص بك واذا لم تكتب ايه الوان وقمت بتصميم لوجو لك ولم تعجبك الوانه عليك ايضآ ان تقول لي غير الالوان وسوف يتم تغييرها في الحال سوف يتم عمل اللوجو الخاص بك وستحصل عليه في نفس اليوم ** مـلحوظة يـتم عمل شعارات ثابتة فقط وليست متحركة **
قراءة المزيد