الانتقال للخلف   منتديات بلاد ثمالة > التقني > منتدى التصاميم والجرافيكس

 
منتدى التصاميم والجرافيكس لعرض تصاميم الأعضاء ودروس التصميم

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  رقم المشاركة : ( 1 )  
قديم 10-15-2008
 
ماجد الرداعي
نشيط

  ماجد الرداعي غير متواجد حالياً  
الملف الشخصي
رقــم العضويـــة : 173
تـاريخ التسجيـل : 21-10-2005
الـــــدولـــــــــــة :
المشاركـــــــات : 527
آخــر تواجــــــــد : ()
عدد الـــنقــــــاط : 10
قوة التـرشيــــح : ماجد الرداعي يستحق التميز
افتراضي −ـ‗_ღ...{الدرس الثالث : لغة Html ( اساسيات )}...ღ_‗ـ−

−ـ‗_ღ...{الدرس الثالث : لغة Html ( اساسيات )}...ღ_‗ـ− −ـ‗_ღ...{الدرس الثالث : لغة Html ( اساسيات )}...ღ_‗ـ− −ـ‗_ღ...{الدرس الثالث : لغة Html ( اساسيات )}...ღ_‗ـ− −ـ‗_ღ...{الدرس الثالث : لغة Html ( اساسيات )}...ღ_‗ـ− −ـ‗_ღ...{الدرس الثالث : لغة Html ( اساسيات )}...ღ_‗ـ−









































نستكمل اليوم الدرس الثالث ونبدا بشرح مُبسط عن لُغة الـ Html وتم تجزئته
إلى عدة أجزاء لكي يتم تسهيله بشكل أكبر














هذا الدرس الثالث وأعتبره الاهم في الدورة لانه يشرح لغة html وانشاء صفحات الويب
اخواني الاعضاء المهتمين بالدورة هذا الدرس يحتاج الى تطبيق عملي على اجهزتكم ارجو ان تجهزوا متصفح الانترنت و برنامج المفكرة
نفتح برنامج المفكرة الان
ثم نضع هذا الكود
كود:
<html>
صفحتي الاولى  
</html>












مثل ما هو واضح بالصورة
























ثم نحفظ الملف بهذا الامتداد htm لاحظ الصورة
























بعد الحفظ نذهب الأن للملف الذي حفظناه ونقوم بفتحه من خلال برنامج المتصفح
سوف تجد هذه الصفحه
























شرح للكود السابق
اولا بدئنا ووضعنا
كود:
<html>

هذا الكود معناه ان هذه الصفحه هي عبارة عن صفحة html



ثم كتبنا
كود:
صفحتي الاولى
وهذا ليظهر في المتصفح كما واضح في الصورة























الان نريد ان نضع بالعنوان اسم الصفحه مثل ما هو ظاهر بالأعلى منتديات بلاد ثمالة
نضع هذا الكود
كود:

<html>  
<title>صفحتي الاولى </title>  
صفحتي الاولى    
</html>
شرح الزيادة في الكود السابق
كود:
<title>

وهذا معناه عنوان الصفحه


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

ثم اغلاقنا الكود
كود:
</title>











وليظهر لنا الناتج كما في الصورة






























وبكذه انتهى الجزء الأول من لغة الـ HTML اتمنى ان يكون الدرس قد نال رضائكم وإستحسانكم


(ملاحظة : سيتم العمل على شرح مفصل للغة الـ Html بعد الدورة وسيتم عمل كتاب الكتروني لذلك)






















مع تحـيات
مـاجـد الثمالي

