دوره فى لغه هتمل (html) كامله لا تفوتك

براديس سيرف · 09-22-2008, 11:20 مساءً

بسم الله الرحمن الرحيم
السلام عليكم ورحمه الله وبركاته
كل عام وانتم بخير
هذه دوره مبسطه جدا عن لغه الهتمل كامله

ويتبعها دوره لغه php كامله ايضا

هذه الدوره (html) سوف تكون مبسطه جدااااااااااااااااا
مستحيل تخرج منها وانت ليست بخبير فى لغه الهتمل

فقط تابعونا وباذن الله بعد انتهاء الدوره سوف تكون مهى بنسبه 100% للدخول الى
لغه برمجه (php)

هذه الدوره سوف عباره عن دورس متتاليه
واستفسارات كل درس سوف يكون من خلال الردود

بسم الله نبدا توكلنا على الله ولا حول ولا قوه الا بالله

الدرس الاول
بسم الله الرحمن الرحيم
ان شاء المولى عز وجل سوف يكون هذا الدرس بسيط وصغير
مقدمه لغه هتمل (html)
تعد لغه الهتمل من لغات انشاء صفحات الانترنت وهى لغه سهله جدااااااااا وغير معقده بل
هى اسهل لغه برمجه على الاطلاق ولا ننسى شى مهم جدا انه بدون معرفه لغه هتمل يستحيل عليك
الالمام بلغه php وهنا عندما نقول معرفه لغه الهتمل لا نقصد به الاحتراف بل نقصد به ايضاء الالمام
حيث ان لغه php تعتمد بشكل كبير على لغه هتمل(html)
دعنا اولا نعرف ما معنى هتمل (html)
اختصار لغه هتمل جاء من Hyper Text Markup Language
وهى تعنى لغه ترميز النص المفرط او المتضخم
والجدير بالذكر ان لغه الهتمل ليس لغه برمجه بالشكل الدقيق مثل باقى اللغات
فهى لا تحتوى مثلا على جمل التحكم والدوران ولعلم ذلك يجب علينا استخدام لغات برمجه اخرى
لتساعدنا فى الحصول على النتائج المطلوبه وسوف يتم شرح هذه النقط بالتفصيل فيما بعد.

تتكون لغه هتمل من شفرات او وسوم (TAGS) وهى تستخدم بشكل زوجى
وتكت بالطريقه التاليه من الشمال الى اليمين :

كود PHP:
<TAGS>النص بين الوسمين </TAGS>
كود PHP:
<وسم البدايه > النص بين الوسمين </وسم النهايه>
لاحظ اخى الحبيب انه يوجد فرق بين وسمى البدايه والنهايه
وسم بدايه

<........>

وسم نهايه
</.........>
طريقه كتابه الوسم تتم كما يلى
<
Shift+ و
>
Shift+ ز

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

الان بعد هذه المقدمه البسيطه عن لغه الهتمل
ما هى البدايه ؟
اخى فى الله لاداعى للقلق فكل ما هنالك بيسط ويسير وسهل جدا.

فان لغه الهتمل لا تحتاج اى برامج خاصه لكتابته نصوصها وملفاتها
فقط نحتاج برنامج تحرير نصوص وهو موجود على كل من اجهزتنا .
وسوف نستخدم برنامج المفكره الملحق مع الويندوز فهو كفيل بكل شى
كما نحتاج الى متصفح انترنت لكى نشاهد نتائج اعمالنا
وهو موجود ايضا فى كل حاسب الى مع الويندز (Internet Explorer )
الان لايوجد اى عائق فى تعليم اللغه فقط تابعنا .

لا ننسى ايضاء انه يوجد العديد من البرامج التى نستخدمها فى كتابه لغه الهتمل
دون اى عنا او تعلم للغه مثل الفرونت بيج
كل ما عليك هو ادخال ما تريده من نصوصو وجدوال واطارات وهو يقوم بتخليق
اللغه واعطائك النتائج دون ادنى مشقه
اى انك سوف تحصل على النتائج دون معرفه اى شفرات
عليك اخى الفاضل عليك باعاده التصميم ثم اعاده الحفظ فى البرنامج
وهو فى الحقيقه كود بسيط جداللون لا يااخذ منك ثوى ثانيه واحده فقط.
باختصار شديد
يمكنك الان عمل كل ماتريد بواسطه احدى البرامج الداعه للغه ولكن دون تعلم .

