حسنه قليلة تمنع بلاوي كثيرة

[اسيرة رجل]

هاي كيفكم
ايش مسوين
شوفوا ما ابي اطول عليكم السالفه
انا عندي مادة اسمهاhtml
وموعارفة ايش اختار موضوع ابيكم تساعدوني باختيار موضوع ويكون يتظمن صور


وسلامتكم

[][خجووول][]

................................


عن الهتمل

<< اختصاصه

دقيقه افطر واجي

[bandar al-dakhil]

^
^

افلقيني اذا رجع لكـ:28ar:

بروح أصلي الجمــعه وأرجع لكـ

انتضريني:biggrin:

[][خجووول][]

بندر كل تبن يا قلبي

(( فيس حاقد))

عدنااااااااااااااااااااا

الحمد لله شبعت




أبدأ بالشرح؟؟



ما هو معنى كلمة HTML؟

من الطبيعي أن تعرف معناها ما دمت نويت تعلم هذه اللغة الرائعة السهلة .

إن كلمة HTML هي اختصار لـ Hyper Text Markup Language



ولغة الهتمل ليست كما تراها الآن أمام الشاشة ، بل هي عبارة عن رموزTags<> ، ويوجد لكل رمز عمل معين يقوم به ليؤدي وظيفة ما .



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



وهذه هي لغة الهتمل كل رمز بها يقوم بعمل خاص به ، فهذا رمز للتلوين وهذا رمز آخر لوضع خط تحت العبارة ، ورمز يقوم بإضافة موسيقى .



هل تحتاج لغة الهتمل إلى برنامج معين لكي اكتب فيه الرموز؟



لا تحتاج لغة الهتمل إلى برنامج معين بل كل ما تحتاجه هو في متناول اليد ، والذي هو عبارة عن محرر لكتابة النصوص مثل برنامج المفكرة notepad ومتصفح لكي تظهر عليه النتيجة وترى ثمار تعبك والمتصفحات كثيرة ولكن انصحك بانترنت اكسبلورر أو نتسكايب نفيجيتور.



هل هناك ملاحظة معينة



نعم هنالك ملاحظة صغيرة ومهمة جدا جدا ، ألا وهي عند تخزين ملف الهتمل في المفكرة مثلا بإسم lesson لاتنسى أن تخزنها بإمتدادhtml أو htm>



وهكذا اذهب بعدها للمتصفح وافتحه هناك لكي ترى النتيجة وبالطبع ليس شرطا ان تكون متصلا بالانترنت لكي ترى النتيجة.

في هذه المرحلة من الدروس سوف نتعلم درس مهم جدا وممتع ألا وهو كيفية إضافة وإدراج أنواع من الخطوط وبأحجام مختلفة.



والآن سوف تجد كل نوع من الخطوط مع الأمر الذي يجب ان تكتبه له .

وإذا حاز أي نوع من الخطوط على إعجابك فكل ما عليك هو حفظ الامر أو نسخه لتستعمله في موقعك الخاص بك.


--------------------------------------------------------------------------------



لكي تظهر لك العبارة في الوسط

كما في المثال التالي




هنا سوف اتعلم كيفية إدراج الخطوط





اكتب الأمر التالي



<center>هنا سوف اتعلم كيفية إدراج الخطوط</center>


--------------------------------------------------------------------------------



ولكي يظهر لك ذلك



هنا سوف اتعلم كيفية إدراج الخطوط



اكتب الامر التالي



<i>هنا سوف اتعلم كيفية إدراج الخطوط</i>



وهكذا سوف تجد كل مثال مع الأمر المطلوب له



هنا سوف اتعلم كيفية إدراج الخطوط

<b>هنا سوف اتعلم كيفية إدراج الخطوط</b>



هنا سوف اتعلم كيفية إدراج الخطوط

<strike>هنا سوف اتعلم كيفية إدراج الخطوط</strike>



هنا سوف اتعلم كيفية إدراج الخطوط

<u> هنا سوف اتعلم كيفية إدراج الخطوط</u>




--------------------------------------------------------------------------------



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




<h1>هذا الحجم رقم واحد</h1>





<h2>هذا الحجم رقم اثنين</h2>





<h3>هذا الحجم رقم ثلاثة</h3>





<h4>هذا الحجم رقم أربعة</h4>





<h5>هذا الحجم رقم خمسة</h5>





<h6>هذا الحجم رقم ستة</h6>









--------------------------------------------------------------------------------



وتوجد أيضا طريقة للتحكم في حجم الخط

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

بهذا الأمر



<font size=5>

------

------

العبارة

-----

</font>



وسوف ترى بنفسك ماذا اقصد بهذه الأرقام ، من خلال الأمثلة التالية



<font size=1>موسوعة الكمبيوتر والانترنت العربية</font>





<font size=2>موسوعة الكمبيوتر والانترنت العربية</font>



<font size=3>موسوعة الكمبيوتر والانترنت العربية</font>



<font size=4>موسوعة الكمبيوتر والانترنت العربية</font>



<font size=5>موسوعة الكمبيوتر والانترنت العربية</font>





تركت لك الحجم رقم ستة وسبعة لكي تجربهما بنفسك

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

وهي تصغير او تكبير الخط عدة درجات بحسب الدرجة التي تريدها، وطبعا اختيار الدرجات يتم ما بين الرقم واحد إلى الرقم سته

كما في المثال التالي



<font size="+2"> كبرت الحجم بمقدار درجتين</font>



