منتدى مرمر - محمد علي رمضان
السلام عليكم ورحمة الله وبركاته ,,,,,,,,, مرحبا بك أخي الزائر الكريم أو أختي الزائرة الكريمة . انضمامك إلينا في منتداكم يسعدنا كثيرا,,,,, مع تحيات أخيكم / محمد علي رمضان

منتدى مرمر - محمد علي رمضان

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


الأربعاء 06 يوليو 2016, 12:39 am من طرف Admin كتب : » تهنئة بعيد الفطر المبارك :احبائي اعضاء وزوار منتدانا الكرام كل عام وانتم بخير … : قراءة كاملة الأحد 20 مارس 2016, 2:47 am من طرف Admin كتب : » هام للاعضاء والزوار :الاهداءات مفتوحة للاعضاء والزوار :
يجب عليك تسجيل الدخول لإرسال رسالة
اسم العضو : كلمة السر :
ادخلني في كل زيارة تلقائيا :

نسيت كلمة السر ::
المواضيع الأخيرة
» أغنية - والنبي لنكيد العزال القديمة - ألبوم شفت بعيني - محرم فؤاد
السبت 14 أكتوبر 2017, 8:05 pm من طرف mohammadattia38

» أغنية - هو صحيح الهوى غلاب - صدى جديد ومختلف عما سبق
الجمعة 12 مايو 2017, 3:09 pm من طرف Admin

» أغنية - كله ماشي جوده اعلى - ألبوم كله ماشي - محرم فؤاد
الجمعة 31 مارس 2017, 6:21 am من طرف ابراهيم الجندى

» أغنية - تعب القلوب - ألبوم تعب القلوب - 2014 - محرم فؤاد
الجمعة 31 مارس 2017, 5:53 am من طرف ابراهيم الجندى

» أغنية - أبحث عن سمراء حفله توزيع جديد - ألبوم شفت بعيني - محرم فؤاد
الجمعة 31 مارس 2017, 5:19 am من طرف ابراهيم الجندى

» أغنية - الصبر - ألبوم الصبر - محرم فؤاد
الجمعة 31 مارس 2017, 4:32 am من طرف ابراهيم الجندى

» أغنية - سلامات ياحبايب حفله - ألبوم سلامات - محرم فؤاد
الجمعة 31 مارس 2017, 4:15 am من طرف ابراهيم الجندى

» أغنية - أنا عايز صبية - ألبوم أنا عايز صبية - محرم فؤاد
الجمعة 31 مارس 2017, 3:59 am من طرف ابراهيم الجندى

» راديو آخر مختلف لعمرو دياب بث مباشر على مدار الساعة
السبت 18 مارس 2017, 3:13 pm من طرف Admin

» راديو آخر مختلف لعمرو دياب
السبت 18 مارس 2017, 2:52 pm من طرف Admin

» أغنية - بتسأل ليه عليا - ألبوم بتسأل ليه عليا - هاي كواليتي - فايزه أحمد - استماع وتحميل
الأربعاء 08 فبراير 2017, 2:31 pm من طرف Admin

» جدول مباريات اليوم وكل يوم متجدد يوميا وشاهد مبارياتك المفضلة
الأربعاء 12 أكتوبر 2016, 5:04 pm من طرف Admin

» الجزيرة الرياضية 11+ HD سيرفر جديد
الأربعاء 12 أكتوبر 2016, 4:49 pm من طرف Admin

» الجزيرة الرياضية bein-max1
الأربعاء 12 أكتوبر 2016, 4:27 pm من طرف Admin

» الجزيرة الرياضية bein-max2
الأربعاء 12 أكتوبر 2016, 4:24 pm من طرف Admin

أكتوبر 2017
الأحدالإثنينالثلاثاءالأربعاءالخميسالجمعةالسبت
1234567
891011121314
15161718192021
22232425262728
293031    
اليوميةاليومية

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#1مُساهمةموضوع: الدرس الأول في تعلم لغة HTML   الثلاثاء 10 نوفمبر 2015, 11:01 pm

الدرس الأول في تعلم لغة HTML *** الأساسيات ***  

