تصميم أول Template بعد تعلم CSS و HTML

بعد متابعة دورة HTML و CSS و تعلم كيفية تصميم موقع LV1 قمت بتصميم موقع مثل الذي صممه الأستاذ أسامة و لكن مع بعض الاختلافات

أرجو أن تعطونا رأيكم فهو يهمنا و شكراا ♥

رابط الموقع :

https://goo.gl/G4RqHW
يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

رائع ولكن اعتمد فى تصميمك على جعل ال navbar اكبر حولى 50px واجعل ال hover بطى قليلا وهذا من وجهه نظرى فقط ولكن الشكل العام جميل بالنسبه لمبتدىء

شكراا لك على ملاحظاتك الدقيقة =D

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

هل تري الخط الذي علي حافة البوتون علي شكل خاصية border ولكنها ليست كذالك هل انت من قصدت ذالك في التصميم ام لا تعرف كيف تزيله ؟ :)

فقط للمعلومة او اردت ان اعرف لسبب شخصى ليس لأي سبب آخر .

لم أفهم قصدك أي بوتون تتكلم عنه ؟ على فكرة أنا عملت border للبوتون في الصفحة

فى الصورة هنا .

لا لا لم أعرف كيف أزيله كذلك في form & textarea

ضع هذا الكود border:0;

دائمآ الاطارات مسؤوله عنه خاصية البوردر

ذلك الoutline وليس border

صح outline عذرآ على الخطأ

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

الخاصية اسمها : outline .

قيمتها الافتراضية 1 على ما اظن , يمكن ان تعطيها outline:0 وسوف يختفى الخط .

شكرااا جزيلا ملاحظة جميلة منك الله يوفقك شكراا لدعمك ♥

ما هي الدورات التي تعلمت منها وكم استغرقت للتعلم :)

-دورة HTML من قناة ELZERO

-دورة CSS من قناة ELZERO

-بعض تقنيات CSS3 مثل box-shadow & transform

  • دورة تصميم موقع بـ HTML + CSS LV1

استغرقت حوالي 15 يوم ...

جميل جدا ما هي الصعوبات التي واجهتها ؟

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

بالتوفيق

كأول تصميم جميل ،

فرحت كثيرا عندما وجدت الكود منظم و لم تستعمل أي إطار عمل

  • حاول أن تعتني قليلا بمسألة الألوان

  • تحريك الصور في الموقع بهاته الطريقة غير محبذ

  • أعمل الأن على جعل الصفحة متجاوبة

  • اجعل الروابط في القائمة الرئسية تعمل إليك الطريقة

أضف رابط مثلا #portfolio

ثم id بنفس الإسم

<div class="portfolio" id="portfolio">

واصل التعلم و لا تيأس

شكراا جزيلا لك ملاحظات قيمة و مرتبة شكرا على دعمك و سأقوم بما قلته لي

ممكن رابط الدورة من فضلك.

تصميم جميل وتغييرك كان جيدًا

بصراحه حاولت تطبيق الدورة ولكن وجدت صعوبات في ترتيب الايقونات في About me ولم استطع حلها لذا لم اكملها للأسف

أعد و حاول أخي ستحل معك المشكلة ...

جميل وبسيط ، نصيحي قم بتبسيط الحركات بداخله واستمل الوان اكثر تناسقاً و شكراا أيضاً ♥

نعم أكثرت من الحركات و اختيار الألوان لم يكن موفق لكن سأحاول تحسين مستواي ان شاء الله شكرا

أنا شخص مبتدئ مثلك

ملاحظتي لك أن تركز على تجاوب الموقع

ولدي سؤال كيف أنشأت الموقع لاحظت أتك أنشأته على google drive كيف تم ذلك

وهل استعنت بدورة لتصميم الموقع أم أنه من خيالك المحض

متابع لهذا السؤال

الخدمة سوف يتم ايقافها في 31 أغسطس 2016 . يمكن الإنتقال إلى استضافة الصفحات على Github Pages

ان أجعل الموقع متجاوب فهذا ليس وقتها لأنني لازلت مبتدئ + نعم رفت الموقع على google drive ابحث في يوتيوب سوف تجد + نعم استعنت بدورة لتصميم الموقع لكنني أضفت لمستي الخاصة و شكرااا

كاول مرة هذا ممتاز جدا يا حبيبي

شكرا جزيلاا لك ♥

السلام عليكم

اخي موقع رائع ولكن اريد ان اسالك انا ايضا اريد تعلم html وcss ودهب الى قناة Elzero Web School ورايت دورة html استطيع ان اشهادها كلها في يوم اويومين فلاباس ان شاهدتها كلها في يوم ام انني اقسمها وايضا في نطرك هل لغة html و css سهلة

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

شكرا على التشجيع كم استغرق منك تصميم هذا الموقع

ثلاث ساعات على ما أظن

badrelbazzazi أضف ردا

تصميم رائع انا ايضا متعلم عند الاستاذ اسامة

شكرا على هذا التصميم لقد حفزتني به لانني شعرت بالحباط منذ ايام لان كمية اكواد css تراكمت علي فبدات بالبحث عن دوراة css افضل لكنني لم اجد افضل من هذه الدور و من تصميمك هذا علمت ان اي شئ في هذه الدورة سوف يفيدني.

و بالتوفيق في LV2 و ال LV3.