ولا اريد ان اطيل عليكم اكثر من هذا حتى لا تحس باى ملل

الى هنا انتهى بحمد الله وفضله الدرس الاول
فى انتظار استفساراتكم رغم اظن انه لا يوجد استفسارا لعدم الخوض
فى اللغه بل هذه بدايه صغيره للتعريف باللغه
هذه الدرس والدروس التاليه غير منقوله من اى جهه
بل هو من عملى شخصيا
وهو محفوظ بحق كل مسلم وعربى
انتظرونا فى الدرس القادم ان شاء الله
أن أصبت فمن الله وأن أخفقت فمن نفسى والشيطان
والسلام عليكم ورحمه الله وبركاته

كرم العربي · 09-23-2008, 01:12 صباحاً

مشكور وبارك الله فيك

براديس سيرف · 09-23-2008, 02:32 صباحاً

اقتباس:

المشاركة الأصلية كتبت بواسطة كرم العربي

لغه, تفوتك, html, دوره, دوره فى لغه هتمل (html) كامله لا تفوتك, هتمل, كامله

مشكور وبارك الله فيك

الشكر لله ااخى الفاضل
ولا حرمنا طلتك الكريمه

opreator · 09-23-2008, 02:48 صباحاً

بارك الله فيك اخى العزيز على ما تريد توصيلة من علم الى من لا يعلم ويريد التعلم

اخوك

دكتور / كمال محمد محمد حامد

دكتوراة فى علوم البرمجيات من جامعة حسين بن طلال بمعان بالاردن

براديس سيرف · 09-23-2008, 07:09 صباحاً

اقتباس:

المشاركة الأصلية كتبت بواسطة opreator

بارك الله فيك اخى العزيز على ما تريد توصيلة من علم الى من لا يعلم ويريد التعلم

اخوك

دكتور / كمال محمد محمد حامد

دكتوراة فى علوم البرمجيات من جامعة حسين بن طلال بمعان بالاردن

اخى الدكتور / كمال
نور الموضوع بطلتك والله
ولا تحرمنا ايها
دمت بخير

glowworm · 09-23-2008, 07:27 صباحاً

مين يعرف يفتح بورت مغلق

ADMIN · 09-23-2008, 06:45 مساءً

مشكور وبارك الله فيك اخوي

براديس سيرف · 09-23-2008, 09:04 مساءً

اقتباس:

المشاركة الأصلية كتبت بواسطة ADMIN

مشكور وبارك الله فيك اخوي

الشكر لله وحده اخوى الذى بنعمته تتم الصالحات

براديس سيرف · 09-23-2008, 10:18 مساءً

الدرس الثانى
اساسيات لغه هتمل ( HTML)

السلام عليكم ورحمه الله وبركاته
ها نحن هنا دخلنا على الجد
ونبدا على بركه الله

بسم الله الرحمن الرحيم

تعرفنا فى درسنا الاول مقدمه عن اللغه ان لغه الهتمل تتكون من وسوم او شفرات ( TAGS)

وسوف نقوم ان شاء الله تعالى فى هذا الدرس بشرح الوسوم الاساسيه للغه
حتى نصل الى انشاء صفحه ويب صغيره وبسيطه.

تتكون لغه هتمل من اربع وسوم اساسيه
<html> و <head> و <title> و < body>
لكى تتمكن من انشاء صفحه ويب عن طريق لغه الهتمل
يجب عليك ان تضع فى صفحتك الاربع وسوم السابقه الذكر

اولا: وسم هتمل <html>

هذا الوسم يعرف المتصفح ان اللغه المستخدمه فى البرمجه هى لغه الهتمل
ولا تنسى ان كل وسم من الوسوم الاربعه لها وسم بدايه ووسم نهايه

ثانيا: وسم هيدر <head>

هذا الوسم هو وسم راس الصفحه

ثالثا : وسم <title>
وهو وسم عنوان صفحتكم

رابعا : وسم <body>
وهو وسم محتويات صفحاتك

وتكون هذه الووم الاربعه على الشكل التالى فى صفحتك

