طريقة تصميم المواقع باستخدام شات جي بي تي للمساعدة في انجاز المشاريع في وقت أسرع، اليوم مع تطور أدوات ومواقع الذكاء الاصطناعي مثل موقع ChatGPT اصبح من السهل علينا عمل الكثير من الأشياء التي كانت تتطلب متخصصين ومبرمجين بالنسبة لصناعة التطبيقات والمواقع.
يقوم شات جي بي تي بتوليد الاكواد البرمجية اللازمة لتصميم وبرمجة المواقع والتطبيقات بعدة لغات منها لغة HTML, CSS, JAVASCRIPT وغيرها من لغات البرمجة، لقد تم تدريب ربوتات الذكاء الاصطناعي التابعة لـ ChatGPT علي مليارات النتائج حتي تصبح قادرة على تصميم المواقع باستخدام شات جي بي تي بدقة عالية.
تصميم المواقع باستخدام ChatGPT
لقد تسبب ظهور تقنية شات جي بي تي في ضجة عالمية الفترة السابق مما أدى إلى ظهور العديد من بدائل CHATGPT ومع ذلك تظل هذه التقنية هي الافضل حتي الان خاصتا مع ظهور الاصدار الجديد Chat gpt-4 الذي يعتبر افضل من العادي بالاف المرات ولكنه باشتراك شهر 20 دولار.
وعندما نتحدث عن البدائل يعتبر شات جي بي تي بديل المبرمج ومصمم المواقع حيث يقوم بتصميم المواقع في دقائق فقط، ليس ذلك فقط يمكن أيضا استخدام chat gpt في عمل سكريبت الحماية للموقع وتنسيق المظهر الخارجي وجعل الموقع متجاوب وهذا كله مجانا دون ان تدفع اي شئ.
ما هو Chat GPT وكيف استخدمه في تصميم المواقع
يعتبر شات جي بي تي تقنية البحث المدعوم بالذكاء الاصطناعي المملوك لشركة Openai وتم انشائة ليقوم بمساعدة البشر في العديد من المجالات مثل البرمجة وتصميم مواقع الويب، بالإضافة إلى الدردشة مع وحل المسائل والأخطاء يساعد على الكثير من الامور ولكن عليك تسجيل حساب في chatgpt لاستخدام تلك الميزات.
خطوات تصميم موقع بالذكاء الاصطناعي
في البداية علينا التحدث مع روبوت شات جي بي تي واخبارة اننا نريد تصميم موقع وقم بتحديد المنصة التي تريد انشاء موقع عليها مثل ووردبريس او أي منصة أخرى مثال ( مرحبا شات جي بي تي هل يمكنك مساعدتي في تصميم موقع علي منصة ووردبريس باستخدام html & css & php) حتي يعمل بشكل أفضل.
تصميم المواقع باستخدام شات جي بي تي
يحتاج اي موقع من مواقع الويب الي هيدر والذي يضم الأقسام الرئيسية للموقع بالإضافة إلى اللوجو شعار الموقع لذا علينا جعل chat gpt يصمم لنا الهيدر من خلال الطلب منه عبر كتابة ( صمم لي هيدر لموقع يحتوي على شعار بالاضافة الى الاقسام واكتب اسماء الاقسام على أن يكون الطول 300px والعرض 100%).
بعد ذلك اطلب منه تصميم سكشن سكشن حتى الفوتر سيقوم الـ chat gpt بكتابة كل تلك الاكواد في دقائق معدودة ومن الأفضل أن تكون لك معرفة بالفرونت اند لان في بعض الأحيان تكون هناك أخطاء في الكود عليك إصلاحها بنفسك حتي تتمكن من تصميم موقع ممتاز.
ملاحظة: يجب عليك استخدام محرر اكواد مثل فيجول استوديو كود حتي تقوم بجمع الاكواد معاُ في ملف واحد، حتى تتمكن من تصميم موقع باستخدام شات جي بي تي بشكل مناسب ورفعة فيما بعد على الاستضافة الخاصة بك.
وعند استخدام شات جي بي تي في تصميم المواقع سوف تلاحظ توقف الشات في بعض الأحيان يجب عليك طلب منه ان يكمل حتى يخبرك بأنه انتهى خذ مجموعة الاكواد الاولي ستجدها مكتوبة بلغة html واذهب الى البرنامج وانشاء ملف بامتداد html وقم بلصق الكود الموقع فية.
تنسيق الموقع باستخدام شات جي بي تي
وبعد الانتهاء من بناء أقسام الموقع باستخدام chat gpt سوف نطلب من التقنية تكويد ملف الاستايل للموقع وسيبدأ الشات في تكويد ملف الـ style.css للموقع سوف نفعل ما فعلناه مع ملف الـ html نذهب الي البرنامج ونقوم بانشاء ملف بصيغة css نقوم بلصق الاكواد ثم حفظ ونتاكد ان جميع الملفات ضمن ملف واحد.
عليك الانتباه من الأخطاء التي يمكن أن تكون في الاكواد بالتقنية من المحتمل ان تقوم بعمل الأخطاء لذا قم بمراجعة جميع الاكواد قبل ارسال الملفات للعميل.
كتابة ملف الجافا سكريبت باستخدام شات جي بي تي
الان وبعد الانتهاء من ملف الـ html & css يأتي دور الملف الأكثر تعقيد وهو ملف الجافا سكريبت والذي يكون من الملفات المهمة في تصميم المواقع يستخدم في عمل الانيميشن والصليدر شو القوائم وغيرها.
اطلب من شات جي بي تي كتابة ملف الجافا للموقع وعندها سوف يقوم بتكويد الملف عليك القيام بنسخ جميع الاكواد ولصقها في ملف بامتداد .js داخل فولدر المشروع.
قم الان بعمل فتح للموقع على المتصفح وتاكد من ان كل شئ جاهز ويعمل بشكل ممتاز ومن الأفضل عمل تعديلات علي الموقع حتي تشعر أنك انتهيت من تصميم موقع باستخدام شات جي بي تي.
الخاتمة
يعتبر من السهل جدا تصميم المواقع باستخدام شات جي بي تي بدون خبرة في البرمجة ولكن ننصح أن يكون لديك معرفة حتي لو بسيطة بتصميم المواقع حتى تتمكن من معالجة بعض الأخطاء التي من المحتمل أن تظهر في الاكواد التي يولدها chatgpt ولكن في النهاية ستتمكن من توفر الوقت والمال في تصميم موقع بالذكاء الاصطناعي.
احسنت