شبكة ابن الخليج

Sitemap | Archive | Tag Could
موقع ولد الامارات - ينتهي الاعلان بتاريخ 20\8\2008
التسجيل البحث مشاركات اليوم اجعل جميع المنتديات مقروءة الأرشيف

اضف موقعك في دليل العربياضف اعلانك هناشبكة مدينة الحب - ينتهي الإعلان بتاريخ 19\8\2008
اضف اعلانك هناشبكة مملكتي - ينتهي الإعلان بتاريخ 8\8\2008ملتقى الدعوة الاسلامي - ينتهي الإعلان بتاريخ 6\8\2008
     

تعلم أساسيات لغة Html وعدل هاكات وكودات منتداك موقعك الي تباه

مناقشة موضوع تعلم أساسيات لغة Html وعدل هاكات وكودات منتداك موقعك الي تباه في سكربتات وادوات تطوير المواقع; السلام عليكم حبيت احطي لكم هالشرح البسيط عن لغة الـ HTML ومصادر الشرح من دكتورنا ومواقع تعلم لغة HTML وانا يمعتهم وحطيتهم في قالب بسيط جدا نبتدي الشرح ========================================== أولا - ...

العودة شبكة ابن الخليج > تطوير المواقع و المنتديات > سكربتات وادوات تطوير المواقع

رد
 
LinkBack أدوات الموضوع طرق مشاهدة الموضوع
قديم 04-24-2006, 12:49 صباحاً   #1 (permalink)
:: الإدارة ::

 
الصورة الرمزية n.a.r.u.t.o
 
تاريخ التسجيل: Apr 2006
الدولة: U ( R a K ) E
المشاركات: 9,985
معدل تقييم المستوى: 53 n.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيط
تعلم أساسيات لغة Html وعدل هاكات وكودات منتداك موقعك الي تباه


السلام عليكم حبيت احطي لكم هالشرح البسيط عن لغة الـ HTML

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


نبتدي الشرح


==========================================

أولا - قبل كل شي


يجب عليك صنع مجلد جديد وثم تفتح ملف notepad تحفظه بأسم داخل المجلد
ولتكون صيغة الملف HTML
مثال أذا أردت كتابة اسم ملف النوت باد ( gulfson ) تكتبها كالتالي Gulfson.html

يتم حفظ الملف عندك على صيغة ملف اكسيبلورر
قم بفتح ملف الأكسبلورر الذي صنعته بأسم gulfson ومن الاعلى أختار View ومن ثم من القائمه المنسدله اختار Source

هنا بعد عمل المطلوب سيفتح لك ملف textfile تلقائيا وانته قم بكتابة ما تريد فالملف على صيغة لغة HTML ومن ثم أحفظ الذي كتبته وأذهب الى صفحة الاكسبلورر الذي قمت بصنعها وانظر مذا حدث ....

بالطبع ستقولون وما أدرانا ماذا نكتب ...
هنا سأتطرق انا في درسي البسيط عن اللغة وانشاء الله ستتعلمونها سريعا لانها بسيطه بعض الشي

============================

ثانيا – أساسيات اللغه




لغة الـ - HTML - عبارة عن أوامر. يتم كتابة تلك الأوامر داخل برنامج للكتابة مثل ال notepad ويتم معاينة النتائج بواسطة برنامج للتصفح مثل internet explorer.ويتم كتابة اللغه على أوامر بين ما يشابه القوسين
مثال :-

<الأمر>

حيث يتم وضع الأمر بين القوسين.وهناك نوعان من الاوامر
..أمر بداية أو فتح مثل:

<الأمر>

وأمر نهاية أو غلق مثل:

<الأمر/>

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

- - - - - - -
الاوامر الاساسية للغة هي




ويكون ترتيب هذه الأوامر في الصفحة بالشكل التالي:




من الشكل السابق نلاحظ أن ترتيب فتح وغلق الأوامر ترتيب خاص حيث أن الأمر الذي يفتح أولا يغلق آخرا بمعنى:وبفرض أن لدينا أوامر ثلاث وهي (مثلا) A,B,C يكون الشكل كالآتي :






أنتهى الدرس الاول الحينه بحطي الدرس الثاني انتظروا قاعد اعدل الصور





من مواضيع n.a.r.u.t.o في المنتدى

n.a.r.u.t.o متواجد حالياً   رد مع اقتباس
قديم 04-24-2006, 01:08 صباحاً   #2 (permalink)
:: الإدارة ::

 
الصورة الرمزية n.a.r.u.t.o
 
