السلام عليكم
لدي مشكلة مع تعلمي لبرمجة المواقع هي انني عندما اقوم بالتمرن علي كتابة الكود او الدروس فانني انسي بعض الاكواد التي مررت بها، اي مثلا عندما اقوم بعمل div واريد عمل محاذاة له انسي كيف يتم ذلك او الكود الذي يجب استخدامه لل Css هل هذا الشي يسبب لي مشكلة ام انه امر عادي ويجب علي الاستمرار في التعلم وكتابة الاكواد.
وهل يجب علي حفظ اكواد اي محاضرة قبل الانتقال الي الاخري ؟
لا تنسو بطرح خططكم التي تعلمتم بها اي كيف كنت تتمرن علي كتابة الكود وكيف تحفظ كود ما، فانا بحاجة اليه
شكرا لكم :)
حين جربت الانتقال من w3schools -حسبما أذكر أن اسمه كان- إلى codeacadmy كنت قد أنهيت الـHTML وثلاثة أرباع الـCSS فلما بدأت وجدتني لا أكتب أي كود في الاختبارات أو الدروس، فقط أنسخه من زاوية التلميح، مثلًا يقول لي لوضع صورة استعمل img src فأنسخها وأكتبها كما هي.
المصمم لن ينفع كمطور ويب حسبما يبدو.
عن تجربة، دعك من Codecademy ... تعلم القليل عن الأساسيات ثم حمّل ملفات PSD و حاول تكويدها، أو جرب محاكاة أي موقع حقيقي.
كما ذكرت أعلاه هنالك أساسيات لم أفهمها عن التكويد، لذلك لم أستطع أن أكود إلى أمورًا بسيطة، مثل صفحة بها نموذج تسجيل مع خلفية صورة وتغشية لون، لكن تصميم كامل أجد صعوبة بالغة فيه، هذه الأسئلة التي لم أفهمها إلى الآن:
إلى الآن لم أفهم كيف نبني صفحة ويب؟ كيف أرسم مستطيلًا؟ ما هي فائدة الـdiv؟ وإذا بحثت في الويب عن كود ما وأردت نسخه ففي أي مكان يحب وضعه؟ يعني ما هو الترتيب الصحيح لملف الـStyle sheet مثلًا؟
إلى الآن لم أفهم كيف نبني صفحة ويب؟
عناصر الصفحة كلها فوق بعض، الاختلاف فقط في كونها تترتب رأسياً أم أفقياً ثم في كونها على اليمين أم على اليسار أم في الوسط ، البانر مثلاً يوضع في أعلى الصفحة بكتابته أولاً ثم يثبت في مكانه بإسناد القيمة fixed إلى الواصفة position، زر تسجيل الدخول يزاح لليسار بإسناد left إلى float و هكذا
كيف أرسم مستطيلًا؟ ما هي فائدة الـdiv؟
هنا تأتي فائدة الـdiv، بإمكانك جعله رابطاً أو مربعاً أو زراً أو أي شيء إعتبره كملف Document فارغ في الفوتوشوب، بالنسبة للمستطيل قم بإنشاء div، و أعطه id لتتعامل معه بالـ CSS، هناك قم بإعطائه الأبعاد عن طريق الواصفات Height و width ثم حدد لونه عن طريق color و هكذا إلى آخر الواصفات
يعني عندما أريد إضافة كود جديد هل سيفرق مكان السطر؟ أم يحدث هذا فقط في الـ؟ وهل يمكنني أن أرتبها كما أشاء؟ أيضًا كيف أربط بين الـStylesheet والـhtml؟ وهل يفرق ترتيب القيم في تخصيص الـCSS مثل وضع اللون قبل الحد أو الظل؟
بالنسبة لـ HTML نعم يفرق، العناصر تترتب من أعلى إلى أسفل و من اليسار إلى اليمين حسب ترتيب كتابتها في الكود. لتفهم بشكل أفضل إضغط Right Click في أي جزء من هذه الصفحة و اختر Inspect Element، قم بتمرير الماوس على سطور الـ HTML و لاحظ أجزاء الصفحة التي تُظلل كلما مررت على سطر معين.
كيف أربط بين الـStylesheet والـhtml؟
تقصد عندما يكون CSS في ملف منفصل؟ عن طريق وضع التاق link داخل الــ head
<link rel="stylesheet" type="text/css" href="mystyles.css"/>
مع تغيير قيمة href إلى رابط ملف CSS، و إذا كان في نفس المجلد الذي يوجد به ملف HTML يكفي أن تكتب اسمه فقط، نفس الطريقة تستخدم لربط ملفات JS التي تكون في ملف منفصل. طبعاً بإمكانك عمل تاق style داخل الــ head و كتابة CSS داخلها و لكن هذه الطريقة غير محبذة.
هل يفرق ترتيب القيم في تخصيص الـCSS
للعنصر الواحد لا يفرق، لكن إن أعطيت العنصر قيم معينة، ثم بعد سطرين أعطيت قيم أخرى لنفس العنصر، فالقيم الجديدة ستلغي القيم القديمة إن كانت من نفس النوع، تماما مثل ما يحصل عندما تحاول نسخ ملف و تجد ملف آخر بنفس الإسم في الوجهة التي تريد النسخ إليها
لا أقصد التضجر من أسئلتك و لكن يبدو أنك لم تقطع شوطاً كبيراً مع Codecademy، بعد التفكير قد يكون من الأفضل أن تواصل دروسها، لا تقلق بشأن بساطة التمارين، سوف يأتي التمرين الذي يستوقفك أياماً :D
أشكرك بشدة وكل من جاوب على أسئلتي، لقد أعطيتموني أملًا جديدًا حيال تطوير الويب، على العموم، كلامك صحيح، لم أدرس الكثير مع Codeacademy فبعد فترة من فعل هذا ضجرت منه، كما أنني لم أشعر بحاجته كثيرًا، فحين دخلته كنت قد أنهيت دورتين للأستاذ أسامة الزيرو -حسبما أذكر أن اسمه كان- ودورتين في الـw3schools.
اخي يبدو من تعليقك انك تجيد html و css
اريد ان اتعلم هذا المجال في العطلة الصيفية لكني محتار عن كيفية البداية فيه
هل علي ان ابدأ ب
... html و css و xml او
...html5 و css3 و xml او
... html5.1 التي اصدرت في مارس 2016 و css3 و xml او
... xhtml5 وcss3
ارجو الاجابة
اخي العزيز
انا ايضا كنت في حيرة من امري والحمدلله وجدت سبيلي وبدأت مع افضل مدرسة تعليم الكتروني عربية eElzeero Web school ، والحمدلله منذ ان بدأت لم تواجهني اي صعوبة واحسست نفسي اتعلم شي سهل ، لدي الان اسبوعان فقط اكملت فيهما ال HTML & CSS والان استطيع تكويد قالب من الصفر ، هذه تجربتي مع هذه المدرسة وساتركك تختار ،
اريد ان اتعلم هذا المجال في العطلة الصيفية لكني محتار عن كيفية البداية فيه
في هذه المدرسة ستبدأ بطرق علمية وسهلة جدا وايضا موضح لك كيف تبدأ وما هي اللغة التي ستدرسها بعد انتها من لغة وتمارين يومية وحلول .
رابط المدرسة :
@ZaidEd أخ زيد أنصحك بأن تتابع دورة إل html الخاصة ب udacity فهي. افضل من كود اكادمي
التعليقات