#ثريد
في أوقات كثيرة نقع في أخطاء يسيرة قد تُصعّب علينا الكثير من الأمور ؛ لذا أحببت أن ألخص عددًا من النصائح للعمل في بناء صفحات HTML بطريقة أكثر احترافية..
في هذا الثريد ١٩ نقطة (don’t and do) والنقطة الـ ٢٠ أتركها لك لإثرائنا بها مشكورًا في التعليقات 🌟
لننطلق 🚀
في أوقات كثيرة نقع في أخطاء يسيرة قد تُصعّب علينا الكثير من الأمور ؛ لذا أحببت أن ألخص عددًا من النصائح للعمل في بناء صفحات HTML بطريقة أكثر احترافية..
في هذا الثريد ١٩ نقطة (don’t and do) والنقطة الـ ٢٠ أتركها لك لإثرائنا بها مشكورًا في التعليقات 🌟
لننطلق 🚀
١.
Don’t:
لا تقم ببناء template من البداية
Do:
استخدم القوالب الافتراضية وقم بتخصيصها بشرط فهمها قبل استخدامها
Don’t:
لا تقم ببناء template من البداية
Do:
استخدم القوالب الافتراضية وقم بتخصيصها بشرط فهمها قبل استخدامها
٢.
Don’t:
لا تصمم الموقع كاملا وتهمل المحتوى
Do:
ركز على محتوى الموقع وقم بتطويره أولا بأول، والتصميم الإحترافي للمتخصصين في ذلك
Don’t:
لا تصمم الموقع كاملا وتهمل المحتوى
Do:
ركز على محتوى الموقع وقم بتطويره أولا بأول، والتصميم الإحترافي للمتخصصين في ذلك
٣.
Don’t:
لا تستخدم برنامج الـ word لنسخ ولصق الأكواد
Do:
استخدم محرر نصوص خاص بالأكواد لكتابة الكود
Don’t:
لا تستخدم برنامج الـ word لنسخ ولصق الأكواد
Do:
استخدم محرر نصوص خاص بالأكواد لكتابة الكود
٤.
Don’t:
لا تعمل على النسخة الأصلية للكود بدون نسخة احتياطية
Do:
اجعل لك دائما نسخة احتياطية للكود
Don’t:
لا تعمل على النسخة الأصلية للكود بدون نسخة احتياطية
Do:
اجعل لك دائما نسخة احتياطية للكود
٥.
Don’t:
لا تكسر قواعد HTML في كتابة الكود وبنائه
Do:
اتبع بناء HTML وطريقة كتابته بالطريقة الصحيحة
Don’t:
لا تكسر قواعد HTML في كتابة الكود وبنائه
Do:
اتبع بناء HTML وطريقة كتابته بالطريقة الصحيحة
٦.
Don’t:
لا تستخدم div بدل كل العناصر في ملف HTML
Do:
استخدم العناصر المناسبة في مكانها المناسب مثل: header, article, section, footer
Don’t:
لا تستخدم div بدل كل العناصر في ملف HTML
Do:
استخدم العناصر المناسبة في مكانها المناسب مثل: header, article, section, footer
٧.
Don’t:
لا تجعل الوصول للصفحة الرئيسية غير ظاهر في الصفحات الأخرى
Do:
قم بوضع رابط يعود للصفحة الرئيسية في كل صفحة
Don’t:
لا تجعل الوصول للصفحة الرئيسية غير ظاهر في الصفحات الأخرى
Do:
قم بوضع رابط يعود للصفحة الرئيسية في كل صفحة
٨.
Don’t:
لا تجعل الـ paragraphs طويلة لأنه من الممكن تجاهل قراءتها من المستخدم
Do:
اجعل الـ paragraphs قصيرة ومختصرة
Don’t:
لا تجعل الـ paragraphs طويلة لأنه من الممكن تجاهل قراءتها من المستخدم
Do:
اجعل الـ paragraphs قصيرة ومختصرة
٩.
Don’t:
تجنب inline CSS عند كتابة كود HTML
Do:
استخدم external CSS لبناء كود نظيف وقابل للتعديل في أسرع وقت
Don’t:
تجنب inline CSS عند كتابة كود HTML
Do:
استخدم external CSS لبناء كود نظيف وقابل للتعديل في أسرع وقت
١٠.
Don’t:
لا تجعل الصورة كبيرة جدا ولو كانت جميلة
Do:
اجعل مقاسها مناسب وملائمة مع العناصر الأخرى
Don’t:
لا تجعل الصورة كبيرة جدا ولو كانت جميلة
Do:
اجعل مقاسها مناسب وملائمة مع العناصر الأخرى
١١.
Don’t:
لا تستخدم تسميات غير مفهومة للـ class و id
Do:
استخدم تسميات واضحة وذات دلالة للـ class و id
Don’t:
لا تستخدم تسميات غير مفهومة للـ class و id
Do:
استخدم تسميات واضحة وذات دلالة للـ class و id
١٢.
Don’t:
لا تجعل جميع العناصر في HTML على مستوى واحد
Do:
استخدم المسافة البادئة (indent) في العناصر المتداخلة
Don’t:
لا تجعل جميع العناصر في HTML على مستوى واحد
Do:
استخدم المسافة البادئة (indent) في العناصر المتداخلة
١٣.
Don’t:
لا تجعل الملف يتضمن جميع الأكواد من HTML CSS JS
Do:
قسم الملفات كل على حدة، الـ HTML في ملف، والـ CSS في ملف، والـ JavaScript بمفرده
Don’t:
لا تجعل الملف يتضمن جميع الأكواد من HTML CSS JS
Do:
قسم الملفات كل على حدة، الـ HTML في ملف، والـ CSS في ملف، والـ JavaScript بمفرده
١٤.
Don’t:
لا تكتب tags في HTML بأحرف كبيرة uppercase مثل <HEADER>
Do:
اكتب الـ tags بأحرف صغيرة lowercase كما هو معروف مثل <header>
Don’t:
لا تكتب tags في HTML بأحرف كبيرة uppercase مثل <HEADER>
Do:
اكتب الـ tags بأحرف صغيرة lowercase كما هو معروف مثل <header>
١٥.
Don’t:
لا تجعل كود HTML والأكواد الأخرى غير واضحة ولا يفهمها الغير
Do:
اكتب كودك بطريقة مرتبة للحصول على clean code ويكون سهل الفهم والتعديل في وقت آخر
Don’t:
لا تجعل كود HTML والأكواد الأخرى غير واضحة ولا يفهمها الغير
Do:
اكتب كودك بطريقة مرتبة للحصول على clean code ويكون سهل الفهم والتعديل في وقت آخر
١٦.
Don’t:
لا تكتب الـ CSS أو JavaScript قبل كتابة HTML
Do:
ابدأ بـ HTML في البداية ثم انتقل لغيرها
Don’t:
لا تكتب الـ CSS أو JavaScript قبل كتابة HTML
Do:
ابدأ بـ HTML في البداية ثم انتقل لغيرها
١٧.
Don’t:
لا تقم بتنسيق الـ tags الأساسية في HTML مباشرة مثل: <p> <h1> وغيرها في CSS
Do:
قم بإضافة classes لها والتنسيق للـ classes بمفردها
Don’t:
لا تقم بتنسيق الـ tags الأساسية في HTML مباشرة مثل: <p> <h1> وغيرها في CSS
Do:
قم بإضافة classes لها والتنسيق للـ classes بمفردها
١٨.
Don’t:
لا تبدأ في تنفيذ التصميم لجهاز الكمبيوتر قبل الجوال إذا كان التصميم responsive
Do:
ابدأ في الجوال mobile first ثم الكمبيوتر لأن المستخدم غالبا يتصفح من الجوال أولًا
Don’t:
لا تبدأ في تنفيذ التصميم لجهاز الكمبيوتر قبل الجوال إذا كان التصميم responsive
Do:
ابدأ في الجوال mobile first ثم الكمبيوتر لأن المستخدم غالبا يتصفح من الجوال أولًا
١٩.
Don’t:
لا تستخدم <br> في عدة أسطر متتالية
Do:
استخدم CSS لزيادة المسافة عوضا عن <br>
Don’t:
لا تستخدم <br> في عدة أسطر متتالية
Do:
استخدم CSS لزيادة المسافة عوضا عن <br>
٢٠.
أجعلها لك في التعليقات
ختامًا..
كانت هذي نصائح من تجارب الكثير والذي لخصتها في عدة نقاط
أرجو أن تكون مفيدة ومساعدة
وأتمنى لك برمجة ممتعة..
دمت مبدعًا 🌟
أجعلها لك في التعليقات
ختامًا..
كانت هذي نصائح من تجارب الكثير والذي لخصتها في عدة نقاط
أرجو أن تكون مفيدة ومساعدة
وأتمنى لك برمجة ممتعة..
دمت مبدعًا 🌟
جاري تحميل الاقتراحات...