كود PHP:
<html> <head> <title> </title> </head> <body> </body> </html>
لاحط اخى الحبيب ان الصفحه بدات بوسم <html> وانتهت بوسم </html>
وهذا حال جميع صفحاتك
ياتى بعد وسوم <html> وسم <head> وقبل اغلاقه ياتى بداخله وسم <title> وهو وسم عنوان صفحتك
ثم ياتى وسم اغلاق العنوان </title> وبعدها وسم اغلاق </head> وبعدها وسم <body>
ومن ثم وسم اغلاق </body> واخير وسم اغلاق </html>

شايف ناس بتقول مش فاهمين حاجه
تعالو ناخذ مثال يبسط لنا الموضوع

على اعتبار انا سنقوم بانشاء صفحه عنوانها

دوره هتمل (html) شبكه ابن الخليج

وبداخل الصفحه سوف نكتب عنوان الدرس الثانى الذى نحن هنا فيه
فيكون على هذا الشكل

افتح برنامج المفكره الموجود على جهازك
واكتب الوسوم التاليه
برجاء كتابتها وليس نسخها حتى تمرن نفسك على كتابه الوسوم

بعد الانتهاء من الكتابه يتوجب عليك حفظ الملف بامتداد html او htm

كود PHP:
<html> <head> <title> دوره هتمل (html) شبكه ابن الخليج </title> </head> <body> اساسيات لغه هتمل ( HTML) </body> </html>
الان قد انتهينا من كتابه الوسم ماذ تلاحظ
هذا ناتج ما قمنا بعمله

فلنشرح ماذا فعلنا
اولا عرفنا المتصفح اننا سوف نستخدم لغه الهتمل من خلال هذا الوسم
<html>
ثانيا قممنا بادراج هذا الوسم <head> لتحديد راس الصفحه ولداخله اضفنا وسم العنوان<title>
ولا ننسى الوسم الذى نبدا به لابد من الانتهاء به ايضا
اذا فلنقسم الصفحه الى ثلاث اجزاء
راس الصفحه
عنوان الصفحه
نص الصفحه او موضوع الصفحه
كل هذا الاقسام تندرج بداخل وسمى <html> و </html>
اى ان
اى صفحه هتمل تكون على هذا النحو
كود PHP:
<html> <head> <title> عنوان الصفحه </title> </head> <body> موضوع الصفحه </body> </html>
ملحوظه هامه جدا
لا توثر كتابه الوسوم اذا كانت الحروف كبيتل او صمول ( a ) او (A)
اى ان لا فرق بين كتابه صفحتا بلغه الهتمل بهذا الشكل
<HTML>
</HTML>
او بهذا الشكل
<html>
</html>
ومثله فى كافه الوسوم الاخرى

الان واتضح امامنا شكل الصفحه الرئيسيه
اى انه لابد من ان تاخد صفحه الهتمل الشكل السابق
الا انا سوف نقوم بالتغير فى وسوم معينه فى الدروس التاليه ان شاء الله.
ملحوظه هامه جدا
ان المتصفح لا يهتم بالفرغات اى ان
اذا كتبنا مثالنا السابق بهذه الصيغه فالصيغتين صحيحتين
كود PHP:
<html> <head> <title> دوره هتمل (html) شبكه ابن الخليج </title> </head> <body> اساسيات لغه هتمل ( HTML) </body> </html>
ويمكنك تجربته بنفسك
ولكن سوف يكون شرحنا فى الدروس التاليه مثل المثال الاول حتى يكون الشرح وواضح لك كمبتدى

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

بالطبع لا لان متصفحك سوف يقوم بعمل التفاف للنص بحسب عرض شاشتك مهما كان كبر
حجم الفقره التى قمت انت باداراجها.
ولكن قد يتبادرالى ذهنك سوال
كيف استطيع التحكم بحجم السطر ؟
اى نفرض ان لدينا فقره تتكون ونريد تقسمها الى 10 سطور مثلا
ماذا نفعل ؟
الموضوع بسيط جدا ........
سوف نستخدم هذا الوسم البسيط جدا 
لتحديد نهايه سطر وبدء سطر جديد

تعديل بسيط على مثالنا السابق

كود PHP:
<html> <head> <title> دوره هتمل (html) شبكه ابن الخليج </title> </head> <body> بسم الله الرحمن الرحيم شبكه ابن الخليج اساسيات لغه هتمل ( HTML) </body> </html>
ماذا تلاحظ