***   ***   ***   ***   ***   ***



سوف أقوم في هذا الدرس بسرد الوسوم الأساسية لصفحة الويب ومناقشتها معك واحداً تلو الآخر. لنصل في النهاية إلى إنشاء صفحة ويب بسيطة.
لنأخذ الوسوم التالية:
وسم البداية وسم النهاية
<HTML> <‎/HTML>
<HEAD> <‎/HEAD>
<TITLE> <‎/TITLE>
<BODY> <‎/BODY>

ماذا تلاحظ ؟ أن كل منها يتألف من زوج من الوسوم أحدهما وسم البداية، والآخر وسم النهاية. ويتميز وسم النهاية بوجود الرمز / . تأمل الرسم التالي، فهو يعطي فكرة عن تركيب ملف
Html

Html File Structure
إذن فملف
Html
يبدأ دائماً بالوسم
<HTML>
وينتهي بالوسم
<‎/HTML>
تذكر ذلك دائما
أما الوسم
<HEAD>
فيحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة. كالعنوان الظاهر على شريط عنوان المتصفح. وهذا العنوان بدوره يحتاج لأن يوضع بين الوسمين:
<TITLE> … <‎/TITLE>
وبالطبع يجب كتابة الوسم
<‎/HEAD>
لكي ننهي هذا المقطع
نأتي إلى الوسم
<BODY>
والذي يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو أيضاً يحتاج إلى وسم الإنهاء
<‎/BODY>
ما رأيك لو نبدأ بتطبيق هذه المعلومات بصورة عمليه ؟ هيا… قم بفتح برنامج المفكرة - النوت باد - واكتب ما يلي
انسخه من هنا
الكود:
<HTML>
<HEAD>
<TITLE>
marmar 7bebty
</TITLE>
</HEAD>
<BODY>
mohamed ali ramadan
</BODY>
</HTML>
والآن قم بحفظ ما كتبته في ملف وبأي اسم تختاره. ولا تنسى أن الامتداد المستخدم في أسماء ملفات
HTML
هو
htm. أو html.
مثلاً
أنا اخترت الاسم ‎
marmar.htm
ومن الأفضل أن تقوم بإنشاء مجلد ( فولدر ) مستقل على القرص الصلب لكي تحفظ
به ملفاتك فهذا يسهل عليك عملية استرجاعها للعرض أو التحديث وليكن هذا المجلد مثلاً بالاسم
( ملفات اتش تي ام ال )
(أو بأي اسم يحلو لك)
ولكي نشاهد ماكتبناه يجب ان نتبع الخطوات التالية
1 : نفتح الفولدر الذي يحتوي على مابداخل الكود السابق ثم نضغط على أدوات أو
( Tools )
في أعلى الصفحة
ثم نختار
Folder Options...
كما في الصورة التالية
Html File Structure
2 : فتظهر صفحة جديدة نختار من أعلى الصفحة
View
وننزل الى اسفل الصندوق ونحذف النقطة او علامة الصح المجاورة للعبارة التالية
Hide extensions for known file types
وذلك عن طريق الضغط كليك شمال على المربع الموجود به النقطة او علامة الصح ثم نضغط على الزر
OK
كما في الصورة التالية
Html File Structure
لتصبح هكذا كما في الصورة التالية
Html File Structure
3 : بعد الضغط على أوك سيظهر امتداد ورقة التيكست وهو
txt
كما هو واضح في الصورة التالية
Html File Structure
4 : فنقوم بحذف هذا الامتداد
txt
ونكتب بدلا منه
htm
مع مراعاة عدم حذف النقطه ( دوت ) الموجوده بين
marmar
و
txt
ليصبح اسم ورقة التيكست هكذا
marmar.htm
حينئذ تظهر رسالة مفادها هل انت متأكد من تغيير الامتداد
فنضغط على
yes
كما في الصورة التالية
Html File Structure
5 : بعد الضغط على
yes
سيتغير شكل ورقة التيكست وتصبح شبيهة بالفايرفوكس
كما في الصورة التالية
Html File Structure
بعد ذلك نقوم باخفاء ظهور امتداد الملفات بوضع النقطة او علامة الصح مرة اخرى في مكانها كما كانت في السابق  حتى تستطيع تغيير اسم اي ملف وقتما تشاء دون اتلاف اي ملف عند تغيير اسمه لان هذه الخاصية تخص امتداد الملفات ولو تم حذف امتداد اي ملف فلن يعمل الا اذا كتبت امتداده الاصلي مرة اخرى