تاريخ التسجيل: Apr 2006
الدولة: U ( R a K ) E
المشاركات: 9,985
معدل تقييم المستوى: 53 n.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيط
بعد تعلم الاساسيات الدرس الاول - كيفية تغيير عنوان رأس الصفحة


لتغيير عنوان رأس الصفحة نستخدم الأمر title ويكون بهذا الشكل




لكن الأمر title يجب أن يوضع بين أمر البداية و النهاية head مثال





لكن تذكر يجب علينا كتابة الأمر في notepad
كالتالي :




وانظر مذا يحدث





ولي تكمله مع الدرس صبرو بعدل الصور وبرفعها





من مواضيع n.a.r.u.t.o في المنتدى
n.a.r.u.t.o متواجد حالياً   رد مع اقتباس
قديم 04-24-2006, 01:33 صباحاً   #3 (permalink)
:: الإدارة ::

 
الصورة الرمزية n.a.r.u.t.o
 
تاريخ التسجيل: Apr 2006
الدولة: U ( R a K ) E
المشاركات: 9,985
معدل تقييم المستوى: 53 n.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيط
الدرس الثاني – كيفية عمل خلفية لصفحه ( لون أو صورة )


أولا – خلفية اللون

1- بالنسبة للخلفية اللون نستخدم الأمر ..




وهذا الأمر يكون موقعه داخل أمر البداية للـ body كالتالي




تطبيق للأمر سنكتب هذا




وانظرو الناتج






ثانيا - خلفية الصورة

2- وللخلفية الصورة نستخدم الأمر ..



وهذا الأمر يكون موقعه داخل أمر البداية للـ body كالتالي




بعد ذلك قم بكتابة الأوامر التالية في محرر الكتابة الخاص بالصفحة.. لكن لاحظ ittihad.jpg هو أسم الصوة يجب وضع
أسم الصورة المراد وضعها كخلفية للصفحه على أن تكون الصورة في نفس مجلد العمل أي في نفس ملف الصفحه .....

وسيكون العمل كالتالي :




وأنظرو الناتج



يعني صورة عدنان ولينا عندي اسمها ittihad

وصيغة الصورة jpg

ويالله أنشاء الله أكمل الدرس بعدين قاعد اعدل شي





من مواضيع n.a.r.u.t.o في المنتدى
n.a.r.u.t.o متواجد حالياً   رد مع اقتباس
قديم 04-24-2006, 01:44 صباحاً   #4 (permalink)
:: الإدارة ::

 
الصورة الرمزية n.a.r.u.t.o
 
تاريخ التسجيل: Apr 2006
الدولة: U ( R a K ) E
المشاركات: 9,985
معدل تقييم المستوى: 53 n.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيط
الدرس الرابع – كيفية كتابة نص وتنسيقه


ببساطة شديدة لكتابة أي نص عربي أو إنجليزي يتم كتابة ما نريد بين بداية ونهاية الأمر body كالتالي :




لعمل ذلك ببساطة اكتب أي عبارة بين قوسي البداية والنهاية للأمر body كم يلي :




وانظر الى النتيجه




أنتيهيت من هذا الدرس ويالله شويه وبحطي بعد درس عن تنسيق النص





من مواضيع n.a.r.u.t.o في المنتدى
n.a.r.u.t.o متواجد حالياً   رد مع اقتباس
قديم 04-24-2006, 02:08 صباحاً   #5 (permalink)
:: الإدارة ::

 
الصورة الرمزية n.a.r.u.t.o
 
تاريخ التسجيل: Apr 2006
الدولة: U ( R a K ) E
المشاركات: 9,985
معدل تقييم المستوى: 53 n.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيط
تكلمة درس تنسيق النص



محاذاة النص




لعمل تطبيق على محاذاة النص يجب علينا عمل التالي :





أنظرو الى الناتج




وهذي تعريفات المصطلحات الي فوق





بكمل الدرس بعدين بعلمكم كيف ننسق النص اكثر مثل تغيير اللون و الحجم ونوع الخط





من مواضيع n.a.r.u.t.o في المنتدى
n.a.r.u.t.o متواجد حالياً   رد مع اقتباس
قديم 04-24-2006, 02:25 صباحاً   #6 (permalink)
:: الإدارة ::

 
الصورة الرمزية n.a.r.u.t.o
 