هذا ناتج عملنا
ولكن ماذا اذا قمنا بعمل نفس المثال السابق بدون وسم 
كود PHP:
<html> <head> <title> دوره هتمل (html) شبكه ابن الخليج </title> </head> <body> بسم الله الرحمن الرحيم شبكه ابن الخليج اساسيات لغه هتمل ( HTML) </body> </html>
انظر الى الصوره اسفل كى ترى ناتج ما قمنا به

اعتقد قد اتضح الان كل شى من خلال الصور
ولا تنسى اخى الفاضل ان وسم وسم ليس له نهايه اى انه وسم مفرد.
كما ايضا يوجد وسم اخر لانهاء السطر والبدء بسطر جديد الا وهو وسم 
ولكن ما هو الفرق بين الوسمين
وسم هو وسم لانهاء سطر والبدء بسطر جديد
وسم هو وسم لانهاء سطر والبدء بسطر جديد مع اخذ سطر سطر اضافى
بين الفقرات او السطرين ودعونا ناخذ المثال السابق مع وضع هذا الوسم

كود PHP:
<html> <head> <title> دوره هتمل (html) شبكه ابن الخليج </title> </head> <body> بسم الله الرحمن الرحيم شبكه ابن الخليج اساسيات لغه هتمل ( HTML) </body> </html>
وهذا عو ناتج ما قمنا به

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

الى هذا الحد قد انتهينا من الدرس الثانى
فى انتظار اى استفسار
واعزرونى للاطاله
انتظرونا فى الدرس القادم ان شاء الله
أن أصبت فمن الله وأن أخفقت فمن نفسى والشيطان
والسلام عليكم ورحمه الله وبركاته

Egyboy90 · 09-25-2008, 10:28 مساءً

جميله جد وشرح سهل جدا ولغه سهله جدا

ومنتظر باقى الدروس
شكرا يا اخى