كيف ارجع النقطة او علامة الصح في مكانها الاصلي كما كانت سابقا ؟
الاجابة : نفذ الخطوة رقم 1 ثم كليك شمال في المربع فتظهر النقطة او علامة الصح
كما في الصورة التالية
Html File Structure
ثم نضغط على
OK

*********************************

انزل لأسفل وتابع بقية الدرس
أو
اضغط هنـــــــــــــا










عدل سابقا من قبل Admin في الثلاثاء 17 نوفمبر 2015, 6:39 pm عدل 9 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#2مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   الثلاثاء 10 نوفمبر 2015, 11:14 pm

تابع الدرس الأول *** الأساسيات ***

*** *** *** *** *** ***



حان الآن وقت العرض، لكي نشاهد نتيجة ما كتبناه
نضغط دبل كليك اي كليك شمال مرتين على الملف الذي اصبح شكله مثل الفايرفوكس فنجد ان الفاير فوكس يظهر لنا صفحة بداخلها
mohamed ali ramadan
اللي كتبناها داخل الكود في المنطقة مابين
الكود:
<BODY>
و
<‎/BODY>
ولو نظرنا على التولبار العلوي سنجد مكتوب
marmar 7bebty
وهذا يسمى عنوان او اسم الصفحة
وعنوان الصفحة هذا كتبناه
بين

الكود:
<TITLE>
و
<‎/TITLE>

**********************************
هناك طريقة اخرى لفتح الملف الذي اصبح مثل الفاير فوكس وهي كالتالي :
1 : نفتح متصفح الفاير فوكس ونضغط على
file
فتظهر قائمة منسدلة نختار منها
open file...
فيظهر جهاز الكمبيوتر فندخل على الفولدر الذي يحتوي على الملف الشبيه بالفاير فوكس ونضغط عليه كليك شمال ثم
open
فنجد ان الفاير فوكس فتح هذه الصفحة
رجاءا نفذوا الخطوات السابقة وعرفوني هل نجحتم في عمل صفحة ويب خاصة بك - صفحة اتش تي ام ال -
أم وجدتم بعض الصعوبات ؟
وانا كلي ثقة بأنكم سوف ستنجحوا وتتفوقوا على الكثير من المحترفين في هذا المجال

ملاحظات عند كتابة صفحات الويب :

1 : لا يوجد فرق بين كتابة الوسوم بالأحرف الإنجليزية الكبيرة
UPPER CASE
أو الأحرف الصغيرة
lower case
لذلك تستطيع الكتابة بأي شكل منهما أو حتى الكتابة بكليهما

2 : إن المتصفحات لا تأخذ بعين الاعتبار الفراغات الزائدة أو إشارات نهاية الفقرات أي عندما تقوم بضغط مفتاح
Enter
التي تجدها هذه المتصفحات في ملف
Html
وبعبارة أخرى فإن باستطاعتك كتابة ملفك السابق بالشكل التالي :

الكود:
<HTML><HEAD><TITLE>marmar 7bebty</TITLE></HEAD><BODY>mohamed ali ramadan</BODY></HTML>

أو بالشكل التالي :

الكود:
<HTML>
<HEAD>
<TITLE>
marmar
7bebty
</TITLE>
</HEAD>
<BODY>
mohamed
ali
ramadan
</BODY>
</HTML>

أو حتى بهذا الشكل :

الكود:
<HTML> <HEAD> <TITLE>
marmar 7bebty
</TITLE>
</HEAD>
<BODY>
mohamed ali ramadan
</BODY>
</HTML>

