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

مشاهدة النسخة كاملة : دوره بسيطة في لغة تصميم الصفحات Html

أبوعبدالله
03-07-2004, 12:07 PM
بسم الله والحمد لله والصلاة والسلام على رسول الله , إما بعد

هذه دوره بسيطة تعريفيه بلغة تصميم صفحات الإنتر نت وهي لغة html .


نتعلم فيها أساسيات اللغة ولماذا نتعلمها وأشياء أخرى إن شاء الله .


ربما يظن بعضكم أن هذه اللغة صعبه جداً ولاكنها على عكس ذلك فلغة html اسهل من السهل نفسه حيث إنها عبارة عن مجموعة من الأوامر السهله والبسيطه كما سنرى إن شاء الله .

لماذا نتعلم html ?

لكي تعرف كيف تصمم صفحة إنتر نت بدون برامج مساعدة مثل الفرونت بيج وغيرها . طيب لماذا ؟ لكي تستطيع إستخدام لغة html في تطيبقات أخرى مثل لغة php , asp وهما لغة تصميم المواقع الدينامكية يعني مثل هذا المنتدى .

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


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

وسلامتكم . أخوكم أبو عبدالله
المدير العام
03-07-2004, 01:15 PM
مرحباً بك أخي الفاضل ( أبوعبدالله ) في منتداك وبين إخوانك

وقد انتظرنا منك هذه الدورة لعلمنا بتخصصك ودرايتك بهذا الفن فبارك الله فيك

ونفع الله بك .


أخوك في الله
المربي
03-08-2004, 12:12 AM
أخي الكريم (( أبو عبد الله))

حللت أهلا ونزلت سهلا

ومرحبا بك في هذا المنتدى الراقي بتواجدكم به

يبقى عندنا بعض الانشغل عن تعلمها ، إلا إذا كانت سهله سهله
أبوعبدالله
03-08-2004, 11:57 PM
حياكم الله يا اخوه يا كرام . الله يعيننا على تقديم الواجب بإسلوب سهل وميسر إن شاء لله

هذا أول درس وهو عبارة عن كيف يمكن إدراج عنوان للصفحة

http://www.search4islam.com/altebyan/a.jpg
هذا هو الكود

<html>

<head><title>منتدى التبيان</title>
</head>
</html>

ملاحظة الكود هنا مكتوب بطريقة معكوسه لكن الكود يتكب كما في الصوره لكن يمكنك نسخة سيظهر كما في الصوره إن شاء الله يعني ممكن تنسخة وتلصقة في اي مكان .

http://www.search4islam.com/altebyan/txt6.jpg


الأن السؤال أين يمكنك تطبيق هذا الكود ؟ هل يحتاج إلى برنامج خاص ؟

يمكن تطيبق هذا الكود بإنشاء ملف بسيط نصي txt في برنامج الدفتر

وحفظ الملف بإمتداد html أو htm كلها واحد

يمكن بعضكم ما فهم طيب نشرح له بالصور أفضل




أول على سطح المكتب أو في اي مجلد قم بإنشاء ملف نصي

http://www.search4islam.com/altebyan/txt1.jpg

بعد هذا أكتب الكود في الملف وأجعل الكلام بإتجاه من اليسار الى اليمين .

http://www.search4islam.com/altebyan/txt2.jpg

ثم قم بحفظ الملف كما في الصوره save as

http://www.search4islam.com/altebyan/txt3.jpg

http://www.search4islam.com/altebyan/txt4.jpg


ثم شغل الملف الناتج تجده على شكل صفحة إنتر نت

لتعديل الملف بعد إنشائه قم بالأتي :

افتح الملف ثم أذهب إلى view /source اي مصدر الصفحة إي كود html

http://www.search4islam.com/altebyan/txt5.jpg

-----------------------------------------------------
الي فوق للطلاب الي:ah: أما الي :khtaa: فلهم حل ثاني وهو هذه الصفحة فيها مكان تكتب فيه الكود وتضعط إرسال تشوف النتيجة على طول

http://www.search4islam.com/altebyan/html.html

هذا هو أول درس ونرحب بإي اسئلة أو نقاشات في هذا الموضوع
أبوعبدالله
03-10-2004, 12:07 AM
نسينا نشرح لكم الأكواد السابقة

معنى <html> تعني بداية الصفحة

وتضاف علامة "/" قبل كلملة html للنهاية الصفحة
كما في الصوره السابقة

يعني لابد لكل صفحة إنتر نت أن تحتوي على هذه للبداية

<html>


</html> العلامة "/ قبل كلمة html "

هذا الأمر الأول

---------------------------------------------------------------------
الأمر الثاني

وهو <head> أي راس الصفحة


ويتنهي بي نفس الأمر ولاكن مسبوق بعلامة "/"

</head>

خصائص الإمر head

هذا الأمر له خصائص منها
يكتب به عنوان الصفحة وهذا اهم أمر

أمر العنوان هو title اي عنوان بالإنجلزي


ملاحظة أغلب أوامر صفحات الإنتر نت تكتب كذا

<X>

حيث X الأمر نفسة يكتب بين علامتين أكبر من وأضغر من

وينتهي بعلامة

</X> حيث X هي نفس الأمر
ولاكن يسبق بعلامة /

الأمر title هذا هو أمر العنوان

وهو المسؤل عن ظهور العنوان يكتب العنوان بعد الأمر سواءً بالعربي أو الإنجلزي أو الأثنين معاً

وسلامتكم


للتطبيق الدرس أدخل هنا
http://www.search4islam.com/altebyan/html.html
الكنترول
05-14-2004, 10:34 PM
بارك الله فيك وجزاك الله خير :)

هناك صور لم تظهر !

والرابط لا يعمل !


وننتظر البقية :)
أبوعبدالله
05-24-2004, 11:49 PM
والله الدرس توقف لعدم وجود نقاشات حول الدرس

لكن اذا كان هناك جديه في الدرس أكملناه إن شاء الله



أخوي كنترول جزاك الله خير على مروررك وتعقيبك





أخوكم ابو عبدالله
أبو مصعب المكي
05-25-2004, 05:21 AM
السلام عليكم ورحمة الله وبركاته

حياك الله أخي أبوعبدالله لقد انتظرناك كثيراً فنحن طلابك في هذا الفن

الذي لا يحسنه إلا قليل ..


وبعدين غفر الله لك انظر لعدد زوار موضوعك اقترب المائة وتقول مافي تفاعل

والنقاش ليس دليل وحده فقط على الاستفادة ...


وهناك الكثير من يتصفح ويستفيد دون أن يناقش ..


وننتظر بقية الدروس فلا تبخل علينا بها ;)

محبك في الله
أبو مصعب المكي
06-11-2004, 11:05 AM
أين أنت يا أبا عبدالله ( شكلها الاختبارات أخذتك علينا )


محبك في الله
أبوعبدالله
07-24-2004, 01:52 PM
حياك الله ياا محب العلماء


معليش والله كان تا خرت عليك بس اعذرني الدرس لا استطيع إكماله بسبب عدم تطبيق الدروس السابقة .

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

والله المستعان . أخوكم المقصر في حقكم .
أبو مصعب المكي
07-25-2004, 02:26 AM
هلا بالحبيب الغالي ...

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

من يدخل من الأعضاء أو الزوار ويجتهد في تطبيقها دون علمك..

وهذا عام حتى في المشاريع الدعوية والعلمية والتربوية ..

واحتسب الأجر في ذلك يارعاك الله ..

وانظر إلى عدد زوار موضوعك وهناك من يتابع ويسأل عن سبب التوقف..


محبكم في الله

:)