12

أول قـالـبHTML5 قمـت بعمـلة بعـد أنتهـائـي من تعلـم تطوير الويـب.

فـي البـدايـة قررت أن أنشـئ قـالـب ولـم يكـن لـدي أي تصمـيـم أو فكـرة عن ماهيـة القـالـب ، ثـم قـررت أن أبـدأ و سوف تأتينـي الأفكـار وبـدأت بالفعـل علي العمـل و مع كل خطـوة و كل سطـر أكتبـة تأتينـي فكـرة حتـي أنتهيـت من تصمـيم القـالـب.

يمكنكـم معاينتـة من هنـا:

القالب :

  • مبنـي باستخـدامHTML5,CSS3,jQuery .

  • مناسب لجميع شاشات الموبايل والأجهزة اللوحية والحواسيب.

  • متعدد الصفحـات.

  • متوافق مع المعايير القياسيةW3C.

متوافق مع جميـع المتصفحات .

  • سهل الاستخدام والتعديل.

  • أيقونات أنيقة.

وأريـد معـرفة أرائكـم و ان يكون التقييم على 10 و أقبل كل نقد بناء و اهتم برأي اي شخص حول القالب لأوفر تجربة مستخـدم لكل شخص :)

وشكـرا

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

4
DeltaForce أضف ردا

تقييمي 6/10 +1 لأنه اول قالب لك (لو رأيت قالبي الاول لمت من الضحك) ...

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

القالب يبدوا لي غير مكتمل بنسبة 80% ,

نبداء بشريط العناوين title bar هناك فراغات كبيرة بين الروابط بشكل لا يتناسب مع حجم الخط !

الهيدر او مكان الـ slide bar به فراغ كبير بالاعلى و لو لتزمت بمعايير UX لاستخدمت صورة خلفية HD بكامل عرض المتصفح بدل النص و الخلفية الصامتة.

أعتقد كلمة المزيد المفروض تعمل scroll لاسف الصفحة و لكن عند الضغط عليها لا يحذث شيء !

++"لو رحمتنا شوية من اللهجمة المحلية " هذه هي Lore Ipsum بالعربية

الايكونات التي وضعتها تعتبر صغيرة و تعتمد على الصور عند مشاهدتها بعرض الشاشة التي لدي 1366px

للاسف حاوية [أعمالنا] رغم اهميتها للعملاء لا تحوي أى مظاهر للإحترافية , رغم أن الحاوية تبدو مثل slide show و لا توجد اي مؤتراث بها .فقط صور عادية موضوعة بجانب بعضها . رغم ان الصور منتقاة بشكل جيد لكن كان الافضل استخدام تاثير lightbox حتى يشاهد العميل الصورة بحجمها الكامل .

و لا داعي للحديث عن الفراغات الكبيرة التي لا يوجد لها اي مبرر كما تكلم الاخوة هنا .

نفس الكلام بالنسبة لحاوية [المدونة] الاختلاف هنا هو تغير الخلفية المفاجي الى اللون الابيض من اللون النيل المخضر (اعتقد) .

بالنسبة للحاوييتن فكرتك جيدة لكن انصحك باستخدام اي من سلايدات Owl Carousel فافضل القوالب الاحترافية تستخدمه .

[الفوتر ] نفس الشيء فراغات كبيرة لا تناسب حجم الخط . و لا داعي للحديث عن الحقوق فالحجم كبير جداً على غير العادة .

بالتوفيق .

2
3ABDOO أضف ردا

لو رأيت قالبي الاول لمت من الضحك

لست الوحيد - |^_^|-

1
Muhnad أضف ردا

شكـرا لك ، كنـت متردد في البداية هل أضع خلفيـة HD ومن ثم فوقها طبقة شفافة و لكن قررت في النهايـة الا أضع صورة.

كلمـة المـزيـد بالفعـل أنت محـق تمـاما كنت سـأفعـل ذلك و لكن قررت أن أجعلهـا تذهب الي صفحـة مستقلـة و لكن لم أفعل كلا الخيارين :)

اللهجـة المحلـية المرة القادمـة سـأتجنبهـا "عشان خاطرك أنت بس :P ".