وفي كل الحالات ستحصل على نفس النتيجة. وإذا كنت من تلك النوعية من الناس التي لا تصدق كل ما يقال… تستطيع أن تجرب ذلك بنفسك!!! هيا جرب.

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

والآن قد تتساءل، إذن كيف يمكن التحكم بمقدار النص المكتوب في كل سطر وكيف يمكن تحديد نهاية الفقرة وبداية الفقرة التي تليها؟ سؤال وجيه!!! والإجابة عليه هي:

سوف نستخدم الوسم
الكود:
<BR>
لتحديد النهاية للسطر. والبدء بسطر جديد (لاحظ أن هذا الوسم مفرد، أي ليس له وسم نهاية).

ونعود إلى المثال السابق، قم بتعديل الملف لكي يصبح بالشكل التالي

الكود:
<HTML>
<HEAD>
<TITLE>
marmar 7bebty
</TITLE>
</HEAD>
<BODY>
mohamed<BR>ali
<BR>
ramadan
</BODY>
</HTML>

وهناك أيضا الوسم
الكود:
<P>
الذي يقوم تقريباً بنفس عمل الوسم السابق أي أنه ينهي السطر أو الفقرة ويبدأ بسطر جديد لكن مع إضافة سطر إضافي فارغ بين الفقرات.
المزيد عن هذا الوسم في الدرس الرابع الفقرات

الكود:
<HTML>
<HEAD>
<TITLE>
marmar 7bebty
</TITLE>
</HEAD>
<BODY>
mohamed<P>ali<P>ramadan
</BODY>
</HTML>

أما الفراغات فتعتبر رموزاً خاصة لذلك لا نستطيع التحكم بها وبعددها إلا باستخدام الوسم
&nbsp;‎

الكود:
&nbsp;
والأحرف هي اختصار للعبارة
Non Breakable Space
وإذا أردت إدخال عدة فراغات بين نص وآخر ما عليك إلا كتابة هذا الوسم بنفس عدد الفراغات المطلوب. كما يجب عليك التقيد بالأحرف الصغيرة هنا.

إذن لنعد إلى المفكرة ونكتب ملفنا بالشكل التالي :

الكود:
<HTML>
<HEAD>
<TITLE>
marmar 7bebty
</TITLE>
</HEAD>
<BODY>
mohamed    ali   &nbsp; ramadan
</BODY>
</HTML>
 

وبمناسبة الحديث عن الرموز الخاصة فهناك العديد من هذه الرموز والتي يجب أن تكتب بصورة معينة وباستخدام الوسوم وليس مباشرة بصورتها العادية. خذ مثلا إشارتي أكبر من وأصغر من وإشارة الاقتباس ". كل هذه الإشارات تستخدم أصلاً مع الوسوم فهي محجوزه ضمن مفردات لغة
HTML
ومن الخطأ استخدامها بصورتها الصريحة لئلا يؤدي ذلك إلى حدوث مشاكل في طريقة عرض الصفحة. كذلك فإن هناك رموزاً غير موجودة أساساً على لوحة المفاتيح كرمز حقوق الطبع
©
ورمز العلامة المسجلة
®
ونحتاج إلى هذه الطريقة(طريقة الوسوم) لكتابتها. وإليك جدول ببعض هذه الرموز ووسومها المكافئة. وألفت نظرك إلى أنها تكتب كما هي في الجدول وبدون إشارتي
< >

جدول ببعض هذه الرموز ووسومها المكافئة ويطلق عليها الرموز الخاصة
< &lt;
> &gt;
& &amp;
" &quot;
­ &shy;
© &copy;
&#153;
¼ &frac14;
½ &frac12;
¾ &frac34;
® &reg;
± &plusmn;
µ &micro;
&para;
· &middot;
¢ &cent;
£ &pound;
¥ &yen;
¿ &iquest;
° &deg;
¦ &brvbar;
§ &sect;
¹ &sup1;
² &sup2;
³ &sup3;
« &laquo;
» &raquo;

وصلنا إلى النهاية... نهاية الدرس الأول. أتمنى أن تكون قد وجدت فيه من المتعة والفائدة

*** *** *** *** *** ***