09-22-2008, 11:20 مساءً	#1 (permalink)
براديس سيرف شركة موقوفه تاريخ التسجيل: Sep 2008 المشاركات: 50 معدل تقييم المستوى: 0	دوره فى لغه هتمل (html) كامله لا تفوتك بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته كل عام وانتم بخير هذه دوره مبسطه جدا عن لغه الهتمل كامله ويتبعها دوره لغه php كامله ايضا هذه الدوره (html) سوف تكون مبسطه جدااااااااااااااااا مستحيل تخرج منها وانت ليست بخبير فى لغه الهتمل فقط تابعونا وباذن الله بعد انتهاء الدوره سوف تكون مهى بنسبه 100% للدخول الى لغه برمجه (php) هذه الدوره سوف عباره عن دورس متتاليه واستفسارات كل درس سوف يكون من خلال الردود بسم الله نبدا توكلنا على الله ولا حول ولا قوه الا بالله الدرس الاول بسم الله الرحمن الرحيم ان شاء المولى عز وجل سوف يكون هذا الدرس بسيط وصغير مقدمه لغه هتمل (html) تعد لغه الهتمل من لغات انشاء صفحات الانترنت وهى لغه سهله جدااااااااا وغير معقده بل هى اسهل لغه برمجه على الاطلاق ولا ننسى شى مهم جدا انه بدون معرفه لغه هتمل يستحيل عليك الالمام بلغه php وهنا عندما نقول معرفه لغه الهتمل لا نقصد به الاحتراف بل نقصد به ايضاء الالمام حيث ان لغه php تعتمد بشكل كبير على لغه هتمل(html) دعنا اولا نعرف ما معنى هتمل (html) اختصار لغه هتمل جاء من Hyper Text Markup Language وهى تعنى لغه ترميز النص المفرط او المتضخم والجدير بالذكر ان لغه الهتمل ليس لغه برمجه بالشكل الدقيق مثل باقى اللغات فهى لا تحتوى مثلا على جمل التحكم والدوران ولعلم ذلك يجب علينا استخدام لغات برمجه اخرى لتساعدنا فى الحصول على النتائج المطلوبه وسوف يتم شرح هذه النقط بالتفصيل فيما بعد. تتكون لغه هتمل من شفرات او وسوم (TAGS) وهى تستخدم بشكل زوجى وتكت بالطريقه التاليه من الشمال الى اليمين : كود PHP: `<TAGS>النص بين الوسمين </TAGS>` كود PHP: `<وسم البدايه > النص بين الوسمين </وسم النهايه>` لاحظ اخى الحبيب انه يوجد فرق بين وسمى البدايه والنهايه وسم بدايه <........> وسم نهايه </.........> طريقه كتابه الوسم تتم كما يلى < Shift+ و > Shift+ ز وقد تحدثنا فى الاعلى على ان هذه الوسوم كما ترون وسوم زوجيه لها وسم بدايه ووسم نهايه فايضا يوجد وسوم خاصه وهى وسوم فرده اى وسم بدايه فقط وليس له وسهم نهايه وسوف نتحدث باذن الله تعالى عن كل شى بالتفصيل الممل فى وقته. الان بعد هذه المقدمه البسيطه عن لغه الهتمل ما هى البدايه ؟ اخى فى الله لاداعى للقلق فكل ما هنالك بيسط ويسير وسهل جدا. فان لغه الهتمل لا تحتاج اى برامج خاصه لكتابته نصوصها وملفاتها فقط نحتاج برنامج تحرير نصوص وهو موجود على كل من اجهزتنا . وسوف نستخدم برنامج المفكره الملحق مع الويندوز فهو كفيل بكل شى كما نحتاج الى متصفح انترنت لكى نشاهد نتائج اعمالنا وهو موجود ايضا فى كل حاسب الى مع الويندز (Internet Explorer ) الان لايوجد اى عائق فى تعليم اللغه فقط تابعنا . لا ننسى ايضاء انه يوجد العديد من البرامج التى نستخدمها فى كتابه لغه الهتمل دون اى عنا او تعلم للغه مثل الفرونت بيج كل ما عليك هو ادخال ما تريده من نصوصو وجدوال واطارات وهو يقوم بتخليق اللغه واعطائك النتائج دون ادنى مشقه اى انك سوف تحصل على النتائج دون معرفه اى شفرات عليك اخى الفاضل عليك باعاده التصميم ثم اعاده الحفظ فى البرنامج وهو فى الحقيقه كود بسيط جداللون لا يااخذ منك ثوى ثانيه واحده فقط. باختصار شديد يمكنك الان عمل كل ماتريد بواسطه احدى البرامج الداعه للغه ولكن دون تعلم . ولا اريد ان اطيل عليكم اكثر من هذا حتى لا تحس باى ملل الى هنا انتهى بحمد الله وفضله الدرس الاول فى انتظار استفساراتكم رغم اظن انه لا يوجد استفسارا لعدم الخوض فى اللغه بل هذه بدايه صغيره للتعريف باللغه هذه الدرس والدروس التاليه غير منقوله من اى جهه بل هو من عملى شخصيا وهو محفوظ بحق كل مسلم وعربى انتظرونا فى الدرس القادم ان شاء الله أن أصبت فمن الله وأن أخفقت فمن نفسى والشيطان والسلام عليكم ورحمه الله وبركاته من مواضيع براديس سيرف في المنتدى الان موقعك فقط ب150 ريال + ضعف المساحه او الباوندث دوره فى لغه هتمل (html) كامله لا تفوتك الان مع براديس سيرف موقعك كامل ب150 ريال هل من منافس عروض العيد من براديس سيرف لا مجال للمنافسه بعد عروض العيد امتلك موقعك كامل ب 50 ريال فقط اكيد لا مجال للمنافسه

09-23-2008, 01:12 صباحاً	#2 (permalink)
كرم العربي Gulfson.com تاريخ التسجيل: Apr 2006 الدولة: Egypt المشاركات: 15,092 معدل تقييم المستوى: 53	رد: دوره فى لغه هتمل (html) كامله لا تفوتك مشكور وبارك الله فيك من مواضيع كرم العربي في المنتدى Norton_Ghost_2003 + شرح بالفيدو على عمل باك اب واسترجاع الوندوز بعد انهياره ::قطط هبلة:: برج في دبي,كل طابق يدور حول نفسه,الطاقة من الرياح والشمس,500مليون دولار,ضد زلازل شرح لوحة تحكم الشات ماستر فى DigiChat كتاب ورسالة ومجلد هل تريد التحميل؟ __________________ Im Back

