بناء صفحة ويب بمساعدة الذكاء الاصطناعي: نخطط ونطلب ونتحقق
الصفحة الثابتة تعرض المحتوى نفسه في كل مرة تُفتح. ولبناء صفحة بمساعدة ذكاء اصطناعي اعمل بخطوات صغيرة. اكتب الخطة بنفسك أولًا: لأي غرض الصفحة، ومن سيقرؤها، وما أجزاؤها (عنوان ونص قصير وقائمة وصورة مع وصف نصي وزر). ثم اطلب جزءًا واحدًا في كل مرة بأمر واضح ليكون كل جواب قصيرًا يمكن قراءته. واقرأ الشفرة التي يعطيها المساعد: هل تُفتح الوسوم وتُغلق، وهل علامات الاقتباس متطابقة، وهل لكل حجم وحدة، وهل المعرّف في CSS هو نفسه في HTML؟ ثم اختبر الصفحة وقارنها بالخطة. وإذا كان هناك خطأ فغيّر شيئًا واحدًا واختبر من جديد. واحتفظ بما فهمته فقط. وفي النهاية تستطيع أن تقول ما فعله المساعد وما تحققت منه، لأنك المؤلف والعمل عملك بأخطائه أيضًا. ولا تضع على الصفحة بيانات شخصية لأشخاص حقيقيين.
| الجزء | الخطة | فكرة الأمر |
|---|---|---|
| الغرض | إخبار التلاميذ بموعد نادي المكتبة | - |
| العنوان | نادي المكتبة | اكتب عنوان HTML وفقرة قصيرة. |
| القائمة | ثلاثة أنشطة | أضف قائمة من ثلاثة عناصر. |
1<h2>Library club</h2> 2<img src="club.png alt="Club room> 3<button id="join">Join
1<h2>Library club</h2> 2<p class="note">Open on Sunday.</p> 3<img src="club.png" alt="Club room"> 4<button id="join">Join</button>
على الورق خطط لصفحة بحجم شاشة واحدة عن حدث مدرسي مخترع. اكتب الغرض والأجزاء وثلاثة أوامر توجيهية بالترتيب، لكل جزء أمر. ثم اكتب ما ستتحقق منه في الشفرة قبل أن تختبرها.