الى اللقاء مع الدرس الثاني في تعلم لغة
HTML
إن شاء الرحمن وإن كان في عمري بقية










عدل سابقا من قبل Admin في السبت 14 نوفمبر 2015, 12:52 am عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
رفعت عبد الكريم
عضو نشيط
عضو نشيط
avatar

الساعة الآن : :
الدولة : : العراق
علم الدولة : : العراق - Iraq
المحافظة أو المدينة : : بغداد
العمل : : معلم له خبرة 30 سنة
تاريخ التسجيل : : 07/11/2015
المساهمات : : 48
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يرحب بكم

#3مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   الأربعاء 11 نوفمبر 2015, 7:13 pm

السلام عليكم 
اخي الغالي 
كبداية كتبت التالي في المفكرة 


ثم حفظته باسم 1وبامتداد .htm
وضغطت على االفولدر المحتوي على الكود الذي كتبته فكانت النتيجة هذه صفحة فارغة مثل هذه


 ولا يوجد اي عبارة


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#4مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   الأربعاء 11 نوفمبر 2015, 8:00 pm

رفعت عبد الكريم كتب:
السلام عليكم 
اخي الغالي 
كبداية كتبت التالي في المفكرة 


ثم حفظته باسم 1وبامتداد .htm
وضغطت على االفولدر المحتوي على الكود الذي كتبته فكانت النتيجة هذه صفحة فارغة مثل هذه


 ولا يوجد اي عبارة



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

الكود:
<HEAD>
قبل
الكود:
<TITLE>
بدون شرطه وبشرطه فرجاءا انسخ الكود اللي وضعته في اول الدرس
واليك الكود مرة اخرى
الكود:

<HTML>
<HEAD>
<TITLE>
marmar 7bebty
<‎/TITLE>
<‎/HEAD>
<BODY>
mohamed ali ramadan
<‎/BODY>
<‎/HTML>
وبخصوص اللغة العربية فصفحات الويب تقرأ الانجليزيه ولا تقرأ اللغة العربية الا بعد اضافة كود مكمل سيأتي شرحه قريبا ان شاء الرحمن ولو مستعجل عليه اضعه لك
فجرب ان تحذف ماكتبته من اللغة العربية واستبدله بكلمات انجليزية وعرفني النتيجة
وتحياتي لشخصكم الكريم









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

الساعة الآن : :
الدولة : : العراق
علم الدولة : : العراق - Iraq
المحافظة أو المدينة : : بغداد
العمل : : معلم له خبرة 30 سنة
تاريخ التسجيل : : 07/11/2015
المساهمات : : 48
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يرحب بكم

#5مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   الأربعاء 11 نوفمبر 2015, 8:42 pm

السلام عليكم 
اشكرك حبيبي الغالي على اجابتك السريعة وهذا عهدي بك اخي الحبيب في سرعة الاجابة فقط سؤال الشرح الذي وضحته حضرتك بخصوص Folder Options لا يوجد في متصفحي badiu
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#6مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   الأربعاء 11 نوفمبر 2015, 8:59 pm

رفعت عبد الكريم كتب:
السلام عليكم 
اشكرك حبيبي الغالي على اجابتك السريعة وهذا عهدي بك اخي الحبيب في سرعة الاجابة فقط سؤال الشرح الذي وضحته حضرتك بخصوص Folder Options لا يوجد في متصفحي badiu
وعليكم السلام
اشكرك اخي الحبيب على مدخك وثناءك
ثانيا انا لم اذكر ان
Folder Options
في المتصفح ولكن في الفولدر
ولم اذكر كلمة
badiu
في شرحي مطلقا
ولكن قلت افتح اي فولدر اي حافظة المستندات وفي اعلاه ستجد كلمة
Tools
اضغط عليها ستظهر قائمة منسدلة اختر منها
Folder Options
واضغط عليها
كما في الصورة
Html File Structure
ستظهر صفحة جديدة اضغط على ثاني زر من اليسار في اعلى الصفحة ويسمى هذا الزر
View
كما في الصورة
Html File Structure
وتابع بقية الشرح ونفذ خطوة بخطوة
وتحياتي لكم








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

