المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : −ـ‗_ღ...{الدرس الثالث : لغة Html ( اساسيات )}...ღ_‗ـ−


ماجد الرداعي
10-15-2008, 03:52 AM
[/URL]http://www.geocities.com/m.althomali/benar/B-S-T.gif (http://fwt.txdnl.com/6-30/a/l/alreda3i/GIF/B-S.gif)





















http://www.geocities.com/m.althomali/benar/fsael-nmm.gif (http://fwt.txdnl.com/6-30/a/l/alreda3i/GIF/fsael-nmm.gif)

















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


http://www.geocities.com/m.althomali/benar/fsael-nmm.gif (http://fwt.txdnl.com/6-30/a/l/alreda3i/GIF/fsael-nmm.gif)











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

<html>
صفحتي الاولى
</html>
http://www.geocities.com/m.althomali/benar/fsael-nmm.gif (http://fwt.txdnl.com/6-30/a/l/alreda3i/GIF/fsael-nmm.gif)











مثل ما هو واضح بالصورة
http://www.thomala.com/upp/upfiles/ptb24360.jpg (http://www.thomala.com/upp/upfiles/ptb24360.jpg)











http://www.geocities.com/m.althomali/benar/fsael-nmm.gif (http://fwt.txdnl.com/6-30/a/l/alreda3i/GIF/fsael-nmm.gif)











ثم نحفظ الملف بهذا الامتداد htm لاحظ الصورة
http://www.thomala.com/upp/upfiles/sXQ24360.jpg (http://www.thomala.com/upp/upfiles/sXQ24360.jpg)












http://www.geocities.com/m.althomali/benar/fsael-nmm.gif (http://fwt.txdnl.com/6-30/a/l/alreda3i/GIF/fsael-nmm.gif)










بعد الحفظ نذهب الأن للملف الذي حفظناه ونقوم بفتحه من خلال برنامج المتصفح
سوف تجد هذه الصفحه
http://www.thomala.com/upp/upfiles/xQp24360.jpg (http://www.thomala.com/upp/upfiles/xQp24360.jpg)












http://www.geocities.com/m.althomali/benar/fsael-nmm.gif (http://fwt.txdnl.com/6-30/a/l/alreda3i/GIF/fsael-nmm.gif)










شرح للكود السابق
اولا بدئنا ووضعنا
<html>
هذا الكود معناه ان هذه الصفحه هي عبارة عن صفحة html


ثم كتبنا
صفحتي الاولىوهذا ليظهر في المتصفح كما واضح في الصورة
http://www.thomala.com/vb/../upp/upfiles/xQp24360.jpg (http://www.thomala.com/vb/../upp/upfiles/xQp24360.jpg)











http://www.geocities.com/m.althomali/benar/fsael-nmm.gif (http://fwt.txdnl.com/6-30/a/l/alreda3i/GIF/fsael-nmm.gif)










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

<html>
<title>صفحتي الاولى </title>
صفحتي الاولى
</html>
شرح الزيادة في الكود السابق
<title>
وهذا معناه عنوان الصفحه

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

ثم اغلاقنا الكود
</title>http://fwt.txdnl.com/6-30/a/l/alreda3i/GIF/fsael-nmm.gif (http://fwt.txdnl.com/6-30/a/l/alreda3i/GIF/fsael-nmm.gif)










وليظهر لنا الناتج كما في الصورة
http://www.thomala.com/upp/upfiles/5nP24360.jpg (http://www.thomala.com/upp/upfiles/5nP24360.jpg)
















http://www.geocities.com/m.althomali/benar/fsael-nmm.gif (http://fwt.txdnl.com/6-30/a/l/alreda3i/GIF/fsael-nmm.gif)












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


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




[URL="http://www.geocities.com/m.althomali/benar/fsael-nmm.gif"]http://www.geocities.com/m.althomali/benar/fsael-nmm.gif (http://fwt.txdnl.com/6-30/a/l/alreda3i/GIF/fsael-nmm.gif)

















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

فاعل خير
10-15-2008, 06:49 AM
جزاك الله خيرا

أبو عبدالرحمن
10-15-2008, 08:12 AM
يعطيك العافية يا مبدعنا ومشرفنا ـ ماجد ـ

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


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

ما ما دو
10-15-2008, 08:30 AM
سؤالي شرح سؤال أبو عبدالرحمن
يعطيك العافية أستاذ ماجد

albrens99
10-15-2008, 09:29 AM
اخي ماجد اشكر لك اهتمامك وجهودك المتواصلة في اعطاء الدورات ليستفيد منها الاخوة الكرام

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

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


تمنياتي لك بالتوفيق

alsewaidi
10-15-2008, 05:16 PM
جزاك الله خير الجزاء وبارك فيك وسدد للخير خطاك

ماجد الرداعي
10-16-2008, 02:25 AM
يعطيك العافية يا مبدعنا ومشرفنا ـ ماجد ـ



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

شكرا لك يابو عبدالرحمن
* بخصوص العبارة المشار إليها برنامج المتصفح اي أحد برامج تصفح الإنترنت مثل الإكسبلور او الفايرفوكس او اوبرا او اي نوع يستخدمه الشخص .
وللتوضيح أكثر عندما أقوم بحفظ العمل كما ذكرت سابقا بالإمتداد (htm) يتحول العمل من مصدره المفكره الي مستعض الإنترنت أي أحد المتصفحات المستخدمه
وهذه صورة للتوضيح
http://www.thomala.com/upp/upfiles/EMS07877.jpg
الصورة التي على اليمين رمز للمفكرة فبل الحفظ بالإمتداد , والصورة التي على اليسار متصفح الفايرفوكس بعد حفظ الملف بالإمتداد المذكور
وكما هو واضح بالصورة انه عند الحفظ بالمتداد (htm) يصبح الملف نوع من المتصفح الموجود لديك وهذا نوع الذي أستخدمه للتصفح الإنترنت.



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

ماجد الرداعي
10-16-2008, 02:50 AM
اخي ماجد اشكر لك اهتمامك وجهودك المتواصلة في اعطاء الدورات ليستفيد منها الاخوة الكرام

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

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


تمنياتي لك بالتوفيق

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

الموقع Html4Arab (http://html4arab.com/index.htm)



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

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

الموقع Html4Arab (http://html4arab.com/index.htm)



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



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

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



شاكر لك اهتمامك اخي ماجد