هل لديك موقع شخصي ؟ يمكنك الحصول عليه بسهولة !!!!!!!!!

سيد هاشمي · الأربعاء يونيو 29, 2005 4:06 pm

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

وقد أحببت لأخوتي في هذا المنتدى الرائع أن يتعلموا هذة اللغة فهي ليست بالمعقدة وهي كذلك مهمة يمكن ان يستخدمها اي عضو منكم

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

الهاشمي · الأربعاء يونيو 29, 2005 5:06 pm

أولا أهلا وسهلا بكم
ثانيا كتب الله أجركم وزاد في الإخوة الفضلاء من أمثالكم.

Nader · الأربعاء يونيو 29, 2005 5:12 pm

جزاك الله خيرا
وهل سنتعلم الHTML مباشرة أم سنتعلم أدوات تمكننا من صياغة الHTML؟

سيد هاشمي · الخميس يونيو 30, 2005 12:11 pm

بداية جميلة مع الأخوة الكرام ( الهاشمي ) و (nader) فقد أعطوني المزيد من الحماس .
لغة html هي عبارة عن مجموعة من الأوامر البسيطة والممتعة , ولا تحتوي على أدوات أو شيء من هذا القبيل لهذا سيتم تناول أوامر هذه اللغة مباشرة ، وسأطرح المواضيع بطريقة التطبيق المباشر لما له من إيجابيات لمستها عند تعلمي هذه اللغة فأتمنى من المهتمين بهذا الموضوع أن يتم التطبيق بالتزامن مع قراءة الموضوع .
********************************************
لنبدأ :-
1- اضغط على start ثم run ( قائمه ابدأ ثم تشغيل ) واكتب في مربع الحوار notepad.exe ثم انقر على موافق

عندها سيظهر برنامج notepad أو ما يسمى بالنوتة ، هذا البرنامج هو أبسط أنواع البرامج التي يستخدمها المبرمجون لإنشاء صفحات ويب وبالأخص صفحات html .

2- الخطوة الثانية نقوم بكتابه هذه الصيغة في الـ notepad

كود: تحديد الكل

<html>
 <body>
 <h1/>أهلا وسهلا بكم في مجالس آل محمد <h1>
  <body/>
  <html/>

نلاحظ من ما سبق
1- يتم كتابة الأمر بين حاصرتين < > ويجب إغلاق هذا الأمر بإضافة / إلى الحاصرتين
2- نلاحظ كذلك أن الأمر <h1> تم إغلاقه أولا وهكذا بالنسبة لبقية الأوامر

فلا يمكن أن نكتب كهذه الصيغة

كود: تحديد الكل

<html>
<body>
  <h1/>أهلا وسهلا بكم في مجالس آل محمد <h1>
<html/>
<body/>

<html></html> تعني أن هذا الملف يحتوى على أوامر html
<body></body> ما بينهما سيظهر في صفحة ال html
<h1></h1> وتعني إظهار الكتابة التي بينهما بخط كبير جدا
* حاول أن تغير بدل <h1> ب <h6> أو <h5> أو <h4> أو <h3> أو <h2> ولا تنسى أمر الإغلاق

3- الخطوة الأخيرة :- من برنامج ال notepad انقر على (file ثم save as ) ( ملف ثم حفظ باسم )
في المربع file name (اسم الملف ) اكتب name.html حيث يمكن أن تستبدل بدل name بأي اسم مثلا nader.html

في المربع الذي يليه اختر all files ( كل الملفات ) بعدها و قبل أن تضغط على حفظ يجب أن تعرف أين سيتم حفظ الملف هل في سطح المكتب مثلا .
بعدها يتم الذهاب إلى مكان حفظ الملف ليتم فتح صفحة ال html .

Nader · الجمعة يوليو 01, 2005 8:58 pm

جميل جدا،
جربتها وفعلا كونت ملف HTML
وأحب أن أؤكد للراغبين في تعلمها، أنه مهما زادت البرامج التي تنتج صفحات الوب على غرار Microsoft FrontPage أو Macromedia Dreamweaver أو غيرها، ومهما استخدمناها وأحترفناها،فلا بد لمعرفة أصول لغة الHTML ليكمل الاحتراف.
أو أن أضيف معنى الHTML ، وهو أختصار لــHyper Text Markup Languange(لن أترجمها)
كما يمكن حفظ الملف بالامتدادين ال.html أو .htm
وتحياتي.

