كيف أقوم بتصميم الواجهات الأمامية

أرجو مراجعة النقاش على الأسئلة التالية فهى تجيب على نفس سؤالك منعًا للتكرار.

ولا يمكن توفير الكود لكامل التصميم، يمكن إرشادك في حال واجهة مشكلة في تنفيذ أمرًا ما.

طب انا عايز اعرف ازاي اعمل الصور اللي في النص او ازاي احطها

بتاريخ 2 ساعة قال Heseen Shams:

طب انا عايز اعرف ازاي اعمل الصور اللي في النص او ازاي احطها

أهلا بك يا حسين

يمكنك وضع الصور في صفحات HTML باستخدام الوسم img كالتالي:

<img src="الرابط الخاص بالصورة" alt="وصف للصورة" />

ويمكنك وضع الخلفيات الملونة بعدة طرق، إما باستخدام css أو باستخدام صور svg

باستخدام SVG:

هناك الكثير من المواقع التي توفّر لك إنشاء صور svg لتستخدمها كخلفيات لمحتواك، منها svgator وغيرها الكثير يمكنك استكشافها بالبحث عنها.

ثم يمكنك استخدامها في موقعك الذي تنشئه، لمعرفة استخدامها بشكل صحيح اقرأ كيفية إضافة الرسوميات الشعاعية SVG إلى صفحة HTML

أو باستخدام css:

يمكنك ذلك باستخدام مواقع مساعدة مثل موقع: 10015 (هكذا اسمه)

كما ترى في الصورة السابقة يمكنك التعديل على الحدود كما تريد، ويصدر لك تنسيق الـ css لتستطيع استخدامه في موقعك على العنصر الذي تريده.

إذا كان لديك مشاكل في فهم css وعناصر الـ HTML وما إلى ذلك من أساسيات صناعة الواجهات الأمامية، أنصحك بارتياد دورة تطوير واجهات المستخدم المقدمة من أكاديمية حسوب، استكشف الدورة بالضغط على الرابط ففيها الكثير والكثير مما يهمّ مطوري الويب ويمكنهم من الحصول على العمل الذي يريدونه.

أو متابعة سلاسل المقالات التي توفّرها حسوب عن ذلك أكاديمية حسوب - مقالات عن الواجهات الأمامية

أتمنى لك التوفيق بإذن الله.