09-23-2008, 02:48 صباحاً	#4 (permalink)
opreator عضو فعــال تاريخ التسجيل: Aug 2007 المشاركات: 190 معدل تقييم المستوى: 34	رد: دوره فى لغه هتمل (html) كامله لا تفوتك بارك الله فيك اخى العزيز على ما تريد توصيلة من علم الى من لا يعلم ويريد التعلم اخوك دكتور / كمال محمد محمد حامد دكتوراة فى علوم البرمجيات من جامعة حسين بن طلال بمعان بالاردن من مواضيع opreator في المنتدى ليونكس انبيونتو الجديد Linux Ubuntu 8.04 LTS حصريا مفتوح بدون سريل لفتحة الفرق الجذري بين Java و C#, الدرس الاخير وهوة التعرف الكامل على اللغة التى درسناها آلية عمل Java Server Page, ما الفرق بين JSP و Servlet الدرس الثالث وهوة التعرف على كائن Response object __________________ أسم الشركـــه : شركات Opreator للاستضافة والبرمجيات صاحب ومدير الشركه : دكتــور / كمال محمد محمد دكتوراة فى علوم البرمجيات من جامعة حسين بن طلال بمعان بالاردن داء الشركـــه : استضافة - تصميمات - دردشة - ريسلرات - سيرفرات - برمجيات www.straic.com www.arbseo.co.cc

09-23-2008, 07:27 صباحاً	#6 (permalink)
glowworm عضو جديد تاريخ التسجيل: Sep 2008 المشاركات: 1 معدل تقييم المستوى: 12	رد: دوره فى لغه هتمل (html) كامله لا تفوتك مين يعرف يفتح بورت مغلق من مواضيع glowworm في المنتدى

09-23-2008, 06:45 مساءً	#7 (permalink)
ADMIN .::+: Gulf Son :+::. تاريخ التسجيل: May 2005 الدولة: بلاد الخليج المشاركات: 53,991 معدل تقييم المستوى: 53	رد: دوره فى لغه هتمل (html) كامله لا تفوتك مشكور وبارك الله فيك اخوي من مواضيع ADMIN في المنتدى طريقة عمل شعاع جميل تعلم كيف تصمم خلفية بكسلية مذيع mbc يعتذر عن إساءته للإسلام واستخفافه بمشاعر المسلمين قصاصات من الإعجاز القرآني الإعجاز في القرآن __________________ يقول الامام مالك رحمه الله: إنما هؤلاء أقوام أرادوا القدح في النبي صلى الله عليه وسلم فلم يمكنهم ذلك، فقدحوا في أصحابه حتى يقال رجل سوء ولو كان رجلاً صالحاً لكان أصحابه صالحين. وقال أبو الوفا بن عقيل رحمه الله: انظر كيف اختار لمرضه بيت البنت، واختار لموضعه من الصلاة الأب، فما هذه الغفلة المستحوذة على قلوب الرافضة عن هذا الفضل والمنزلة التي لا تكاد تخفى عن البهيم فضلا عن الناطق. وحيد القرن، كسرنا قرنه، ودككنا حصنه، وهدمنا برجه، فخرج يتبختر بعتاده مزهواً بعدده ففللنا حدّه، وقتلنا جنده، وفرقنا صحبه، والفضل لله وحده ولئن أبيد أبناء دولة الإسلام عن بكرة أبيهم خيرٌ لهم من أن يحكمهم رافضيٌّ خبيث أو أن تستظلّ بغداد برايات الصفويين يوما واحداً.