توقيع » ماجد الرداعي
[flash=http://www.geocities.com/m.althomali/FLASH/Signed.swf]width=400 height=350[/flash]










التعديل الأخير تم بواسطة ماجد الرداعي ; 10-19-2008 الساعة 02:54 AM
رد مع اقتباس
قديم 10-15-2008   رقم المشاركة : ( 2 )
فاعل خير
أبو عبدالله

الصورة الرمزية فاعل خير

الملف الشخصي
رقــم العضويـــة : 566
تـاريخ التسجيـل : 26-07-2006
الـــــدولـــــــــــة :
المشاركـــــــات : 13,279
آخــر تواجــــــــد : ()
عدد الـــنقــــــاط : 339
قوة التـرشيــــح : فاعل خير تميز فوق العادةفاعل خير تميز فوق العادةفاعل خير تميز فوق العادةفاعل خير تميز فوق العادة


فاعل خير غير متواجد حالياً

افتراضي رد: −ـ‗_ღ...{الدرس الثالث : لغة Html ( الجزء الأول)}...ღ_‗ـ−

جزاك الله خيرا
آخر مواضيعي
  رد مع اقتباس
قديم 10-15-2008   رقم المشاركة : ( 3 )
أبو عبدالرحمن
المشرف العام

الصورة الرمزية أبو عبدالرحمن

الملف الشخصي
رقــم العضويـــة : 2
تـاريخ التسجيـل : 29-07-2005
الـــــدولـــــــــــة : وادي جفن
المشاركـــــــات : 17,068
آخــر تواجــــــــد : ()
عدد الـــنقــــــاط : 4291
قوة التـرشيــــح : أبو عبدالرحمن تميز فوق العادةأبو عبدالرحمن تميز فوق العادةأبو عبدالرحمن تميز فوق العادةأبو عبدالرحمن تميز فوق العادةأبو عبدالرحمن تميز فوق العادةأبو عبدالرحمن تميز فوق العادةأبو عبدالرحمن تميز فوق العادةأبو عبدالرحمن تميز فوق العادةأبو عبدالرحمن تميز فوق العادةأبو عبدالرحمن تميز فوق العادةأبو عبدالرحمن تميز فوق العادة


أبو عبدالرحمن غير متواجد حالياً

افتراضي رد: −ـ‗_ღ...{الدرس الثالث : لغة Html ( الجزء الأول)}...ღ_‗ـ−

يعطيك العافية يا مبدعنا ومشرفنا ـ ماجد ـ

اقتباس:
بعد الحفظ نذهب الأن للملف الذي حفظناه ونقوم بفتحه من خلال برنامج المتصفح
سوف تجد هذه الصفحه
ممكن توضوح العبارة الملونة!!!
ولماذا لا استخدم برنامج الفرنت بيج مباشرة ..وارتاح من هذه الأكواد؟
آخر مواضيعي
  رد مع اقتباس
قديم 10-15-2008   رقم المشاركة : ( 4 )
ما ما دو
موقوف


الملف الشخصي
رقــم العضويـــة : 2891
تـاريخ التسجيـل : 13-09-2008
الـــــدولـــــــــــة :
المشاركـــــــات : 121
آخــر تواجــــــــد : ()
عدد الـــنقــــــاط : 10
قوة التـرشيــــح : ما ما دو يستحق التميز


ما ما دو غير متواجد حالياً

افتراضي رد: −ـ‗_ღ...{الدرس الثالث : لغة Html ( الجزء الأول)}...ღ_‗ـ−

سؤالي شرح سؤال أبو عبدالرحمن
يعطيك العافية أستاذ ماجد
آخر مواضيعي
  رد مع اقتباس
قديم 10-15-2008   رقم المشاركة : ( 5 )
albrens99
ذهبي مشارك

الصورة الرمزية albrens99

الملف الشخصي
رقــم العضويـــة : 220
تـاريخ التسجيـل : 24-12-2005
الـــــدولـــــــــــة : جدة
المشاركـــــــات : 1,187
آخــر تواجــــــــد : ()
عدد الـــنقــــــاط : 10
قوة التـرشيــــح : albrens99 يستحق التميز


albrens99 غير متواجد حالياً

افتراضي رد: −ـ‗_ღ...{الدرس الثالث : لغة Html ( الجزء الأول)}...ღ_‗ـ−

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

هناك بعض الملاحظات لم تتطرق اليها وهي مهمة جدا قبل البداية

1- تعريف موجز عن اللغة واستخداماتها
2- كتابة اختصار html لماذا يرمز ( HyperText Markup Language )
3- توضيح كيفية بداية الكود وكيفية انتهاءة وكتابتة
3- توضيح الرموز المستخدمة مثل / <> متى يتم استخدامة


تمنياتي لك بالتوفيق
آخر مواضيعي
  رد مع اقتباس
قديم 10-15-2008   رقم المشاركة : ( 6 )
alsewaidi
أبو ماجد

الصورة الرمزية alsewaidi

الملف الشخصي
رقــم العضويـــة : 585
تـاريخ التسجيـل : 05-08-2006
الـــــدولـــــــــــة :
المشاركـــــــات : 2,046
آخــر تواجــــــــد : ()
عدد الـــنقــــــاط : 20
قوة التـرشيــــح : alsewaidi مبدع


alsewaidi غير متواجد حالياً

افتراضي رد: −ـ‗_ღ...{الدرس الثالث : لغة Html ( الجزء الأول)}...ღ_‗ـ−

جزاك الله خير الجزاء وبارك فيك وسدد للخير خطاك
آخر مواضيعي
  رد مع اقتباس
قديم 10-16-2008   رقم المشاركة : ( 7 )
ماجد الرداعي
نشيط


الملف الشخصي
رقــم العضويـــة : 173
تـاريخ التسجيـل : 21-10-2005
الـــــدولـــــــــــة :
المشاركـــــــات : 527
آخــر تواجــــــــد : ()
عدد الـــنقــــــاط : 10
قوة التـرشيــــح : ماجد الرداعي يستحق التميز


ماجد الرداعي غير متواجد حالياً

افتراضي رد: −ـ‗_ღ...{الدرس الثالث : لغة Html ( الجزء الأول)}...ღ_‗ـ−

اقتباس:
المشاركة الأصلية كتبت بواسطة أبو عبدالرحمن مشاهدة المشاركة
يعطيك العافية يا مبدعنا ومشرفنا ـ ماجد ـ



ممكن توضوح العبارة الملونة!!!
ولماذا لا استخدم برنامج الفرنت بيج مباشرة ..وارتاح من هذه الأكواد؟
شكرا لك يابو عبدالرحمن
* بخصوص العبارة المشار إليها برنامج المتصفح اي أحد برامج تصفح الإنترنت مثل الإكسبلور او الفايرفوكس او اوبرا او اي نوع يستخدمه الشخص .
وللتوضيح أكثر عندما أقوم بحفظ العمل كما ذكرت سابقا بالإمتداد (htm) يتحول العمل من مصدره المفكره الي مستعض الإنترنت أي أحد المتصفحات المستخدمه
وهذه صورة للتوضيح

الصورة التي على اليمين رمز للمفكرة فبل الحفظ بالإمتداد , والصورة التي على اليسار متصفح الفايرفوكس بعد حفظ الملف بالإمتداد المذكور
وكما هو واضح بالصورة انه عند الحفظ بالمتداد (htm) يصبح الملف نوع من المتصفح الموجود لديك وهذا نوع الذي أستخدمه للتصفح الإنترنت.



* أما بخصوص لماذا لا أستخدم برنامج الفرونت بيج سيكون هنالك درس خاص بهذا الموضوع ولكن قررت أن اعطيكم فكرة موجزة عن كيفية كتابة وعمل الأكواد
لأنه كما هو معروف أن برنامج الفرونت بيج او أي برنامج أخر للتصميم المواقع وهي كثير ومنها ACE expert3 وبرنامج Macromedia Dreamweaver MX وايضا HTML FILTER كلها تعمل لك ماتريده دون أن توضح لك مايحدث او مايدور فيها من تعليمات برمجيه للغه .
ولكن عند شرح اساسيات اللغه وطريقة عملها فهذا سيفيدك اكثر وتكون لديك الخلفية المناسبه لما يدور حولك من تعليمات برمجيه داخل البرنامج .
آخر مواضيعي
  رد مع اقتباس
قديم 10-16-2008   رقم المشاركة : ( 8 )
ماجد الرداعي
نشيط


الملف الشخصي
رقــم العضويـــة : 173
تـاريخ التسجيـل : 21-10-2005
الـــــدولـــــــــــة :
المشاركـــــــات : 527
آخــر تواجــــــــد : ()
عدد الـــنقــــــاط : 10
قوة التـرشيــــح : ماجد الرداعي يستحق التميز


ماجد الرداعي غير متواجد حالياً

افتراضي رد: −ـ‗_ღ...{الدرس الثالث : لغة Html ( الجزء الأول)}...ღ_‗ـ−

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

هناك بعض الملاحظات لم تتطرق اليها وهي مهمة جدا قبل البداية

1- تعريف موجز عن اللغة واستخداماتها
2- كتابة اختصار html لماذا يرمز ( HyperText Markup Language )
3- توضيح كيفية بداية الكود وكيفية انتهاءة وكتابتة
3- توضيح الرموز المستخدمة مثل / <> متى يتم استخدامة


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

الموقع Html4Arab



وبكذه سيكون درسي القادم هو الدرس الرابع (حجز الأستضافة المجانيه)
آخر مواضيعي
  رد مع اقتباس
قديم 10-16-2008   رقم المشاركة : ( 9 )
albrens99
ذهبي مشارك

الصورة الرمزية albrens99

الملف الشخصي
رقــم العضويـــة : 220
تـاريخ التسجيـل : 24-12-2005
الـــــدولـــــــــــة : جدة
المشاركـــــــات : 1,187
آخــر تواجــــــــد : ()
عدد الـــنقــــــاط : 10
قوة التـرشيــــح : albrens99 يستحق التميز


albrens99 غير متواجد حالياً

افتراضي رد: −ـ‗_ღ...{الدرس الثالث : لغة Html ( الجزء الأول)}...ღ_‗ـ−

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

الموقع Html4Arab



وبكذه سيكون درسي القادم هو الدرس الرابع (حجز الأستضافة المجانيه)


اخي ماجد شكرا لجهودك كان الغرض من الملاحظات ان يفهمها الجميع وانا الحمد لله عندي خلفية كبيرة عن هذة اللغة درستها كاملة

بس ابغى الجميع يستفيد بشكل اكبر وبالنسبة للمواقع انا ماافضلها للمبتدئين لان فيها كلام ودش كثير



شاكر لك اهتمامك اخي ماجد
آخر مواضيعي
  رد مع اقتباس
إضافة رد

مواقع النشر


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

BB code متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى الردود آخر مشاركة
−ـ‗_ღ...{البرامج المُستخدمة + شرح تنصيب البرامج}...ღ_‗ـ− ماجد الرداعي منتدى التصاميم والجرافيكس 15 06-26-2010 09:53 PM
−ـ‗_ღ...{الدرس الأول : فكرة عن عمل المواقع}...ღ_‗ـ− ماجد الرداعي منتدى التصاميم والجرافيكس 9 06-26-2010 09:50 PM
−ـ‗_ღ...{الدرس الثاني : مصطلحات}...ღ_‗ـ− ماجد الرداعي منتدى التصاميم والجرافيكس 7 10-14-2008 06:43 AM
−ـ‗_ღ...{الــمــقــدمــة}...ღ_‗ـ− ماجد الرداعي منتدى التصاميم والجرافيكس 19 10-10-2008 10:39 PM
‗_ღ...(ماجد الرداعي)...ღ_‗ ماجد الرداعي أهــــــلا بــــــــــكـــــــم 8 09-15-2008 02:25 PM


الساعة الآن 02:00 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Trans by