14

اول تصميم لي بعد التعلم لمدة اسبوع

  • Abdulbasit

السلام عليكم ورحمة الله

شكرا للاخوة الذين دعموني في المرحلة الماضية عندما قمت بطرح سؤال حول كيفية البدء بتعلم تصميم المواقع .

والحمدلله انا الان اتعلم كل جديد يوميا بشغف عالي حيث قمت بعمل تصميم بداءي من غير المقاسات الاحترافية فقط لازيد من المعرفة واستمرارية التعلم فهذا اول تصميم مكتمل اي اول مره اجمع بين تاغات ال HTML للصفحة في مكان واحد وتطبيق عليهم لغة CSS .

http://store2.up-00.com/201... http://store1.up-00.com/201...

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

الغرض من المنشور هو تقيماتكم ونصائحكم عن ماذا اركز اكثر وكيف استمر لاحترف اكثر

شكرا لدعمكم المتواصل.

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

التعليقات

mo7@mmed أضف ردا

احسنت أخي

كبداية فهو ممتاز ، لكن لايزال تصميم بسيط ولا زال أمامك مشوار

واصل بنفس المستوى للتقدم للأمام

ايضا ملاحظة بسيطة حاول تعلم كيفية تنسيق الآلوان

ايضا بإمكانك استعمال مواقع مثل

ومشاركة رابط تصميمك معنا حتى نرى الكود الذي كتبته لنعطيك تقيمات افضل 

على سبيل المثال :

/koenigsegg1/pen/wGoRRR

لايمكننا الحكم بالكامل من مجرد صورة

بالتوفيق لك

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

بالنسبة للكود سارفعه لك بعد قليل لتري كيف تمت كتابة الكود

نعم لا يمكن لاحد الحكم بمجرد صورة لذا زكرت في البداية لا اعرف اي طريقة لرفع الكود او الموقع

شكرا لك علي الموقع

هي بالفعل بداية ممتازة 

مع الوقت ستصبح افضل إن شاء الله

بالتوفيق لك

شكرا لك ، باذن الله

رفعت الكود يمكنك رؤيته

كما لم استطيع وضع رابط الصورة من مصدر خارجي ستجد رابطها في كود ال CSS

            background-image: url('

في موقع BitBalloon بيقدم أسهل طريقة لرفع تصميمك على الإنترنت، فقط أسحب مجلد التصميم إلى الموقع، وسيتم توليد رابط حي للتصميم..

يمكنك الإطلاع عليه من هنا:

بالتوفيق :)

لم اجرب من قبل لكن هل من الممكن رفع موقع كامل على codepen؟؟

mo7@mmed أضف ردا

الموقع ليس لرفع المواقع بل فكرته كما اشرت هو كتابة أكواد html | css | js ومشاركتها فقط

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

ومن حفظ المشروع واخذ الرابط ومشاركته ، كما تستطيع حفظ أعمالك التي تقوم بها مباشرة على الموقع إن كان لديك عضوية

تستطيع ايضا تصفح الموقع وترى أعمال غيرك

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

رائع جدا يا أخي بداية موفقة

بالتوفيق لك في مسيرتك التعلمية

ان شاء الله تصل لما تتمنى في اقرب وقت

تسلم اخي اتمني التوفيق للجميع

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

تصميم جميل .. جدا ورائع .. فقط هناك ملاحظه لو كنت اضفت بعض الCSS على ال INPUT لكان افضل

على كل حاال واصل ..

شكرا لك اخي ساقوم بذلك بعد تكملة ال CSS فانا لم اكمله بعد

فقط صممت هذا للاختبار

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

mus6afa أضف ردا

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

ساقوم بذلك ان شاء الله ، فقط البداية

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

انصحك بأن تتعلم التصميم من موقع الاستاذ القدير اسامة و اسم قناته على اليوتيب هو elzero سوف تتعلم باتقان يعني تصميم الثاني سيكون احترافي لو اتبعت دروسه خطوة خطوة

و هذه نصيحة لك

انا اتابعه ولم اكمل الدروس بعد استطعت تصميم شئ بسيط كهذا للتطبيق علي دروسه فقط.

كل حرف كتبته تعلته من Elzero .

شكرا لك اخي علي النصيحة :)

تصميم جميل ورايع وانصحك بان تتعلم الbootstrap سوف يفيدك جدا

شكرا لك اخي ساتعلمه حتما باذن الله

بداية جيدة , بالنسبة لي نصيحتي لك هي باختصار ,

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

وبعدها ان شاء الله الطريق سهل فقط واظب علي تطوير نفسك لا تنسي الجافا سكربت أن تتعلمها والأهم ان تتعلم كيف تعمل ,

إذا كنت تدرس علي النت لا تفرط كثيرا في الدورات النظرية .

أرجو لك التوفيق .

لن اعمل به حتي احترف كل شي بال CSS 

في طريقي الي الجافا سكربن باذن الله 

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

حفظك الله واحسن خطاك