البحث في الموقع
Showing results for tags 'html'.
تم العثور علي 4 نتائج
-
أخواني وأساتذتي ومعلمينا ( دون استثناء ) .. مختبر ، وكيميائي ، وتفاعلي .. وفي آكسيس !!!! نعم أخي الكريم .. هل كنت تتصور أن آكسيس يمكن أن يكون مختبرك الكيميائي الرقمي التفاعلي بصورة لم تخطر على بالك !!! بفضل الله عز وجل وكرمه . تم الإنتهاء من تصميم هذا المختبر الرقمي في آكسيس . وهو قاعدة بيانات تعليمية تفاعلية تختص بكيمياء العناصر الذرية التي درسناها جميعنا .. نتعرف على مكونات و وظائف المختبر :- 1️⃣ عند فتح المشروع ستلاحظ أن جدول العناصر الدوري موجود أمامك بكامل العناصر الذرية الـ 118 . 2️⃣ قم باختيار اي عنصر بالنقر نقرة واحدة على مربعه . وستلاحظ معلومات غنية بالتعريف عن هذا العنصر . اسمه ورقمه الذري . من اكتشفه وفي أي عام . درجة الحرارة التي يغلي عندها أو ينصهر . كثافته .. توزيعه الإلكتروني ... وحتى أين يتواجد هذا العنصر ... إلخ 3️⃣ يمكنك عرض / إخفاء الجزء الذي لا ترغب بعرضه . 4️⃣ يمكنك عرض العناصر بفلترة تصل الى 10 فلاتر عرض حسب تصنيف كل عنصر . 5️⃣ عند اختيار أي عنصر ، ستلاحظ عرض رسومي متحرك تفاعلي لنواة العنصر والإلكترونات التي تدور حول نواته في مجالها الكهربائي . 6️⃣ من خلال زر "اختبار اللهب" ستلاحظ لون اللهب الناتج عن هذا العنصر عند احتراقه . على سبيل المثال جرب العنصر الثالث Li الليثيوم بالنقر على مربعه ثم انقر زر "اختبار اللهب" 7️⃣ من خلال زر "اصنع تفاعلك الكيميائي" سيتم الإتاحة لك باختيار أي عنصرين تريدهما من الجدول الدوري الذي هو أمامك ( ستلاحظ إحاطة اسم العنصر باللون الأبيض بعد اختياره ) ، ومن ثم نقلك إلى المختبر مباشرة لرؤية نتيجة تفاعل هذين العنصرين عند التقائهما معاً ؛ وهذه الطريقة الأولى . 8️⃣ الطريقة الثانية من خلال الزر "مختبر التفاعلات الكيميائي" حيث سيتم فتح باب المختبر أمامك لاختيار عناصر من قائمتين منسدلتين ، ثم النقر على الزر "ابدأ التفاعل الكيميائي ..." 9️⃣ من خلال الزر "مسابقة المختبر الكيميائي" سيتم فتح نافذة اختبار تفاعلية متعددة المستويات ( مبتدئ ، متوسط ، محترف ) ولكل من هذه المستويات طبيعة أسئلة مختلفة في كل مرة . والإختيار سيكون اختيار إجابة من 4 إجابات . طبعاً كل إجابة صحيحة بـ 10 نقاط من عدد 10 أسئلة . يعني إنت وشطارتك ومعلوماتك 😁 . 🔟 في نهاية الواجهة الرئيسية ستلاحظ ظهور مقترحات ومعلومات عن عنصر عشوائي ، أو عن التقاء عنصرين والناتج لهما ماذا سيكون . كيف تم بناء هذا المختبر ؟ تم جلب كافة المعلومات من الموقع Byjus . طبعاً بعد التدقيق في أكثر المعلومات التي استطعت الوصول لها من عدة مصادر ومراجع . تم تصميم الخلفية المستخدمة للجدول الدوري مقتبسةً من الموقع نفسه ( إقتباساً ) . الحركة الناتجة عن دوران الإلكترونات والتفاعلات الذرية في المختبر ، أو حتى اختبار اللهب ، وحتى مسابقة المختبر ؛ تم بنائها بالاعتماد على عنصر ويب تمت برمجته بلغة :- ( HTML / CSS / JS ) . ويتم إنتاج الملفات داخل المجلد %Temp% وربطها بعنصر الويب داخل النماذج تلقائياً . اضغط مفتاح Win + R في لوحة المفاتيح ، ثم اكتب %temp% وابحث عن ملفات HTML في مجلد الملفات المؤقته ، واستمتع .. كل عنصر كيميائي ( مربع ) سيمثله ( عنصر زر + مربع نص ) خاص بهذا العنصر . وتم الربط بينها داخل الأكواد من خلال الرقم الذري لكل عنصر . اكتشف اسم كل زر ومربع نص ولاحظ نهاية الاسم لكل منهما والرقم الذري للعنصر الذي سيمثلانه هذين العنصرين . أزرار التحكم ( إخفاء / إظهار ) بعض التفاصيل ؛ يمثلها صورتين إظهار واحدة وإخفاء الأخرى لأظهار الحركة On/Off . جميع العناصر في النماذج عبارة عن صورة وليست أزرار ، تم استخدام الحدث عند النقر لها لأداء وظيفتها . والحدث عند تحريك الماوس فوقها لإظهار الماوس بصورة يد . الخطأ وارد عند نقل أي معلومة من مصادر خارجية . لذا التعديل متاح لك أخي المستخدم داخل الجداول (tblCompounds و tblElements ) لأي معلومة تعتقد أنها غير صحيحة . والإستدلال عليها بسهولة من خلال اسم العنصر أو رقمه الذري . فيديو توضيحي لشكل العمل في نهايته التي ستتعامل معها :- ملف المشروع مفتوح المصدر :- Periodic Table.zip
-
السلام عليكم ورحمة الله وبركاته إعادة نشر بعد فشل محاولاتي في إيجاد حل مناسب لدي 7000 صف بهم بيانات عادية ك اسم، التولد، رقم الخ.. كم هو موجود في الملف أدناه يجب علي تعبئة البيانات على فورم صفحة ويب يدويا وانا في الأصل قد عبئتها يدويا على اكسل قبل ان اطالب بهذا الأمر هل هناك حل لتعبئتها تلقائيا على الموقع صف وراء صف كنت قد بحثت كثيرا وهناك طرق كتابه كود وارسالها علما ان الموقع لا يعمل على اكسبلور فقد جربت في كود كتبه استاذي @أ / محمد صالح في المنشور السابق وقد توقف الموقع عن العمل لذلك أطلب مساعدتكم الكريمة وأن أنقل الصفوف لكن بعد ارسال كل صف ان لا يضغط الكود على الإرسال لكي اتفقد البيانات او اعدل عليها في حال كان هناك خطأ وثم اضغط انا يدويا على ارسال TEST 1.xlsx في نهايةِ النِّهايَات لا إله إلا الله وحده لا شريك له الملك وله الحمد وهو على كل شيء قدير.
-
بسم الله الرحمن الرحيم اليوم اقدم لكم لعبة شيقة جدا من برمجتي بلغة برمجة المواقع أما هي فمعروفة كفكرة رياضية من زماان وأدعوكم للتفكير قليلا ومعرفة سر هذه اللعبة اللعبة عبارة عن ملف htm يتم فتحه بمستعرض الانترنت. باسوورد فك الضغط عن الملف mr-mas.com والآن مع اللعبة. وهذا رابط لمعاينة اللعبة قبل تحميلها. الرابط موجود في صفحتي في أوفيسنا. guess number.zip
-
بعد ما عرفنا بعض المعلومات عن معنى الانترنت وتاريخ الانترنت جاء دور معرفة أساسيات لغة هتمل أول شيء ينبغي معرفته عن هذه اللغة أنها ليست لغة برمجة بالمعنى الحرفي وإنما هي لغة ترميز حيث تعتمد على الرموز أو الوسوم Tags ويكون هذا الوسم عبارة عن كلمة أو اختصار بين قوسين من علامتي أكبر من وأصغر من بهذه الطريقة <html> ويسمى هذا الوسم وسم بداية ويجب إغلاق هذا الوسم بهذه الصورة </html> ماذا نحتاج لنكتب بلغة هتمل؟ تحتاج أي محرر نصوص ومستعرض الانترنت ولو على سبيل المثال المفكرة note pad ومستعرض الانترنت internet explorer الموجودة في أي جهاز كمبيوتر يعمل بنظام التشغيل ويندوز أنا شخصيا أستعمل برنامج php expert editor وهو لتحرير وكتابة أكواد php ولكنه يناسب كل لغات المواقع وسيكون كلامنا على استعمال النوت باد افتح برنامج المفكرة : من خلال الضغط على قائمة ابدأ start ثم البرامج all programs ثم البرامج الملحقة accessories واختر منها المفكرة note pad واكتب بها هذه الأكواد <HTML> <HEAD> <TITLE> This is a test Webpage </TITLE> </HEAD> <BODY> Wow, I'm writing my first webpage </BODY> </HTML> ثم احفظ هذا المف بأي اسم تريده وليكن test ولكن اجعل الامتداد html ليصبح اسم الملف test.html ويمكنك جعله test.htm فكلا الامتدادين صحيح ثم افتح هذا المف بعد حفظه ستجد أنه يفتح في برنامج internet explorer إذا كان هو الممتصفح الافتراضي أو أي متصفح آخر وستكون النتيجة هي كما بالصورة وتعالى معي الآن لنعرف معنى هذه الرموز السابقة أول رمز هو <html> وهو الذي يدل على أن هذه بداية ملف مكتوب بلغة هتمل ثم <head> وتعني رأس الصفحة ويحتوي على معلومات يقرأها المتصفح ولا تظهر في الصفحة نفسها مثل المؤلف والوصف وكلمات دلالية في حالة محركات البحث وهكذا ويوجد داخل هذا الوسم وسم <title> وهو لتحديد عنوان الصفحة الذي يظهر في شريط العنوان الأزرق أعلى المستعرض ثم <body> وهو لتحديد جسم الصفحة أو الجزء المرئي المعروض من الصفحة ولا ننسى أن كل وسم من هذه الوسوم يحتاج إلى وسم النهاية الخاص به ما سبق هو بنية وتركيب اي صفحة من صفحات المواقع ولا ننسى أن لغتنا الشيقة اللذيذة لا تعتد بالمسافات بالنسبة للنص المكتوب بين الوسوم ولا بالحروف الكبيرة أو الصغيرة بالنسبة للوسوم فاصل بسيط حتى يجرب الإخوة الذين يقوم يقراءة الموضوع والمهتمين ببرمجة المواقع هذه الأكواد ونلتقي في درس جديد من دروس لغة هتمل وهو التعامل مع العناوين المختلفة والفقرات فإلى لقاء