حاوية الأعمـال أريد عندما يضغط الزائر علي "مشاهدة"يذهب الي العمل مباشرة.

فب بداية إنشائي القالب قررت عدم أستخـدام أي سلايدات و أن اقوم بكل شئ من الصفر لذلك لم أستعن بـOwl Carousel.

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

3
3ABDOO أضف ردا

تقيمي هو 7/10 ، لأنه كبداية جيد جداً ، لديك موهبة في التصميم حقاً ، يجب عليك فقط الإهتمام بالألوان .

أيضاً هناك مساحات فارغة كان عليك إستغلالها لأن القالب فارغ نوعاً ما.

بالتوفيق

0
Muhnad أضف ردا

شكـرا لك ، وان شاء الله سيتـم تحسيـن القـالـب ومـلئ الفـراغات بمحتوي جميل :)

1
m.dayoub أضف ردا

  • شعار الموقع صغير ويبدو كأنه عنصر آخر من عناصر قائمة التنقل

  • اللون الأزرق مزعج جدًا في الخلفية، هكذا بدا لي على الأقل

  • لا داعي لإخفاء مربع النص الخاص بالبحث ما دام سيبقى مكانه فارغًا!

  • المساحات بين أجزاء الصفحة كبيرة

تقييمي هو 7/10

0
Muhnad أضف ردا

شكـرا لك ، ان شاء الله سأعمل علي تحسين القالـب و الأخـذ في الاعتبـار كل أرائكـم :)

1
Rashadoo أضف ردا

جميل كأول قالب لكن احسست ان هناك اخطاء في ال margin

0
Muhnad أضف ردا

شكرا لك، يرجي ذكر الاخطاء ليتم تصحيحها :)

0
3ABDOO أضف ردا

ماذكره الأخ ، هو أنك لم تضبط قياسات المارجين كـما قلت لك ، هناك مساحات كبيرة فارغة يمكن الإستفادة منها ...

1
ahmad.khteeb أضف ردا

7/10 القالب جيد جدا , ما لاحظته هو كثرة الفراغات وعدم التنظيم من ناحية الحجوم والعناصر :)

0
Muhnad أضف ردا

سيتم العمل علي تحسين القالـب وتحـسيـن ما قلـت عليـه أحمد.

شكرا لـك :)

1
YounesSan أضف ردا

جميل جدا و رائع كبداية ,,

بالنسبة للعيوب التي أراها هي أنه ليس متجاوب بشكل جيد , و عيوب أخرى ستظهر لك عند عند عمل زوم للوراء في المتصفح..

0
قطرة أضف ردا

8 من 10

0
Muhnad أضف ردا

ما الذي لم يعجبك ؟

0
sabry91 أضف ردا

هل سرقت موقع بيانات ؟ :D

أمزح معك لكن لابد انك اقتبست منهم

0
Muhnad أضف ردا

اها سرقتـه :D

بس الاقتبـاس لم يكن من الموقع الاقتبـاس كان من مشروع مجاني شارك فيه الكثير من المصممين يسمـي Ui Araby Kit

0
محمد خطاب أضف ردا

انا فى بدايه تعلم HTML من فيديوهات على موقع اليوتيوب لشخص اسمه اسامه الزيرو واعتقد انه رائع ماذا على ان اتعلم حتي اصنع قالب كهذا ، وهل هناك مده زمنيه معينه تعلمت فيها كل هذا ؟

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

0
Muhnad أضف ردا

أنا أيضا من خريجـي مدرسـة الزيرو و متابع لجميع فيديوهات القناة ، أستمـر في التعلم والتعلم و التعلم ، شاهد أعمال الأخريـن كثيـرا ، بالنسبـة للـوقت تختـلف علي حسب كل شخص وعلي حسب الظروف، لا تضع مده زمنية لإنهاء التعلـم ، ركـز علي فهـم الدروس و طبـق ما تعلمتـه يوميـا شارك الأخريـن أعمالـك و أذا قابلتك مشكلـة شاركها مع الأخـريـن لتتعـرف علي حل المشكـلة.

0
محمد خطاب أضف ردا

اشكرك .