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

وعليكم السلام.

كل مايجب عليك فعله هو عمل صفحة HTML وربط الأكواد الاضافية اليها ان وجدت (أكواد CSS و JavaScript) ومن ثم تشغيلها في قوقل كروم.

اذا تعذر ظهور محتوى في الصفحة في حين انه يجب ذلك، عندها قد يكون سبب المشكلة خطأ في الكود الخاص بأحد ملفات الصفحة وغالبا يتعلق بملفات جافاسكريبت. ولاستكشاف الخطأ أكثر عليك باستخدام الكونسول داخل أدوات المطور وفتحها عن طريق Ctrl + Shift +  J. وعندها قد تلاحظ وجود سطور باللون الأحمر تمثل الأخطاء التي حصلت وقت التنفيذ كما في الصورة بالأسفل.

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

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

هل يمكنك أن ترسل صورة للخطأ الذي يظهر لك حتى أستطيع مساعدتك؟؟ 

إذا أردت أن تعرض ملف html في المتصفح قم بنسخ مسار الملف و وضعه في متصفحك. مثل المسار التالي على:

F:// myproject/index.html 

ستجد هذا المسار بالضغط على زر الفأرة الأيمن على الملف و اختيار properties ثم قم بنسخ المسار من السطر المكتوب location في بدايته

أما إذا كان الملف الذي تريد التحقق من عمله هو JavaScript  فيجب أن تضيفه إلى ملف html بسيط و من ثم عرض html في المتصفح و اختبار أكواد JavaScript  في ال console في أدوات المطورين.

* لفتح أدوات المطورين  يمكنك الضغط على ctrl+shift+i 

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

هذه صوره

و لكن ما أراه أن الصورة يظهر بها ما قمت به؟؟ هل يمكنك التوضيح أكثر؟؟ vscode  لا يوجد به صفحات لعرض الأعمال عمومًا.

أم تقصد أنه بعد أن تضيف أكواد أخرى لا يتم يتم التعديل في chrome؟ 

إذا كانت هذه هي المشكلة فإنه يجب عليك عمل refresh أو إعادة تحميل للصفحة بعد كل تعديل أو إضافة تضيفها في أكواد html طبعًا بعد حفظ التعديلات في الأكواد.

سلام عليكم مقصودي ان هذه صوره لا تظهر عندي

لم فهم ؟ 

هو يقول اعمل كونترو على متصفح

نعم صحيح بس لا عرف كيف فعلها مزيد من توضيح

بتاريخ 14 ساعات قال Bjm678:

نعم صحيح بس لا عرف كيف فعلها مزيد من توضيح

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

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

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

بتاريخ 15 ساعات قال Bjm678:

سلام عليكم مقصودي ان هذه صوره لا تظهر عندي

 

لم فهم ؟ 

هو يقول اعمل كونترو على متصفح

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

رايت الفيديو ولكن لم يكن هذا مقصود انا مبتدئ واريد و حملة محرك صفحات لي اعمل مشروعي ولكن يجب ان تظهر صفحتي على قوقل كروم

هذه صوره

صور لا تنزل ولكن انا حالياً في دوره و عنوان فيديو إنشاء صفحة html الأولى

دقيقه الرابعه

بتاريخ 7 ساعات قال Bjm678:

رايت الفيديو ولكن لم يكن هذا مقصود انا مبتدئ واريد و حملة محرك صفحات لي اعمل مشروعي ولكن يجب ان تظهر صفحتي على قوقل كروم

هذه صوره

صور لا تنزل ولكن انا حالياً في دوره و عنوان فيديو إنشاء صفحة html الأولى

دقيقه الرابعه

إذا كنت مشترك في دورة من دورات حسوب أرجو أن تضع سؤالك تحت الفيديو في الدرس الذي تريد السؤال فيه حتى نتمكن من مساعدتك. في قسم الأسئلة عامة "هنا" يمكنك السؤال عن الأسئلة العامة أما الأسئلة المتعلقة بالدورة نسأل عنها تحت الدروس داخل الدورة.

بالتوفيق.

السلام عليكم ورحمه الله وبركاته

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