تاريخ التسجيل: Apr 2006
الدولة: U ( R a K ) E
المشاركات: 9,985
معدل تقييم المستوى: 53 n.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيط
تكمله للدرس السابق - تنسيق النص



تغيير لون وحجم الخط

لتغيير لون أو حجم أو نوع الخط , نستخدم الأمر font( والذي له أمران للبداية والنهاية ) وذلك من خلال الأوامر :
color .. للون
size .. للحجم
face .. لنوع الخط
وهذه الأوامر الثلاثة تكون داخل أمر البداية للأمر font كما في المثال :





وهذا تطبيق على ذلك :





انظرو الى الناتج




وانتهينا من درس التنسيق

بعد شويه بعلمكم درس عمل سطر فاضي وكتابه في سطر جديد





من مواضيع n.a.r.u.t.o في المنتدى
n.a.r.u.t.o متواجد حالياً   رد مع اقتباس
قديم 04-24-2006, 02:39 صباحاً   #7 (permalink)
:: الإدارة ::

 
الصورة الرمزية n.a.r.u.t.o
 
تاريخ التسجيل: Apr 2006
الدولة: U ( R a K ) E
المشاركات: 9,985
معدل تقييم المستوى: 53 n.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيط
كيفية الكتابه ومن ثم ترك سطر وكتابة في سطر جديد


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





وانظرو الى الناتج





طبعا الكثير ما بيعرق قيمة هالدرس لكنه بينفعنا وايد

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

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

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





من مواضيع n.a.r.u.t.o في المنتدى
n.a.r.u.t.o متواجد حالياً   رد مع اقتباس
قديم 04-24-2006, 02:55 صباحاً   #8 (permalink)
:: الإدارة ::

 
الصورة الرمزية n.a.r.u.t.o
 
تاريخ التسجيل: Apr 2006
الدولة: U ( R a K ) E
المشاركات: 9,985
معدل تقييم المستوى: 53 n.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيط
مزيد من تنسيقات النص وكيفية ادراج صور فلاش وعمل رابط تشعبي


1- لجعل الخط سميك نستخدم <b>وأمر نهايه له <b/>

وهذا مثال بسيط عشان نعرف وين نحطي الكود





ملاحظة : لباقي التنسيقات فقط استبدل الأمر الذي تريده
مكان الأمر <b> كما في الشكل الموضح فوق او قم بأضافته
قبل وبعد الكلمه أو الجمله المراد التعديل عليها ....


وهذي بعض التنسيقات

2- لجعل الخط مائل نستخدم <i> وأمر نهايه له <i/>

3- لرسم خط تحت الكلمة نستخدم <u> وأمر نهاية له <u/>

4- للكتابة بخط الآلة الكاتبة نستخدم <tt> وامر نهاية له <tt/> وأضنها للغه الانجليزية فقط

5- لرسم خط وسط الكلمة نستخدم <s> وأمر نهاية له <s/>




كيفية عمل روابط تشعبية وادراج صور وفلاشات


أولا – لعمل وصلة تشعبية نفعل التالي :




ثانيا – لأدراج صورة نفعل التالي :





ثالثا – لأدراج فلاش نفعل التالي :





وهنه أكون خلصت من الدرس

وانشاء الله يكون شرحي جميل وكنت موفق معاكم

اخوكم الصغير

وأسمحولي اذا غلطت لاني أنسان ويصير اغلط





من مواضيع n.a.r.u.t.o في المنتدى
n.a.r.u.t.o متواجد حالياً   رد مع اقتباس
قديم 04-24-2006, 05:21 صباحاً   #9 (permalink)
.::+: Gulf Son :+::.

 
الصورة الرمزية ADMIN
 
تاريخ التسجيل: May 2005
الدولة: بلاد الخليج
المشاركات: 45,743
معدل تقييم المستوى: 53 ADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيط
إرسال رسالة عبر مراسل ICQ إلى ADMIN إرسال رسالة عبر مراسل MSN إلى ADMIN
مشاركة: تعلم أساسيات لغة Html وعدل هاكات وكودات منتداك موقعك الي تباه

شرح رائع

مشكور اخوي ستار

والله يعطيك العافيه





من مواضيع ADMIN في المنتدى
__________________


دليل مواقع ابن الخليج
خدمة google page rank مقدمه من ابن الخليج
خدمه اختصار الروابط

الآن تستطيع جلب كل ستايلات المنتدى للمجلة ومن غير اي تدخل شخصي منك فقط بـ 120 ريال

