التصنيف: تصميم ويب

التصنيفات
تصميم ويب واجهة المستخدم

ماهو UI/UX design

منذ سنوات قليلة عاد مفهومي واجهة الإستخدام User Interface وتجربة المستخدم User Experience إلى الظهور في مقالات مطوري ومصممي الويب وأصبحت الشركات ومالكي المواقع الالكترونية يهتمون بهما أكثر وأكثر، لكن نحن كمهتمين بمجال تصميم الويب ومتابعين له، غالبا ما نفهم واجهة الإستخدام وتجربة المستخدم بشكل خاطئ ونخلط بينهما ونتعامل معهما على أساس أنهما شئ واحد […]

المزيد
التصنيفات
تصميم ويب

الدرس الرابع : تكويد مكان نشر المقالات

السلام عليكم ورحمة الله وبركاته درس اليوم حول تكويد مكان لنشر البوستات وكما تنذكر كان هذا هو التصميم البسيط الذى اعمل عليه     كما نلاحظ فالموضوع بسيط علينا بتقسم الصفحة بنظام Bootstrap الى جزئين جزء خاص ب sidebar وجزء خاص بمكان نشر posts كتالى نسبة sidebar كما نلاحظ  الثلث ونسبة مكان posts الثلثين من […]

المزيد
التصنيفات
html articles تصميم ويب

الدرس الثانى : تهئية الملفات وتكويد االهيدر

تعلمنا فى الدرس السابق كيفية نسخ الالوان وقراءة المقاسات من تصميم الفوتوشوب  والان الى تكويد صحفة المدونة الرئيسية اولًا سنقوم بكتابة كود الHTML كاملًا وشرح ثم  بعد ذلك تزيين التصميم باستخدام CSS تكويد الصفحة الرئيسية عن طريق  html البناء الاساس  نقوم اولا بانشاء مجلد اساس للمشروع ونسميه اي اسم ثم بعد ذلك قم بأنشاء مجموعة […]

المزيد
التصنيفات
bootstrap مقالات تصميم ويب

الدرس الثالث : نظرة اعمق حول Bootstrap بوتستراب

لعلك سمعت كثيرًا عن اطار العمل الشهير Bootstrap الذى يستخدمه الكثير من مصممى واجهة المستخدم فى الويب فى هذه الايام سنتعرف اليوم على البوتستراب وكيفية عمله ومثال عليه. ماهو البوتسراب ؟ البوتسراب هو اطار عمل بلغات HTML , CSS , JS واطار العمل هو مجموعة من الاكود الجاهزة التى توفر الجهد والعناء للقيام بالكثير من […]

المزيد
التصنيفات
html articles تصميم ويب مقالات CSS

تصميم موقع ب HTML و CSS من الصفر حتى الاحتراف

مقدمة السلام عليكم ورحمة الله وبركاته  ومرحبًا بكم فى سلسلة بناء المواقع بأستخدام  HTML و CSS و Bootstrap هذه الدورة على خلاف الدورات الموجودة على الانترنت مبنية على تطبيق مباشر لهذه التقنيات واستخدامها فى بناء مدونة وذلك لان التطبيق خير طريق للتعلم الاحترافى    متطلبات الدورة اى محرر نصوص وليكن Notebad ++  معرفة لا يشترط ان […]

المزيد
التصنيفات
تصميم ويب

الدرس الاول : قراءة الالوان والمقاسات للاستخدام فى الكود

التصميم لشكل الموقع  قبل الشروع فى التكويد يجب ان نملك تصميم واضح للمشروع او المدونة وذلك عن طريق احد برامج تحرير الصور سواء الفوتوشوب او اي برنامج اخر لنفس الوظيفة مثل برنامج Gimp  وهو برنامج مجانى وجميل يمكن استخدامه فى تصميم شكل الموقع ويمكن تحميله من الموقع الرسمى من  هنا ولكن قبل البدء عليك مراعاة […]

المزيد