الساعة الآن : :
الدولة : : العراق
علم الدولة : : العراق - Iraq
المحافظة أو المدينة : : بغداد
العمل : : معلم له خبرة 30 سنة
تاريخ التسجيل : : 07/11/2015
المساهمات : : 48
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يرحب بكم

#7مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   الأربعاء 11 نوفمبر 2015, 9:38 pm

السلام عليكم 
اذا استنتج مما سبق انه يجب ان يكون الترتيب html ثم head ثم titel ثم نكتب العنوان ثم نغلق الوسوم ابتداءا من اخر وسم اي هكذا titel/ ثم head/ اما html/ فلا نغلقها الا في اخر العمل بعده نكتب body ونكتب شرح للموضوع بعده نغلق body/ ثم html/ 


اخي الغالي لم اكتب الوسوم    <      >    بين الكلمات السابقة لانه تنحذف عندما ارسل الرسالة   



عملي صحيح اليس كذلك يا غالي ؟
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#8مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   الأربعاء 11 نوفمبر 2015, 9:45 pm

رفعت عبد الكريم كتب:
السلام عليكم 
اذا استنتج مما سبق انه يجب ان يكون الترتيب html ثم head ثم titel ثم نكتب العنوان ثم نغلق الوسوم ابتداءا من اخر وسم اي هكذا titel/ ثم head/ اما html/ فلا نغلقها الا في اخر العمل بعده نكتب body ونكتب شرح للموضوع بعده نغلق body/ ثم html/ 


اخي الغالي لم اكتب الوسوم    <      >    بين الكلمات السابقة لانه تنحذف عندما ارسل الرسالة   



عملي صحيح اليس كذلك يا غالي ؟

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








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

الساعة الآن : :
الدولة : : العراق
علم الدولة : : العراق - Iraq
المحافظة أو المدينة : : بغداد
العمل : : معلم له خبرة 30 سنة
تاريخ التسجيل : : 07/11/2015
المساهمات : : 48
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يرحب بكم

#9مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   الجمعة 13 نوفمبر 2015, 9:36 am

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


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#10مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   الجمعة 13 نوفمبر 2015, 5:40 pm

رفعت عبد الكريم كتب:
السلام عليكم 
ان شاء الله تعالى بس طلب بسيط ان تستمر في متابعتي و يا ريت يكون التواصل بيننا من خلال الدردشة ليكون الجواب سريع وشكرا



من عيوني ياباشا
لكن عند دخولك المنتدى اكتب ردا هنا انك في الدردشة الآن وذلك بعد ان تتأكد من وجودي بالمنتدى
كيف تعرف اني موجود بالمنتدى ؟
انزل في الصفحة الرئيسية وانظر الى المتواجدون الآن فاذا وجدتني منهم فافعل ماقلته لك
وتقبل تحياتي








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

الساعة الآن : :
الدولة : : العراق
علم الدولة : : العراق - Iraq
المحافظة أو المدينة : : بغداد
العمل : : معلم له خبرة 30 سنة
تاريخ التسجيل : : 07/11/2015
المساهمات : : 48
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يرحب بكم

#11مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   الجمعة 13 نوفمبر 2015, 7:44 pm

السلام عليكم 
اخي الحبيب 
كتب النص التالي :
الكود:
<HTML>
<HEAD>
<TITLE>
alamalbramij
<‎/TITLE>
<‎/HEAD>
<BODY>
hi this new my web site
welcom to everyone
<‎/BODY>
<‎/HTML>

ظهر في المتصفح 

alamalbramij hi this new my web site 

لماذا لم تظهر هكذا 

  
alamalbramij
hi this new my web site

اقصد ان يظهر العنوان 
ثم التفاصيل حيث انني كتبت alamalbramij في العنوان titel وكتبت في التفاصيل hi this new my web site في body 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#12مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   السبت 14 نوفمبر 2015, 1:12 am

رفعت عبد الكريم كتب:
السلام عليكم 
اخي الحبيب 
كتب النص التالي :
الكود:
<HTML>
<HEAD>
<TITLE>
alamalbramij
<‎/TITLE>
<‎/HEAD>
<BODY>
hi this new my web site
welcom to everyone
<‎/BODY>
<‎/HTML>