اطلب منتج بالضغط هنا


"من هارون أمير المؤمنين إلى نقفور كلب الروم، قد قرأت كتابك يا ابن الكافرة، والجواب ما تراه دون أن تسمعه، والسلام"

اين نحن من هذه الرساله؟
ADMIN غير متواجد حالياً   رد مع اقتباس
قديم 04-24-2006, 02:55 مساءً   #10 (permalink)
:: الإدارة ::

 
الصورة الرمزية n.a.r.u.t.o
 
تاريخ التسجيل: Apr 2006
الدولة: U ( R a K ) E
المشاركات: 9,985
معدل تقييم المستوى: 53 n.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيطn.a.r.u.t.o نشيط
مشاركة: تعلم أساسيات لغة Html وعدل هاكات وكودات منتداك موقعك الي تباه

لعفو أخوي وتسلم على الرد نورت الموضوع





من مواضيع n.a.r.u.t.o في المنتدى
__________________

.tk tk, Tadaimaaaaa n.a.r.u.t.o is Back
n.a.r.u.t.o متواجد حالياً   رد مع اقتباس
رد

العبارات الدلالية
منتداك, موقعك



الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
طرق مشاهدة الموضوع

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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة

المواضيع المتشابهه
الموضوعكاتب الموضوعالمنتدىمشاركاتآخر مشاركة
تعلم البرمجة بلغة جافا ( مرفق كتاب جافا العربىمحمد النمورةدروس برمجة مواقع405-18-2008 07:14 مساءً
رجال حول الرسول صلى الله عليه وسلم ..الهوى ماهو كلامحوارات ثقافية عامة3606-30-2006 09:32 صباحاً
حمزة بن عبدالمطلب أسد الله وسيد الشهداءADMINحوارات ثقافية عامة1006-28-2006 03:44 مساءً
رسالة محمد مكاوي- الرجل الثالث في تنظيم القاعدة- حول أبو مصعب الزرقاويADMINحوارات ثقافية عامة402-21-2006 09:39 صباحاً
نتيجة تهور فتاةADMINادب و فنون711-28-2005 12:29 صباحاً


منتديات شبكة ابن الخليج

ثقافات عربية خليل مطران منتديات خواطركتاب و كتب عدد كل حرف في القاموس العربي سيارات كرة القدم الدوري الأسبانيالدوري الإيطاليالدوري البرتغالي KTM قصص ممنوعة العاب و مسابقات ثقافية مفارش مكياجك موضوعات تهمك جمالك أساور عريضة المطبخ موقع ديكور مفارش برامج مكافحة الفايروسات برامج صور ادوات مسح اثارك من الانترنت برامج تقطيع فيديو مساعده في مشكله افلام كاملة افلام عربية قديمة افلام يابانية مسلسلات رمضان أبطال الديجيتال xbox العاب كمبيوتر كرة قدم البلاستيشن حكيم ترافيان رسوم و جرافيكس صور رياضيه كاميرات رقمية وتقنية صور Siemens Nokia 7250i العاب بوكيت بي سي مفارش دروس الحاسوب ومكوناته دروس الفوتو شوب تعلم الفوتوشوب دروس ايميج ريدي Adobe ImageReadyدروس افتر افكت Adobe After Effect دروس ادوبي بريمر الطبيعة bodypaint دروس ابعاد ثلاثية دروس سويش متوسطة دروس قواعد البيانات دروس اوفيسدروس انظمة تشغيل و هاردوير و شبكاتلينكس و يونكسوندوز WINDOWS دروس برمجة مفارش هاك جديد مكتبه هاكات المنتديات قسم ستايلات vBulletinمجلة المنتديات mkPortalقسم ستايلات مجلة المنتديات mkPortal Stylesسكربتات وادوات تطوير المواقعمشاكل وحلول الـ مواقع اشهار مواقع فوتوشوبCinema 4Dخامات فوتوشوبفرش فوتوشوباكشن فوتوشوباشكال فوتوشوبدليل مواقع

اكثر الكلمات بحثاً



الساعة تعتمد على توقيت جرينتش +3. الساعة الآن 05:59 صباحاً.
Search Engine Optimization by vBSEO 3.1.0

Valid XHTML 1.0 Transitional Valid CSS!Powered by vBulletin® Version 3.7.1,
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd
Feeds:   XML   JS   RSS   RSS Feed 
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298