<font size="-2">صغرت الحجم بمقدار درجتين</font>



وهكذا حاول أن تجرب جميع الدرجات لتكتشف بنفسك كيفية عملها.

وبعد أن تعلمت كيفية التحكم بحجم الخط ، لا بد منك أن تتعلم كيفية تعيين نمط الخط الذي يعجبك، ومن الأفضل دائما ان تعين ثلاثة خطوط على الأقل ، وذلك لكي إذا وجد المتصفح صعوبة في إيجاد الخط الأول فهو ينتقل الى الخط الثاني وهكذا

ويتم ذلك من خلال هذا الأمر .



<font face="Traditional Arabic, Arabic Transparent, Simplified Arabic">

--------

-------

العبارات

-------

------

</font>


--------------------------------------------------------------------------------

ما هو التركيب الأساسي لأي ملف في الهتمل؟



حينما تفتح المفكرة لكي تكتب فيها ، لا بد من أساس تطبق عليه كل الرموز، الأساس هو كالتالي:



<html>

<head>

<title>

هنا يكتب العنوان الذي سوف يظهر في شريط المتصفح

</title>

</head>

<body>

--------

--------

هنا نكتب كل ما نريد ادراجه في صفحات الموقع من صور ومواضيع

--------

--------

</body>

</html>




--------------------------------------------------------------------------------



والان إليك هذا المثال البسيط :





<html>

<head>

<title>

صفحتي الأولى

</title>

</head>

<body>

ما زلت حتى الان اتعلم الدرس الأول

</body>

</html>





--------------------------------------------------------------------------------





وهكذا اصبحت الآن قادرا على كتابة أساسيات الهتمل ...فما رأيك لو تطبق هذا المثال وشاهد بنفسك كيف يتكون كصفحة بسيطة تكون بداية لتعلمك تصميم المواقع



والان ما هو الشيء الذي لم تتعلمه في الاساسيات؟؟؟



إنها الفراغات وترك الاسطر، فلغة الهتمل لا تهتم بعدد الاسطر الفارغة التي تركتها ولا بعدد المسافات بين الكلمات ، فإذا كنت ترغب بترك سطر فهنالك وسم معين له ، وكذلك للفراغات .


--------------------------------------------------------------------------------



<br>



يستخدم هذا الوسم لنهاية السطر والبدء بسطر جديد

<p>



يقوم هذا الوسم بنفس عمل الوسم السابق الا انه يترك سطر فارغ بين الفقرات



&nbsp;



يقوم هذا الوسم بترك فراغ بين الكلمات ، وهو يمثل فراغ واحد وهكذا كلما كتبت هذا الوسم يترك فراغ واحد ولكن بالطبع فإنه ليس من الضروري كتابته بين كل كلمة وكلمة ، فتلقائيا سوف يترك فراغ بين الكلمات للتفريق بينها..ولكن هذا الوسم يستخدم اذا كنا نريد اكثر من فراغ واحد بين الكلمات


--------------------------------------------------------------------------------





والان إليك هذا المثال الذي سوف يوضح تلك الوسوم الثلاث التي تعلمتها الآن



<html>

<head>

<title>

صفحتي الأولى

</title>

</head>

<body>

تعملت الان كيفية ترك فراغات وسوف اترك اربعة فراغات باستخدام الامر التالي &nbsp;&nbsp;&nbsp;&nbsp;

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

<p>

والان سوف انتقل الى سطر جديد بدون ترك سطر فارغ


وهكذا تعلمت تلك الوسوم الثلاث بكل سهولة

</body>

</html>




--------------------------------------------------------------------------------



والان ما رأيك ان تطبق المثال السابق وترى بنفسك كيف سوف يظهر في متصفحك

الألوان وكيفية إدراجها كخلفية او كلون للعبارات أو العناوين في صفحات الانترنت .



في البداية هيا نتعلم كيفية إضافة لون كخلفية

وهذا يأتي من خلال الأمر التالي :



<body bgcolor=#ffffff>

-------

-------

</body>





ولقد استخدمت أنا اللون الأبيض وذلك من خلال الرمز ffffff كخلفية وهذا يأتي من الأمر السابق.

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

ولكن تذكر دائما بأن تضع إشارة # قبل الرمز الذي اخترته لكي يتعرف المتصفح على اللون.

إذن الآن تعلمت لون الخلفية فيا ترى ماذا عن لون العبارات والفقرات .

انظر معي إلى هذا الأمر:



<font color=#123123>

------

------

</font>





لقد تعاملنا مسبقا مع الرمز font ولكن هذه المرة أدخلنا كلمة color وهكذا اختر اللون الذي يعجبك وسوف ترى النتيجة بنفسك عند استخدامك لها .









انتهى 00


اي اسئله اي استفسارات نحن بالخدمه

مع السلامه
تامروني بشي
فمان الكريم

[][خجووول][]

برايفت لولد عمي بندر

خلك قد كلمت مثل ماعرفتك

هذاني رجعت اكمل الشرح بعد ما عبيت بنزين مليت كريشتي فــل

اسيره وانتي جايه الله لايهينك هاتي معك مشعاب ولا رضمه (( حصاه كبيره))

همن هفيه على قلته (( من راسه من فوق)) حول مؤخرة الرأس

لا اوصيتس وانا اخوتس تراني حاقد عليه ههههههههههه


ياحبين لك يابندر (( فيس منكمخ ))