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

الموضوع حيبقى ماشى سؤال وجواب

طيب اولا اية هو الاتش تى ام ال؟

هى لغة لوصف صفحات الويب ،وهى ختصار الى Hyper Text Markup Language
وهى ليست لغة برمجة يعنى ملهاش اكواد برمجية وميثود وخصائص لا هى مجرد لغة علامات يعنى بتكتب كلام معين بطريقة وعلامات معينة بتظهر على المتصفح بالشكل دة ،طيب لغة العلامات دى بتتكون من مجموعة من الرموز واللى بنرمزلها هنا ب Tags واللى بتستخدمها لغة الاتش تى ام ال علشان توصف صفحة الانترنت دى شكلها اية بمعنى الخطوط لون الخطوط حجمها فين فى الشمال ولا اليمين وفوق ولا تحت ولا فين بالظبط
طيب اذن هناك رموز للغة الاتش تى ام ال صح تمام كدة بتسمى اية بقى
Html Tags

طيب اصلا فى الاول شكل التاج دة اية او اعرف منين انة تاك او بيكتب ازاى ؟[/color]
[color=#0000CD]اى تاج فى الدنيا بيكون بالشكل دة < write here >
عبارة عن قوسين بالشكل دة زى علامات الرياضية اكبر من واصغر من بالظبط
طيب اللى بيكتب بين القوسين بيكون كلام خاص بلغة الاتش تى ام ال
او بيكون خاص باى لغة تانيى بتكتب عن طريق التاج برضو
طيب طريقة ىكتابة التاج بتكون < html>
Start tag End tag
لازم يكون فية تاج بداية وتاج اغلاق يعنى لازم يكون فى بداية ونهاية
واية اللى بيميز تاج البداية عن النهاية هى علامة السلاش (/) وبكدة تعرف انة دة نهاية المود دة او السطر دة او بمعنى ادق بقى نهاية الرمز لان احنا قلنا فوق اننا بنتعامل مع لغة رمزية بتتاعمل بالرموز
طيب يبقى كدة فى تاج بداية وتاج نهاية ، اللى بيكتب جوة التاج بيكون خاصية او كود من اكودا الاتش تى ام ال زى الخط، اللون وهكذا
واللى بيكتب بين التاجات بيكون الكلام اللى انا عاوز اطبق علية الخاصية دية ودة حنشوفة بعدين فى شرحنا ان شاء الله

طيب اية الهدف من كتابة كود الاتش تى ام ال؟
انك عاوز تعمل صفحة معينة تحط فيها بيانات معينة لك او لحد من اصدقائك او لشركة او صفحة تعليمة او.......... حاحات كتيرة قوى
فالهدف منها انك حترفعها على شبكة الانترنت علشان انتا او اى حد تانى يقدر يشوفها ومن هنا بقى اطلق عليها صفحات الويب يعنى بدل ما نقول وثيقة اتش تى ام ال لا بقينا نقول عليا صفحة ويب لانها فى الاخر واى ما كانت فيها رموز بتوصف الصفحة دى فهى فى الاخر اكواد وخصائص اتش تى ام ال
طيب خلينى اقولك فى الاول ازاى ممكن تكتب كود اتش تى ام ال؟
بمعنى انا دلوقتى علشان اطبق على شرحك دة اطبق على اية او اشتغل ازاى هل فى برنامج معين او طريقة معينة؟
بص يا سيدى اى برنامج محرر صفحات الويب او اى برنامج تصميم مواقع او كبداية فقط ممكن تشتغل على نوت باد او تيكست دوكمنت
لانى اى واحد من دول انتا حتغير امتدادها الى امتداد الاتش تى ام ال
(htm .) ا و (.html)الامتدادت الاتنين واحد لا يوجد فرق بينهم وبكدة يتحول ملف اتش تى ام ال عادى وتقدر تكتب جواة
حضرتك حتختار طبعا اى حاجة من دول ، لكن بما انى الشرح دة لحضرتك فقط فاكيد حنتطبق على الدريم ويفر على طول للسرعة بقى
طيب ازاى اقدر اشغل الصفحة دى؟
اى متصفح حضرتك حتشتغل علية حيقدر يفهم الاكواد دية ويفسرها ويطلعلك شكل الصفحة اللى حضرتك صممتها زى الانترنت اكسلبور او الفايرفوكس ...................
ازاى المتصفح دة بيعرف ان دة كود اتش تى ام ال؟
سؤال كويس لانك اكيد علشان تكتب اكواد اتش تى ام ال لازم تكتب تاجات الاتش تى ام ال حكتب هنا الاكواد براحتى بقى
يعنى ححط كل الاكواد بتاعتى بتاعة الصفحة بتاعتى بين التاجين دول
فالراجل لما يجى يفسر الاكواد دى يعرف انها اكود تخصة هو كمتصفح فيبتدى يقراءها ويفسرها

معنى الكلام انى لو مكتبتش تاجات الاتش تى ام ال دى مش حيعرف يترجم الصفحة او يقراءها كويس؟
بص انتا لو شغال اتش تى ام ال بس يعنى مش خالط الكود دة بكود برمجى زى البى اتش بى مثلا وكمان لو شغال علىنوت باد وكتبت مثلا التاج دة
This is a heading
النوت باد مش حيعترض وحينفذلك كلامك بس لية ؟ افهم بقى لانك اساسا غيرت امتداد النوت باد الى اتش تى ام ال فهو طبيعى المتصفح بتاعك عارف اكواد الاتش تى امل ال وبينفذها سواء كانت جوا تاجات الاتش تى ام ال الاصلية او لا ، لكن لو شغال على برنامج تحرير متصفحات او تصميم مواقع لازم حيقولك وحتلاقية هو اساسا ضايفلك التاجات بتاعة الاتش تى ام ال لانة دة اللى بيعرف المتصفحح خد بالك دة صفحة ويب والكود اللى جو حضرتك حتعرفة تفسرة للعميل وبرضو من العرف انك لازم تكتب تاجات الاتش تى ام ال علشان انتا تعرف تميز حتى مستقبلا لو كان هناك تعديل


نبدا على بركة الله الدرس الثانى
HTML درس الثانى : عنواين ال

HTML Headings

بمعنى انتا مثلا لما بتكتب مقالة او موضوع تعبير لازم كتنظميا بس بتخلى عنوان الموضوع بخط ولون وحجم معين علشان يلفت نظر اللى بيقراء الكلام بتاعك هو كدة هنا بالظبط مع اختلاف التعبير بمعنى انك هنا مش لازم تخلى العنوان بس هو اللى بحجم ونوع معين لا ممكن تخلى كلام كتير كدة، هدفى من الموضوع دة انى اسيبك انتا تحكم بمعنى انى بشرحلك الطريقة العامة وانتا تخصص بقى ازاى برضو؟
فرضنا انك حتعملة صفحة لجرنال مثلا وفى موضوع معين عاوز تكبر حجم وسماكة الخط فية وهو دة قصدى انك فهمت القاعدة وتعرف تطبقى عليها بقى
طيب فى كام نوع من الهيد؟
هما 6 انواع بالظبط وكل نوع بيختلف من حسب حجم وشكل الخط وسمكة وتخنة
طيب لية عملوها؟
الحقيقة ان الراجل اللى اخترعة كان ساعتها عاوز يفرق للناس بين الخطوط وحجمها لان ساعتها طبعا مكانش فية برامج تصميم زى دلوقتى كدة تقدر تعدل على كل دة بزرار واحد فكان مضطر انة على قدر استطاعتة انة يطرو فى اللغة على قد ما يقدر وعلشان كدة انا بشرحلك بالطريقة القديمة علشان لو احتاجتها لكن الجديدة عاملة زى الورد ظلل واختار سماكة الخط ولونة وكل حاجة وحنتكلم عليها بعدين برضو
طيب اية طريقة كتابة عنوان الاتش تى ام ال؟
طبعا احنا متفقين ان كل خاصية من اكواد الاتش تى ام ال قلنا لازم تتكتب فى تاجات صح ، طيب تمام فاكواد الهيد دى لازم تتكتب جواة تاجات
خلينى اكتبلك التاجات كلها

This is a heading
This is a heading
This is a heading
This is a heading
This is a heading
This is a heading

تمام كدة طيب تعالى نحط الكود دة فى الدريم ويفر او اى محرر صفح عندك او خليناف ى النوت باد ونشوف اية اللى حيحصل


 



اها اول جملة كان الخط تخين وسميك والجملة اللى تحطيها الخط اقل واللى تحطيها قل خالص وهكذا بقى فى باقى الهيدر
طيب نتكلم بقى عن البراجراف احنا فوق اتكلمنا عن العنوان هنا نتكلم عن البراجراف بقى يعنى الموضوع نفسة ككل تنظيم وشكل زى كدة لما انتا بتكتب على الورد كلام كتير جدا وبعد كدة تلاقى الكلام مش مرتب مفيش مسافات ثابتة بين السطور وهى دى مهمة البراجراف بقى
طيب تاج البراجراف ازاى؟
This is a paragraph.
طيب بيظهر ازاى؟


 

طبعا انا ممكن اعمل اكتر من براجراف ومهمتة الوحيدة هى التنظيم وان الموضوع بيكون مرتب وتحت بعضة وفى مسافات ثابتة بين السطور لان طبعا لغة الاتش تى ام ال مش بدعم خاصية انك تنزل سطر دية بمعنى انى لو حطيت مقال مثلا لو انا شغال فى جريدة حلاقى الكلام كلة ورا بعضة ومفيش اى سطور تحت بعضيها ودة اللى حنشوفة بعد كدة ازاى ادى امر نزول مسافة عن طريق حاجة اسمها بريك اللى هى
طيب
نكمل درسنا حنتكلم عن حاجة اسمها هايبر لينك او Html Links
ودى بمعنى انى مثلا عاوز الراجل دة لما يجى على السطر دة او الكلمة دية يروح موقع معين او لصفحة معين سواء بقى فى نفس الموقع او موقع خارجى تانى خالص عن طريق الكود دة \
This is a link
هنا انا بقولة الجمله دى انك لما حتدوس على اللينك دة حتروح على التراكر بتاعنا وحبيبنا عرب تورنت

 

وكمان لوجيت بمؤشر الماوس علية حتلاقى المؤشر اتحول الى يد وكانة بيقولك عاوزنى اشاور او اذهب الى هذا الموقع ؟
دة بيكون الهايبر لينك ، طيب فى ناس تقولك اية هو الهايبر لينك كلام بس ؟
اقولك انا لا مش كلام بس ممكن يبقى صورة او رمز ودة حنتكلم عليةمع الصور انشاء الله

الى هنا ونكون قد انتهينا من الدرس الثانى والى اللقاء فى دروس اخرى باذن الله

فى رعاية الله