موالي آل بيت النبي (ص) · الثلاثاء يوليو 05, 2005 11:32 pm

اللهم صل على محمد و آل محمد

الشكر الجزيل للاخ العزيز ,
انا اعمل على الفرونت بيج من مدة و لكن حتى هذا الوقت لم اكن اعلم ما هي هذه اللغة و ما تعنيه , و الان و بفضل الله و فضلكم بدأنا نقلة جيدة في عالم هذه اللغة و عسى ان لا تبخلوا علينا بما منا الله عليكم من معرفة في هذه اللغة .

في انتظار الدرس الثاني...
و السلام عليكم

سيد هاشمي · الخميس يوليو 07, 2005 1:45 pm

شكرا أخي nader على هذه الإضافات القيمة .
وأرحب بالأخ موالي آل بيت النبي (ص) وإن شاء الله سأحاول جهدي في هذا الموضوع

طبعا تناولنا في الموضوع الأول الأمر <h1> ويستخدم لعرض عنوان معين بخط كبير جدا , <h2></h2> يؤدي نفس الغرض لكن بخط أصغر قليلا , وهكذا الأوامر <h3>و<h4>و<h5>و<h6> لهن نفس الغرض ولكن بخط أصغر بالتدريج

في هذا الموضوع يمكن عرض مجموعة أخرى من الأوامر التي تهتم بتنسيق صفحة ال html

لنلاحظ إلى هذه الثلاث الجمل التالية

1- أهلا وسهلا بكم في مجالس آل محمد
2- أهلا وسهلا بكم في مجالس آل محمد
3- أهلا وسهلا بكم في مجالس آل محمد

نلاحظ أن الخط في الجملة رقم (1) عريض وهذا لأننا استخدمنا الأمر <b> </b>
أما بالنسبة للخط في الجملة رقم (2) فأنه مائل وهذا لأننا استخدمنا الأمر <i> </i>
أما بالنسبة للجملة رقم (3) فإن هناك خط تحتها وهذا لأننا استخدمنا الأمر <u></u>

هذا المثال يجمع جميع الأوامر في هذا الموضوع

كود: تحديد الكل

<html>
<body>
<b></br/>أهلاوسهلا بكم في مجالس آل محمد<b>
<i></br/>أهلاوسهلا بكم في مجالس آل محمد<i>
<u/>أهلاوسهلا بكم في مجالس آل محمد<u>
<body/>
<html/>

نلاحظ وجود أمر </br> في المثال السابق ولا يوجد له أمر إغلاق مثل بقيه الأوامر وهو مسئول عن جعل الجملة التالية في صدر جديد , ( حاول إزالة هذا الأمر من المثال وأنظر الفرق )

أما هذا المثال فيجمع جميع الأوامر التي في الموضوع السابق والموضوع الحالي

كود: تحديد الكل

<html>
<body>
<h1/>أهلاوسهلا بكم في مجالس آل محمد<h1>
<h2/>أهلاوسهلا بكم في مجالس آل محمد<h2>
<h3/>أهلاوسهلا بكم في مجالس آل محمد<h3>
<h4/>أهلاوسهلا بكم في مجالس آل محمد<h4>
<h5/>أهلاوسهلا بكم في مجالس آل محمد<h5>
<h6/>أهلاوسهلا بكم في مجالس آل محمد<h6>

<b></br/>أهلاوسهلا بكم في مجالس آل محمد<b>
<i></br/>أهلاوسهلا بكم في مجالس آل محمد<i>
<u/>أهلاوسهلا بكم في مجالس آل محمد<u>
<body/>
<html/>

وأكرر أن أهم شيء في إتقان هذه اللغة هو تطبيق الأمثلة السابقة , وأتمنى من الأخوة أن يكثروا من طرح الاستفسارات حول الأشياء الغامضة حول هذه اللغة
وشكرا