موقع عربي من برمجتي

موقع بسيط من برمجتي هو مثال لما تعلمته فقط لا غير ارجوا إن وجدت ملاحظات او تعليقات كتابتها للتطوير نحو الافضل وارجوا الرد على هذا الموضوع إن كان الموقع غير متوافق مع شاشاتكم وشكرا لكل من زار الموقع وكتب ملاحظاته.

رابط الموقع: mahmoudalani2000s.000webhostapp.com

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

التعليقات

كاول تصميم لك فهو جيد جدا مقارنة بانك جديد في التصميم

عندما كنت اريد مشاركة اي عمل لي مع الاخرين كنت اجهزه في عدة ايام ومن ثم انشره (اي لا تتسرع)

ينقص الموقع التصميم المتجاوب فقط

الخطوط الكبيرة لا داعي لانها تصعب رؤيه جمالية الصفحة

بالتوفيق

MahmoudAlanis أضف ردا

شكرا لك اخي الحبيب على تفاعلك مع موضوعي ولكن لدي سؤال لك ان كنت تعرف اجابته

ايهما افضل لوضع مثلا اي عنصر في الوسط

max-width

margin

او

display: flex;

justify-content: center;

للعناصر استخدم :

margin: 0px auto

للنص استخدم:

text-align: center

0px هي من فوق وتحت

auto تعني لا شيء من اليسار واليمين. اي بالمنتصف (تلقائي)

يبدو انك نسيت ال width لانني لا استطيع ان اضع اي عنصر في الوسط دون تحديد ال width اليس كذلك؟

اعطيتك اختصار الموضوع:

يبدو انك نسيت ال width لانني لا استطيع ان اضع اي عنصر في الوسط دون تحديد ال width اليس كذلك؟

نعم كلامك صحيح

اخي الحبيب انا غلبتك معي واخذت من وقتك الثمين ولكن لدي سؤال اخير يا ريت لو تعطيني الاجابة الصافيه له

هل خاصية flex justify جيدة.؟

صدقني لم استخدمها كثيرا .فانا اتجاهي نحو back-end

نعم عاينت التصميم يبدو انت اضفت بعض العناصر (جميل)

ولكن لماذا لم تجعل الموقع متجاوب ؟

araz_akram أضف ردا

وتذكر اغلب المتصفحات القديمة لا تدعم justify-content

اها الان فهمت عليك شكرا لك :)

هناك تحديثات جديدة على التصميم يمكنك معاينتها اخي الحبيب :)

اخي لماذا لا استخدم ال flex justify غير جيد ؟

الموقع غير متوافق ابدا مع الاجهزة الذكية .. الازرار تاتى فوق بعضها وتاخذ معظم عناصر الموقع الجهة اليسري .

صحيح كلامك اخي الحبيب لم افعل ال responsive web متوافق الآن على اجهزة الحاسوب ولكن قريبا سانزل نسخه اخرى متوافقه مع الاجهزه الذكية :) تحياتي لك

اشعر وكأنك كنت مشغول عندما قمت بتصميمه أو كنت متسرع جدا لانشاء هذه المشاركة :D

اعطي العمل المزيد من وقتك

اخي هذا ناتج ما تعلمته احببت ان اطبقه على ارض الواقع واخذ اراء الاخرين ولكن هل يمكنك ان تقول لي ما ملاحظاتك على الموقع؟

يمكنك الآن معاينة الموقع اخي الحبيب :)

فقط التريث وعدم الاستعجال يولد الابداع

اجعل لنفسك خارطة طريق لبناء تصميم مثلا لبناء موقع مثل موقعك كالتالي

بداية وقبل اي شيء

  • قم باختيار الالوان المتناسقة وابتعد عن العشوائية مثال لا للحصر

هالموقع

  • قم بتجميع ماتريد لبناء الموقع
  1. انشاء مجلد بداخلة ملفاتك

  2. مكتبات تريد استخدامها مثلا مكتبة jquery

  3. قم بانشاء ملفاتك ومجلداتك الاساسية img/ - index.html - master.css - file.js

  • بعد ماسبق من امور في اليوم الاول فقط قم بتصميم النافبار وتقسيم الصفحة فقط لاغير

  • اليوم الثاني قم بتصميم الهيدر وابحث عن كل افكار الناس للتصميم وقم بالتقليد لابأس بذلك

  • اليوم الثالث قم بتنسيق الازرار واللمسات النهائية

تعامل مع كل شيء بالصفحة على انه عمل منعزل ( النافبار) عمل منعزل

الهيدر (عمل منعزل)

محتوى الصفحة ( عمل منعزل)

صدقني ستبدع جدا وتتلذذ بالتصميم

بالرغم اني فاشل جدا بالتصميم

ولكن هي طريقتي لعمل اي شيء وتحديدا بالبرمجة

اجعل مشروعي مقسم الى اجزاء وكل جزء ينقسم الى اجزاء

لكي استطيع ان اتحكم بكل شيء وبسلاسه تامة ولا أعقد الامور على نفسي

بالتوفيق

اشكرك اخي الحبيب على نصائحك القيمه التي قدمتها لي ساخذها بعين الاعتبار

اذا امكن اخي الكريم انت تدخل الى الموقع وتقول لي ما رأيك بالاضافات الجديدة التي اضفتها على الموقع.

تحياتي لك وتمنياتي لك مساء سعيد ومليء بالخير والبركة.

جيد جدا كتصميم و لكن هناك عدة خلالات في الموقع هو انه الازرار فيه لا تعمل و غيرها

MahmoudAlanis أضف ردا

صحيح أخي الحبيب الموقع هو موقع تجريبي وليس حقيقي ولكن ان شاء الله سيكون قالب كامل متكامل طبعا الكمال لله متوفر للجميع ومجانا وساقوم بتوفيره لاعضاء مجتمع حسوب مجاناً.

-1

الاستضافة ‏سيئة، يقوم بتحويلي لموقع الاستضافة هوست العرب

نصيحة استخدم هوستنجر او hostegr أتوقع اسمها هكذا.

اخي الحبيب موقع هوست العرب هو موقعي :)