جامعة الطائف    حساب معدلك     تفعيل حسابك     الطائف    مركز رفع الملفات     مراسلة الإدارة 

قديم 11-22-2009, 03:23 PM   Rayg غير متواجد حالياً   #1
Rayg
مشرف دورة لغة HTML
 
الصورة الرمزية Rayg
 
 
رقم العضوية : 9
تاريخ التسجيل : 16 - 5 - 2009

الكلية : كلية الحاسب ونظم المعلومات

التخصص: ..

عدد المشاركات : 440 [+]
الجنس :  Male


08 الدرس الثاني : الأكواد الأساسية لبناء صفحة الـ html مع شرحها

اليوم راح ابتدئ في شرح الأكواد المساعده وأبي منكم تركيز أكثر

(نصيحه لاتقم بالقراءة قبل استيعابك للدرس الاول ! )

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

شاهد معي هذا الكود :

كود
 <html> 
<head> 
<title> Beginning of the lesson</title>
</head> 
<body> 
I love the Prophet Muhammad <br> 4 ever 
</body> 
</html>

وبعد حفظه بصيغة htm وفتحة في المستعرض

( وقد تعلمنا ذالك في الدرس الأول ) سيصبح هكذا :


الصورة ( رقم 1 )



سأشرح لكم الآن اكواد بالتفصيل :

- الأمر <title> هذا الأامر يعني عنوان الصفحة وهو يظهر اعلى في

شريط المتصفح وبالتأكيد سيصبح نهاية الأمر </title> .


- الأمر <head> ويعني هذا الامر معلومات التعريف بالصفحة ( بداية التعريف بالصفحة ) .

- الأمر <body> ويعني ماتتضمنه هذه الصفحه .

وبالتاكيد لاتخلو أي صفحة html من هذه الاكواد وهي لتصميم صفحه كامله . ( سيأتي شرحها في الدروس القادمه )

نأتي للأهم وهو الأمر <br> ويتسخدم هذا الأمر للكتابة في السطر التالي وهذا ماجعل جملة 4 ever

تأتي بعد جملة I love the Prophet Muhammad

وهنا يوجد جملتين كل جمله في سطر مخصص في حين الدرس الأول كان سطر واحد فقط .


نأتي الآن لهذا الكود :

كود
  <html>
<head> 
<title> العمل الثاني </title>
</head> 
<body> 
<h1> taif101.com </h1>
There is something one <br> taif101 <b> Will become the first </b><br> <u> Is there a faith like me? </u> <br> <i>good bey </i>
<a href ="http://taif101.com"> visit us in  taif101 </a> 
</body>
</html>
وبعد حفظه بأمتداد html سيصبح في المتصفح هكذا :

صورة ( رقم 2 )



هل رأيتم جمال ما صنعناه ؟

نلاحظ أمر جديد في الكود وهو <h1> وهو ما سيأتي شرحه في الدرس القادم أن شاء الله .

ملاحظات نهاية الدرس :

- الأمر <br> هو أمر مفرد لايحتاج كتابة نهاية له كما تعلمنا . ومن الممكن ان تكون علامة نهايته هي علامة نهاية العنوان أو الفقرة .

- اكواد لغة هتمل هي اكواد حساسه وتحدد كل ما في صفحتك . كن على حذر دائما وأنت تعمل حتى لاتضيع عملك .

تطبيقات الدرس :

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

هذا الدرس الثاني من دروس لغة ال html

كان معكم أخوكم / Rayg


* اسأل في أي نقطه اذا لم تفهم فالدروس متتاليه ولن

تتمكن من فهم درس اذا لم تفهم ما قبله .


*
الصور في المرفقات بالترقيم لمن لم تظهر معه الصور .









الملفات المرفقة
نوع الملف: rar html-2-taif101.rar‏ (85.1 كيلوبايت, المشاهدات 2)
رد مع اقتباس
قديم 11-22-2009, 03:30 PM   لؤلؤهـ وسط محارهـ غير متواجد حالياً   #2
لؤلؤهـ وسط محارهـ
Banned UseRs
 
 
رقم العضوية : 200
تاريخ التسجيل : 4 - 11 - 2009

الكلية : متخرج

التخصص: الغوص في أعماق المحيط

عدد المشاركات : 106 [+]
الجنس :  Female


Icon39

وش ذا عز الله ضاعت علومي

تم نسخ الدرس لمحاولة فهمه

