|
|
 |
|
|
|
 |
 |
 |
 |
 |
 |
|
|
الإهداءات |
|
 |
 |
 |
||||||||||
|
||||||||||||
 |
 |
 |
||||||||||
 |
|
|
أدوات الموضوع | انواع عرض الموضوع |
01-30-2010, 11:44 AM
|
#1 |
  |
دورة برمجة تصميم المواقع باستخدام الجافا سكربت Java Script
السلام عليكم ورحمة الله وبركاته أخواني أخواتي أعضاء منتديات متابع الكرام سوف أقوم هنا وبشكل حصري لمنتديات متابع بعمل دورة بعنوان وهي سلسلة تبدأ من البداية إن شاء الله حتى الاحتراف وإن شاء الله سوف نتسعرض خلال هذه الدورة كثير من الدروس والأقسام والأكواد البرمجية وسوف نحاول بإذن الله البعد عن الجزء النظري قدر المستطاع للاستفادة القصوى من البرمجة والتطبيق لا أريد ان أطيل ولكن سوف اتكلم في البداية والمقدمة عن ماهية الجافا وكيف نستخدمها وما هي الأساسيات التي نحتاجها لكتابة الكود وإن شاء الله تستفيدون هذا وبالله التوفيق المصدر: منتديات متابع ],vm fvl[m jwldl hgl,hru fhsjo]hl hg[hth s;vfj Java Script ],vmK[hth s;vfj |
|
|
01-30-2010, 11:45 AM
|
#2 |
|
|
ما هو جافا سكريبت Java Scripts ؟
جافا سكريبت عبارة عن لغة عمل نصوص قامت شركة نيتسكيب بتطويرها وذلك لإضافة مواصفات تجعل الصفحة أكثر نشاطا وتفاعلا. وعلى سبيل المثال فإنك باستعمال جافا سكريبت تستطيع أن تضيف ساعة توقيت أو برنامج لعب أو القيام بالحساب أو إضافة رسوم مبهرة أو عمل إثارة معينة عند تحريك الماوس وغير ذلك من المؤثرات المثيرة الأخرى ... كل ذلك وغيره يمكنك عمله بواسطة نصوص جافا النشطة. الفرق بين جافا وجافا سكريبت: جافا عبارة عن لغة برمجة بطريقة التوليف Compiled Programming Language وهي مشابهة للغة البرمجة C أو C+. وهي من القوة للدرجة التي يمكنك فقط أن تكتب بها وتنتج برامج تطبيقية صغيرة لعمل أو أعمال محددة. تسمى هذه البرامج التطبيقية الصغيرة باسم "أبليتس" applets. وتقوم بتأدية مهمات قليلة محددة. إن جافا تتطلب أيضا جهدا معتبرا حتى يكون باستطاعتك التمكن منها. جافا سكريبت مبنية أيضا على لغة البرمجة جافا ولكنها تختلف عنها باساليب عديدة منها أنها أكثر بساطة من لغة البرمجة الأصيلة ، ولهذا فهي نسبيا أسهل بالتعلم. والواقع أنها تميل أكثر لميزان HTML منها عن لغات البرمجة الحقيقية مثل جافا. إن جافا سكريبت لا يتطلب أي عملية توليف Compiling وهي العملية التي يتم فيها ترجمة رموز كمبيوترية خاصة إلى شكل برنامج قابل للإستجابة والتنفيذ Executable. إن هذه البرامج يتم "طمرها" embedded داخل نص HTML الخاص بصفحة الموقع ، ويتم إظهارها بواسطة برنامج التصفح. ولهذا فهي لا تحتاج إلى أي ملفات إضافية مثل ملفات Class الخاصة بالبريمجيات الصغيرة applets وذلك كي تؤدي مهمتها. جافا سكربت يتم تشغيلها بواسطة برامج التصفح الحديثة سواء كانت Netscape Navigator أو Internet Explorer. ولكن الأخير قد لا يكون متلائما تماما معها ، لذا فمن المهم القيام بفحص جافا سكريبت مع كل من النظامين المذكورين قبل القيام بعملية بثه إلى الإنترنت. وإذا كنت قد نسيت القيام بذلك فإن عددا غير قليل من مستقبلي الصفحة لن يكون بوسعهم رؤية جافا سكريبت الذي قمت بعمله. |
|
|
|
01-31-2010, 12:33 PM
|
#3 |
  |
ياخي من الاول وانا استنى منك يا [عزيزى الزائر لايمكنك مشاهده الروابط الا بعد التسجيلللتسجيل اضغط هنا] هنا الابداع
هنا شروحات المصمم والمهندس محمد ياخي والله دايمن انتظر منك هذي الموضيع مع اني اخجل لاني اعرفك انسان مثل السندباد دايمن مشغول في رحلاتك اليومية بس انشاء الله تستقر وتاخذ نفس وتعطينا ماهو عندك من دروس بس يعطيك الف عافية على كل حرف كتب بيدك وجعله الله في ميزان حسناتك يا بو خليل |
|
|
|
02-01-2010, 02:27 AM
|
#4 |
|
|
مقدمة في HTML برنامج الجافا سكربت يكتب ويضاف داخل كود صفحة HTML ومن هنا يجب الالمام ولو بشيء بسيط عن لغة HTML ، ولذلك في البداية سوف اشرح مقدمة بسيطة عن لغة HTML وكيفية كتابة كود وإنشاء صفحة انترنت وسوف تجد أنه أمر في غاية السهولة وما هي إلا أوامر يتم تنفيذها . سوف نقوم الأن بإنشاء صفحة إنترنت بسيطة عن طريق لغة HTML افتح برنامج المفكرة Notepad من البرامج الملحقة أو عن طريق الزر الأيمن من سطح المكتب ومن ثم جديد إنشاء مستند نصي قم بكتابة هذا الكود كما في الصورة كود:
<html> <head> <title>متابع</title> </head> <body> منتديات متابع </body> </html> سوف تظهر هكذا  الآن قم بحفظ الملف باسم واحفظ الملف بأي اسم مع إضافة .html لتظهر كصفحة انترنت مثلاُ m2009.html  ومن ثم اذهب الى المجلد الذي قمت بتخزينها داخله سوف تجد أنها تحولت لصفحة انترنت قم بفتحها فسوف يقوم بتشغيلها عن طريق المتصفح كما تظهر في الصورة التالية :  ماذا لو أردنا أن نضيف تنسيق أخر على الصفحة لتظهر هكذا مثلاُ نقوم بتعديل الكود السابق من داخل صفحة الانترنت ومن زر الماوس الأيمن نأخذ فتح المصدر أو فتحها عن طريق المفكرة وتعديلها كالتالي : كود:
<html> <head> <title>متابع</title> </head> <body> <center> <h1> منتديات متابع </h1> <h1> [عزيزى الزائر لايمكنك مشاهده الروابط الا بعد التسجيلللتسجيل اضغط هنا] </h1> </center> </body> </html>  شرح أوامر HTML وسوم HTML الحيوية : الوسم الأول <HTML > يشير للمستعرض أنَّ المواد التي تليه يجب معالجتها باستعمال قواعد التركيب النحوي ..والبنيوي الذي تفرضه لغة HTML .ويظهر وسم الإغلاق المناسب له كالتالي <HTML/> في نهاية الملف. وسوم الترويسة : يشير الوسمان .. <HEAD> و <HEAD/> إلى حدود منطقة الترويسة في الملف .. التي تحتوي على بنود لا تظهر على الصفحة بشكل مباشر ، وهي اختيارية .. رغم أن بعض العناصر تعمل فقط عند وضعها ضمنها .. TITLE هو أحد العناصر . يعرف الوسمان <TITLE> و <TITLE/> ما سيظهر في شريط عنوان المستعرض (الشريط الأزرق الموجود فوق شريط القوائم) ...انظر الى المستعرض الذي أمامك ترى شريط فوق في الاعلى يظهر عليه اسم البرنامج.إذاً سيكون إسم صفحتنا هو (متابع). وسوم الجسم : المنطقة التالية المبينة في السرد محصورة بالوسمين <BODY> و <BODY/>. كما تتوقع هذه المنطقة تسمى جسم المستند وتحتوي على محتويات المستند - المواد المرئية على الصفحة. لذا فإن مثالنا يعرض النص (منتديات متابع). كما أضفنا لا حقاً وسم <center> </center> وهي تقوم بوضع ما بداخلها تعرض في وسط الصفحة . والوسم <h1> </h1> يقوم بوضع النص كعنوان وتكبير حجمه . وهكذا |
|
|
|
02-01-2010, 03:34 AM
|
#5 |
|
مراقب أدبيات متابع
 |
ما شاء الله ..... مجهود جبااااااااار ,,, |
|
|
|
02-01-2010, 11:11 AM
|
#6 |
  |
شرح راائع جدآ |
|
|
|
02-01-2010, 03:10 PM
|
#7 |
  |
من اول اخوي محمد انتظر منك الدرس هذا الف شكر |
|
|
|
02-03-2010, 02:24 AM
|
#8 |
|
|
طرق كتابة كود الجافا سكربت وبعض أوامرها كود:
<script type = " text/javascript"> - - - هنا یكتب كود الجافا سكربت - - </script> الطريقة الثانية : كود:
<script language="JavaScript"> - - - هنا یكتب كود الجافا سكربت - - </script> موضع كود الجافا سكربت .. اي بین وسمي رأس الصفحة : ( html ) یكتب عادة كود الجافا سكربت في رأس صفحة ( <head> ----------- </head> ) ملاحظة : قد یضع البعض كود الجافا سكربت في ذیل الصفحة او في جسمها وهذا وارد الحدوث .. كود:
<html> <head><title> الجافا سكربت </title> <script type = " text/javascript"> - یكتب هنا الكود المرغوب به - </script> </head> <body></body> </html> |
|
|
|
02-04-2010, 08:30 AM
|
#9 |
|
|
أوامر الجافا سكربت أمر الطباعة عن طريق خاصية document.write والمثال استخدم هذا الكود لطباعة جملة ( منتديات متابع ترحب لكم ) كود:
<html>
<body>
<script type="text/javascript">
document.write("منتديات متابع ترحب بكم");
</script>
</body>
</html>
وقم بحفظ الملف باسم print.html مثلاً وبما أن هذا البرنامج هو أول برنامج نكتبه للجافا سكربت فسوف تظهر رسالة التحذير لتشغيل الجافا سكربت من المتصفح قم بالسماح عن طريق الضغط على الشريط ومن ثم السماح كما في الصورة التالية :  ومن ثم سوف تظهر  سوف نقوم بتعديل بسيط وهو تكبير الخط باستخدام وسوم html وبالتحديد عن طريق وسم <h1> ليظهر الكود كما يلي : كود:
<html>
<body>
<script type="text/javascript">
document.write("<h1>منتديات متابع ترحب بكم</h1>");
</script>
</body>
</html>
والصورة كالتالي :  كما أنه بالامكان وضع أكثر من عملية طباعة كود:
<html>
<body>
<script type="text/javascript">
document.write("<h1>منتديات متابع ترحب بكم</h1>");
document.write("<h1>www.m2009.net/vb</h1>");
document.write("<h1>مجتمع متابع</h1>");
</script>
</body>
</html>
|
|
|
|
02-11-2010, 04:53 PM
|
#10 |
|
|
النوافذ ورسائل التنبيه والإدخال لعمل رسالة تنبيه عن طريق الأمر كود:
window.alert(" Hi " );
 كود:
<html>
<head><title>محمد الرشيدي</title>
<script type = "text/javascript">
window.alert("مرحبا بكم في مدونة ومنتديات متابع");
</script>
</head>
<body></body>
</html>
نريد عمل نافذة إدخال الاسم ومن ثم يقوم البرنامج بالترحيب بصاحب الاسم كود:
<html dir="rtl">
<head><title>محمد الرشيدي</title>
<script type="text/javascript">
var name ;
name = window.prompt (" أدخل الاسم" , "اسمك" ) ;
document.write(" أهلا بك يا : " + name ) ;
</script>
</head>
<body> </body>
</html>
سوف تظهر هذه النتيجة ونقوم بإدخال الاسم  وهذه النتيجة  |
|
|
|
| الكلمات الدلالية (Tags) |
| دورة،جافا سكربت |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
هذا الموقع يستعمل منتجات MARCO1
 |
|
 |
العرض العادي