09-23-2008, 10:18 مساءً	#9 (permalink)
براديس سيرف شركة موقوفه تاريخ التسجيل: Sep 2008 المشاركات: 50 معدل تقييم المستوى: 0	رد: دوره فى لغه هتمل (html) كامله لا تفوتك الدرس الثانى اساسيات لغه هتمل ( HTML) السلام عليكم ورحمه الله وبركاته ها نحن هنا دخلنا على الجد ونبدا على بركه الله بسم الله الرحمن الرحيم تعرفنا فى درسنا الاول مقدمه عن اللغه ان لغه الهتمل تتكون من وسوم او شفرات ( TAGS) وسوف نقوم ان شاء الله تعالى فى هذا الدرس بشرح الوسوم الاساسيه للغه حتى نصل الى انشاء صفحه ويب صغيره وبسيطه. تتكون لغه هتمل من اربع وسوم اساسيه <html> و <head> و <title> و < body> لكى تتمكن من انشاء صفحه ويب عن طريق لغه الهتمل يجب عليك ان تضع فى صفحتك الاربع وسوم السابقه الذكر اولا: وسم هتمل <html> هذا الوسم يعرف المتصفح ان اللغه المستخدمه فى البرمجه هى لغه الهتمل ولا تنسى ان كل وسم من الوسوم الاربعه لها وسم بدايه ووسم نهايه ثانيا: وسم هيدر <head> هذا الوسم هو وسم راس الصفحه ثالثا : وسم <title> وهو وسم عنوان صفحتكم رابعا : وسم <body> وهو وسم محتويات صفحاتك وتكون هذه الووم الاربعه على الشكل التالى فى صفحتك كود PHP: `<html> <head> <title> </title> </head> <body> </body> </html>` لاحط اخى الحبيب ان الصفحه بدات بوسم <html> وانتهت بوسم </html> وهذا حال جميع صفحاتك ياتى بعد وسوم <html> وسم <head> وقبل اغلاقه ياتى بداخله وسم <title> وهو وسم عنوان صفحتك ثم ياتى وسم اغلاق العنوان </title> وبعدها وسم اغلاق </head> وبعدها وسم <body> ومن ثم وسم اغلاق </body> واخير وسم اغلاق </html> شايف ناس بتقول مش فاهمين حاجه تعالو ناخذ مثال يبسط لنا الموضوع على اعتبار انا سنقوم بانشاء صفحه عنوانها دوره هتمل (html) شبكه ابن الخليج وبداخل الصفحه سوف نكتب عنوان الدرس الثانى الذى نحن هنا فيه فيكون على هذا الشكل افتح برنامج المفكره الموجود على جهازك واكتب الوسوم التاليه برجاء كتابتها وليس نسخها حتى تمرن نفسك على كتابه الوسوم بعد الانتهاء من الكتابه يتوجب عليك حفظ الملف بامتداد html او htm كود PHP: `<html> <head> <title> دوره هتمل (html) شبكه ابن الخليج </title> </head> <body> اساسيات لغه هتمل ( HTML) </body> </html>` الان قد انتهينا من كتابه الوسم ماذ تلاحظ هذا ناتج ما قمنا بعمله فلنشرح ماذا فعلنا اولا عرفنا المتصفح اننا سوف نستخدم لغه الهتمل من خلال هذا الوسم <html> ثانيا قممنا بادراج هذا الوسم <head> لتحديد راس الصفحه ولداخله اضفنا وسم العنوان<title> ولا ننسى الوسم الذى نبدا به لابد من الانتهاء به ايضا اذا فلنقسم الصفحه الى ثلاث اجزاء راس الصفحه عنوان الصفحه نص الصفحه او موضوع الصفحه كل هذا الاقسام تندرج بداخل وسمى <html> و </html> اى ان اى صفحه هتمل تكون على هذا النحو كود PHP: `<html> <head> <title> عنوان الصفحه </title> </head> <body> موضوع الصفحه </body> </html>` ملحوظه هامه جدا لا توثر كتابه الوسوم اذا كانت الحروف كبيتل او صمول ( a ) او (A) اى ان لا فرق بين كتابه صفحتا بلغه الهتمل بهذا الشكل <HTML> </HTML> او بهذا الشكل <html> </html> ومثله فى كافه الوسوم الاخرى الان واتضح امامنا شكل الصفحه الرئيسيه اى انه لابد من ان تاخد صفحه الهتمل الشكل السابق الا انا سوف نقوم بالتغير فى وسوم معينه فى الدروس التاليه ان شاء الله. ملحوظه هامه جدا ان المتصفح لا يهتم بالفرغات اى ان اذا كتبنا مثالنا السابق بهذه الصيغه فالصيغتين صحيحتين كود PHP: `<html> <head> <title> دوره هتمل (html) شبكه ابن الخليج </title> </head> <body> اساسيات لغه هتمل ( HTML) </body> </html>` ويمكنك تجربته بنفسك ولكن سوف يكون شرحنا فى الدروس التاليه مثل المثال الاول حتى يكون الشرح وواضح لك كمبتدى ولكن فى المثاال التانى كما ترا فان الاوسمه تكون متراصه بجانب بعضها ولكن ماذ يحدث لو ان لديك موضوع الصفحه كبير نسبيا هل سوف يتمدد متصفحك مع كبر حجم الموضوع ؟ بالطبع لا لان متصفحك سوف يقوم بعمل التفاف للنص بحسب عرض شاشتك مهما كان كبر حجم الفقره التى قمت انت باداراجها. ولكن قد يتبادرالى ذهنك سوال كيف استطيع التحكم بحجم السطر ؟ اى نفرض ان لدينا فقره تتكون ونريد تقسمها الى 10 سطور مثلا ماذا نفعل ؟ الموضوع بسيط جدا ........ سوف نستخدم هذا الوسم البسيط جدا <BR> لتحديد نهايه سطر وبدء سطر جديد تعديل بسيط على مثالنا السابق كود PHP: `<html> <head> <title> دوره هتمل (html) شبكه ابن الخليج </title> </head> <body> بسم الله الرحمن الرحيم <BR> شبكه ابن الخليج <BR> اساسيات لغه هتمل ( HTML) </body> </html>` ماذا تلاحظ هذا ناتج عملنا ولكن ماذا اذا قمنا بعمل نفس المثال السابق بدون وسم <BR> كود PHP: `<html> <head> <title> دوره هتمل (html) شبكه ابن الخليج </title> </head> <body> بسم الله الرحمن الرحيم شبكه ابن الخليج اساسيات لغه هتمل ( HTML) </body> </html>` انظر الى الصوره اسفل كى ترى ناتج ما قمنا به اعتقد قد اتضح الان كل شى من خلال الصور ولا تنسى اخى الفاضل ان وسم <BR> وسم ليس له نهايه اى انه وسم مفرد. كما ايضا يوجد وسم اخر لانهاء السطر والبدء بسطر جديد الا وهو وسم < P> ولكن ما هو الفرق بين الوسمين وسم <BR> هو وسم لانهاء سطر والبدء بسطر جديد وسم <P> هو وسم لانهاء سطر والبدء بسطر جديد مع اخذ سطر سطر اضافى بين الفقرات او السطرين ودعونا ناخذ المثال السابق مع وضع هذا الوسم كود PHP: `<html> <head> <title> دوره هتمل (html) شبكه ابن الخليج </title> </head> <body> بسم الله الرحمن الرحيم <P> شبكه ابن الخليج <P> اساسيات لغه هتمل ( HTML) </body> </html>` وهذا عو ناتج ما قمنا به هل ترى الفرق بين الفقرات فى كلا من هذين الوسمين <BR> و <P> الى هذا الحد قد انتهينا من الدرس الثانى فى انتظار اى استفسار واعزرونى للاطاله انتظرونا فى الدرس القادم ان شاء الله أن أصبت فمن الله وأن أخفقت فمن نفسى والشيطان والسلام عليكم ورحمه الله وبركاته من مواضيع براديس سيرف في المنتدى عروض العيد من براديس سيرف لا مجال للمنافسه الان انضم الى الصفوه موقعك كامل ب 150 ريال فقط لا مجال للمنافسه دوره فى لغه هتمل (html) كامله لا تفوتك موقعك كامل ب150 ريال لا مجال للمنافسه ( انضم الى الصفوه) الان موقعك فقط ب150 ريال + ضعف المساحه او الباوندث