ولي عودة بالتطبيق
رد مع اقتباس
قديم 11-22-2009, 04:03 PM   لؤلؤهـ وسط محارهـ غير متواجد حالياً   #3
لؤلؤهـ وسط محارهـ
Banned UseRs
 
 
رقم العضوية : 200
تاريخ التسجيل : 4 - 11 - 2009

الكلية : متخرج

التخصص: الغوص في أعماق المحيط

عدد المشاركات : 106 [+]
الجنس :  Female


Icon39

مشرفنا الفاضل :

التطبيق بالمرفقات


إن شاء الله أكون أصبت في عملي هذا

الملفات المرفقة
نوع الملف: rar first.rar‏ (244 بايت, المشاهدات 2)
رد مع اقتباس
قديم 11-22-2009, 04:17 PM   Rayg غير متواجد حالياً   #4
Rayg
مشرف دورة لغة HTML
 
الصورة الرمزية Rayg
 
 
رقم العضوية : 9
تاريخ التسجيل : 16 - 5 - 2009

الكلية : كلية الحاسب ونظم المعلومات

التخصص: ..

عدد المشاركات : 440 [+]
الجنس :  Male


افتراضي

هلا فيك أختي لؤلؤه

تطبيقك عالي العال ماشاء الله

بس

لازم تشتغل المواقع بوسط الصفحه

مواقعك ما اشتغلت

اكتشفي النقص
رد مع اقتباس
قديم 11-22-2009, 04:40 PM   لؤلؤهـ وسط محارهـ غير متواجد حالياً   #5
لؤلؤهـ وسط محارهـ
Banned UseRs
 
 
رقم العضوية : 200
تاريخ التسجيل : 4 - 11 - 2009

الكلية : متخرج

التخصص: الغوص في أعماق المحيط

عدد المشاركات : 106 [+]
الجنس :  Female


افتراضي

اقتباس
المشاركة الأصلية كتبت بواسطة rayg مشاهدة المشاركة
هلا فيك أختي لؤلؤه

تطبيقك عالي العال ماشاء الله

بس :sniper (38):

لازم تشتغل المواقع بوسط الصفحه

مواقعك ما اشتغلت

اكتشفي النقص :sniper (89):

أها عرفت الخلل


التطبيق بعد التعديل بالمرفقات
الملفات المرفقة
نوع الملف: rar first.rar‏ (260 بايت, المشاهدات 6)
رد مع اقتباس
قديم 11-22-2009, 04:52 PM   Rayg غير متواجد حالياً   #6
Rayg
مشرف دورة لغة HTML
 
الصورة الرمزية Rayg
 
 
رقم العضوية : 9
تاريخ التسجيل : 16 - 5 - 2009

الكلية : كلية الحاسب ونظم المعلومات

التخصص: ..

عدد المشاركات : 440 [+]
الجنس :  Male


افتراضي

تمام عليك أختي الحين

ميه في الميه

وصارت مواقعك نقدر نزورها

جزاك الله خير


رد مع اقتباس
قديم 11-22-2009, 05:35 PM   لؤلؤهـ وسط محارهـ غير متواجد حالياً   #7
لؤلؤهـ وسط محارهـ
Banned UseRs
 
 
رقم العضوية : 200
تاريخ التسجيل : 4 - 11 - 2009

الكلية : متخرج

التخصص: الغوص في أعماق المحيط

عدد المشاركات : 106 [+]
الجنس :  Female


Icon39

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

ميه في الميه

وصارت مواقعك نقدر نزورها

جزاك الله خير



الحمد لله ..


مشكور أخوي رايق

رد مع اقتباس
قديم 11-22-2009, 08:36 PM   زارع الطيب غير متواجد حالياً   #8
زارع الطيب
عضو مميز
 
الصورة الرمزية زارع الطيب
 
 
رقم العضوية : 5
الكلية : كلية الهندسة

التخصص: الكـهــربـــاء

عدد المشاركات : 996 [+]
الجنس :  Male


افتراضي

التطبيــق بالمرفقـــات وألف ألف شكر لك ياغالي عالدرس .... بانتظار الجديد المميز من الدروس .
الملفات المرفقة
نوع الملف: rar my locations.rar‏ (357 بايت, المشاهدات 5)

رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدليلية (Tags - تاق )
لبناء, الأساسية, الأكواد, الثاني, الدرس, الـ, html, شرحها, صفحة

أدوات الموضوع
طريقة عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
الانتقال السريع


الساعة الآن 05:48 PM.