ظهر في المتصفح 

alamalbramij hi this new my web site 

لماذا لم تظهر هكذا 

  
alamalbramij
hi this new my web site

اقصد ان يظهر العنوان 
ثم التفاصيل حيث انني كتبت alamalbramij في العنوان titel وكتبت في التفاصيل hi this new my web site في body 

هذا الكود الذي وضعته يوجد فيه خطأ
الكود:
<HTML>
<HEAD>
<TITLE>
alamalbramij
<‎/TITLE>
<‎/HEAD>
<BODY>
hi this new my web site
welcom to everyone
<‎/BODY>
<‎/HTML>
وهو حضرتك نسيت تضع
br
بين السطر الاول
hi this new my web site
وبين السطر الثاني
welcom to everyone
لان الويب لا يعرف ان السطر انتهى الا اذا رأى
br

ولذا فان الكود الصحيح هو

الكود:
<HTML>
<HEAD>
<TITLE>
alamalbramij
</TITLE>
</HEAD>
<BODY>
hi this new my web site<BR>welcom to everyone
</BODY>
</HTML>
أو هكذا
الكود:
<HTML>
<HEAD>
<TITLE>
alamalbramij
</TITLE>
</HEAD>
<BODY>
hi this new my web site
<BR>
welcom to everyone
</BODY>
</HTML>

ملاحظة هامة جدا : ارجو عدم استخدام المتصفح
baidu browser
ولكن من المفضل ان تستخدم المتصفح
Mozilla Firefox
فجميع منتديات شبكة احلى منتدى تعمل عليه جيدا وكل التجارب في
تطوير هذه المنتديات تتم من خلال الفاير فوكس
هذا للعلم ولكم الخيار

راجع مرة اخرى بقية الدرس الاول
من هنــــــــــــــــــــا

وتقبل تحياتي








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

الساعة الآن : :
الدولة : : العراق
علم الدولة : : العراق - Iraq
المحافظة أو المدينة : : بغداد
العمل : : معلم له خبرة 30 سنة
تاريخ التسجيل : : 07/11/2015
المساهمات : : 48
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يرحب بكم

#13مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   السبت 14 نوفمبر 2015, 8:39 am

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

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

الساعة الآن : :
الدولة : : العراق
علم الدولة : : العراق - Iraq
المحافظة أو المدينة : : بغداد
العمل : : معلم له خبرة 30 سنة
تاريخ التسجيل : : 07/11/2015
المساهمات : : 48
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يرحب بكم

#14مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   السبت 14 نوفمبر 2015, 3:59 pm

السلام عليكم
اخي الحبيب غيرت في النص حيث كتبت الدرس هكذا لتتكون اسطر فارغة وكما في الشكل التالي :
الكود:
<html>
<head>
<titel>
WWW.ALAMALBRAMIJ.COM
</titel>
</head>
<p>
<body>
welcome to my new web sit
<p>
intristing
</body>
<html>
وظهرت لي هكذا في متصفح فايرفوكس




اكملت الدرس الاول وان شاء الله تعالى وفقت فيه اليس كذلك اخي الغالي ؟


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#15مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   السبت 14 نوفمبر 2015, 5:21 pm

رفعت عبد الكريم كتب:
السلام عليكم 
اخي الحبيب 
شكرا جزيلا
الكود:
<br>
هل اضع هذا الوسم بعد كتابة كل سطر؟

وعليكم السلام
اخي الغالي
ولا شكر على واجب والشكر لله دائما وأبدا
وردا على سؤالك
الاجابة : نعم تضع هذا الوسم في نهاية كل سطر








الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#16مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   السبت 14 نوفمبر 2015, 6:14 pm

رفعت عبد الكريم كتب:
السلام عليكم
اخي الحبيب غيرت في النص حيث كتبت الدرس هكذا لتتكون اسطر فارغة وكما في الشكل التالي :
الكود:
<html>
<head>
<titel>
WWW.ALAMALBRAMIJ.COM
</titel>
</head>
<p>
<body>
welcome to my new web sit
<p>
intristing
</body>
<html>
وظهرت لي هكذا في متصفح فايرفوكس