09-25-2008, 10:28 مساءً	#10 (permalink)
Egyboy90 عضو متميز تاريخ التسجيل: Apr 2008 الدولة: in my clothes المشاركات: 237 معدل تقييم المستوى: 36	رد: دوره فى لغه هتمل (html) كامله لا تفوتك جميله جد وشرح سهل جدا ولغه سهله جدا ومنتظر باقى الدروس شكرا يا اخى من مواضيع Egyboy90 في المنتدى مشكله فى هاكات عدم رؤيه الروابط قبل الرد هاك تسريع المنتدى ..انصح بالتحميل مشكله فى تركيب استايل على منتدى vb عايز كود شريط اخبار الجزيره او اى موقع اخبارى اخر اريد واجهه للموقع

أدوات الموضوع
عرض نسخة صالحة للطباعة أرسل هذا الموضوع إلى صديق
طرق مشاهدة الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
(اوراكل) دوره تعليم SQL فيديو كامله تابع معنا ارجو التثبيت للاهيمه والجديه	dr.giga	دروس لغات البرمجة	26	02-01-2012 06:11 مساءً
تعلم صيانة الكمبيوتر دوره كامله	شهيد الغد	دروس انظمة تشغيل و هاردوير و شبكات	22	10-11-2011 10:29 مساءً
صفحة لفك التشفير على الصفحات هتمل html	narhot	سكربتات وادوات تطوير المواقع	4	12-24-2008 04:01 مساءً

دوره فى لغه هتمل (html) كامله لا تفوتك

منتديات شبكة ابن الخليج