اكملت الدرس الاول وان شاء الله تعالى وفقت فيه اليس كذلك اخي الغالي ؟



وعليكم السلام ورحمة الله وبركاته
اخي الغالي
لقد تحسنت بنسبة كبيرة والحمد لله ونريد منك المزيد من التقدم
أما ملاحظاتي على الكود فهي :
لقد وضعت الوسم
p
زائدا بين
/head
و
body
كما في الكود التالي
الكود:
</head>
<p>
<body>
فانتبه لذلك في المرات القادمة
اي شيئ ترد وضعه كتابه او صورة او فيديو او ملف صوتي يكون في منطقة الــ
body

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

واليك الكود بعد تصويب الاخطاء

الكود:

    <HTML>
    <HEAD>
    <TITLE>
    WWW.ALAMALBRAMIJ.COM
    </TITLE>
    </HEAD>
    <BODY>
    welcome to my new web sit<P>intristing
    </BODY>
    </HTML>
وتقبل تحياتي








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

الساعة الآن : :
الدولة : : العراق
علم الدولة : : العراق - Iraq
المحافظة أو المدينة : : بغداد
العمل : : معلم له خبرة 30 سنة
تاريخ التسجيل : : 07/11/2015
المساهمات : : 48
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يرحب بكم

#17مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   السبت 14 نوفمبر 2015, 7:49 pm

السلام عليكم 
الله يبارك فيك اخي على ملاحظاتك القيمة وحقيقة كنت محتاج الى هذه الملاحظات بشدة جزاك الله تعالى كل خير ان شاء الله تعالى نتابع في الدرس الثاني تقبل فائق حبي وتقديري لك اخي الغالي .  I love you
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
مدير المنتدى
مدير المنتدى
avatar

الساعة الآن : :
الدولة : : مصـــــــــــر
علم الدولة : : مصر - Egypt
المحافظة أو المدينة : : المنصورة - ميت غمر
العمل : : موجه رياضيات بالتربية والتعليم
تاريخ التسجيل : : 19/11/2012
المساهمات : : 5683
الموقع : marmar.afdal-montada.com
النوع : : ذكر
SMS - مرمر : : منتدى مرمر يتمنى لكم قضاء اطيب الاوقات بصحبتنا

#18مُساهمةموضوع: رد: الدرس الأول في تعلم لغة HTML   السبت 14 نوفمبر 2015, 9:05 pm

رفعت عبد الكريم كتب:
السلام عليكم 
الله يبارك فيك اخي على ملاحظاتك القيمة وحقيقة كنت محتاج الى هذه الملاحظات بشدة جزاك الله تعالى كل خير ان شاء الله تعالى نتابع في الدرس الثاني تقبل فائق حبي وتقديري لك اخي الغالي .  I love you

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









الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
الدرس الأول في تعلم لغة HTML
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود يجعل استايلك مثل الفي بي
» حصريا mbc دراما على النايل سات

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى مرمر - محمد علي رمضان :: قسم خاص بلغة HTML  :: أكواد وتعليم لغة HTML :: تعلم لغة HTML من الألف إلى الياء-
بحـث
 
 

نتائج البحث
 

 


Rechercher بحث متقدم

دع الأيام تفعل ما تشاء
وطب نفسًا إذا حكم القضاء

ولا تجزع لِحادثةِ الليالي
فما لحوادث الدنيا بقاء .
جميع الحقوق محفوظة لمنتدى مرمر © منتدى مرمر,محمد علي رمضان


المتواجدون الآن ؟
ككل هناك 11 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 11 زائر :: 2 عناكب الفهرسة في محركات البحث

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 478 بتاريخ الأربعاء 10 أبريل 2013, 8:39 pm
مواضيع مماثلة
  • » مواقع للأغاني والأفلام والسلسلات والرسوم المتحركة
  • » نماذج فروض وامتحانات لكل المستويات ...