الإعلانات
لي حنعمتتحويلة متابوت لاممهارات اللغة الانكليزية (HTML) صدئة على وجه اليقين ، ولكن ربما هذا يؤهلني لهذه المقالة. مرة أخرى في اليوم الذي اصحاب كان لا يزال على شاشة التلفزيون وكان AOL يرسل الوقايات المجانية والمسابقات الصغيرة يوميًا ، كنت أقوم بإنشاء مواقع ويب للتحميل على أجهزة المودم الهاتفي. مع مرور الوقت ، كان لديّ الرغبة في التفكير في أن هناك الكثير من الأشخاص الذين لا يزالون هناك مع اتصالات غير النطاق العريض (الطلب الهاتفي) واستمروا في تصميم مواقع الويب بناءً على ذلك.
أخيرا ، استسلمت تصميم وتطوير المواقع هل تريد تعلم تصميم المواقع؟ 7 قنوات يوتيوب لتبدأيحتوي YouTube على الآلاف من مقاطع الفيديو والقنوات للمبتدئين في تصميم الويب. هنا نلقي نظرة على بعض من أفضلها للبدء. اقرأ أكثر عندما بدأت جودة المحتوى في دفعها إلى جانب كمية المحتوى. مواقع الفلاش ، الكثير من الصور ، النوافذ المنبثقة ، النوافذ المنبثقة السفلية ، أشرطة التمرير ، إلخ. ثق في جودة المحتوى الخاص بك ولا تحتاج إلى هذا الخطأ. ثق في المحتوى الخاص بك ويمكنك جعل موقع الويب الخاص بك سريعًا للغاية.
مع موقع يتم استضافته على خدمة مجانية أسرع
قطعا أفضل. لماذا ا؟ لأن "مجاني" يميل إلى جذب الكثير من الأشخاص ويتعين على الخادم إعداد صفحتك بالإضافة إلى الآلاف من صفحات الأشخاص الآخرين التي لم يتم تحسينها. الأمر أشبه بمحاولة تمرير قافلة من سجلات كينورث بولن مع خنازير جيمي هاولين. ولكن إذا كان لديك سيارة بورش صغيرة ، فهذا أسهل بكثير.فيما يلي بعض النصائح لقص الدهون بدون ترتيب معين.
1. استخدم الجداول بشكل مقتصد
الجداول هي الصيد -22. في البداية ، تم استخدامها لوضع التصميم وكذلك وضع المحتوى في شكل جدول. نظرًا لأن تخطيطات التصميم أصبحت أكثر تعقيدًا ، أصبحت الجداول أكبر ومتداخلة بشكل أعمق ، وهذا يعني دائمًا بطء وقت التحميل.
جتصاعدي ستيل سظهرت (CSS) وساعدت حقًا في مشكلة استخدام الجداول للتخطيط. لسوء الحظ ، لا يبدو أن صانعي المتصفح يلتفون حول فكرة المعايير - ولا يزالون لا يستطيعون ذلك. ما بدا رائعًا في CSS في Firefox بدا مثل وجبة فطور كلب في IE وربما لم يتم تقديمه في Safari. لا تجعلني أبدأ IE5 على جهاز Mac. ما زلت في العلاج بشأن ذلك.
يرجى فقط استخدام الجداول لتخطيط المحتوى الذي يجب أن يكون في تنسيق جدولي Tableizer: إنشاء جدول HTML من جدول بيانات Excel اقرأ أكثر - مثل قائمة الأسعار أو إحصاءات الهوكي. وهذا يقلل من عدد الطاولات ، وعمق التعشيش ، مما يعني أوقات تحميل أسرع. تعلم CSS أفضل 5 مواقع لتعلم CSS عبر الإنترنت اقرأ أكثر سيحدث فرقًا كبيرًا ، إذا كان يجب أن يكون لديك تخطيط فاخر.
2. استخدم HTML لإنشاء اللون
نعم ، أنا كندي ، لذلك هو اللون مع حرف "u" بالنسبة لي. أعلم أن HTML هو مركز أمريكا لذا فإن السمة هي "اللون". تعلم رموز ألوان سداسية عشرية واستخدامها لإحياء المحتوى بدلاً من الصور.
حاول إضافة سمة اللون إلى عناصر HTML الخاصة بك لإضفاء لمسة رائعة عليها. يعمل هذا جيدًا بشكل خاص في الجداول ، أو علامة النص ، مثل:
إذا كنت متصفحًا ، فهل ستكون أسرع في تحميل 7 أحرف بسيطة من #FF00FF أو صورة 10 × 10 بكسل للون فوشيا عدة آلاف المرات؟ هذا سؤال بلاغي ، أنت في الصف الخلفي. ضع يدك.
3. رابط للنصوص / أوراق الأنماط
إذا كنت تستخدم معينة يافاسcript (JS) أو CSS بشكل متكرر في جميع أنحاء موقعك على الويب ، فكر في إنشاء ملف خاص به والاتصال به ، بدلاً من وضعه في كل صفحة. نظرًا لأن المتصفح يميل إلى تخزين ملف مؤقتًا واستدعاء هذا الملف أولاً قبل التحقق من الخادم ، فسيكون لدى المتصفح بالفعل هذا النص البرمجي أو CSS جاهز للاستخدام. هذا يعني أقل حنعمتتحويلة تفدية صمكالمات rotocol (HTTP) مما يعني صفحة تحميل أسرع.
كيفية استدعاء JavaScript خارجي:
–>
لماذا وضعت علامات التعليق هذه حول استدعاء JavaScript؟ لأنه لم يتم تعيين كل متصفح لقراءة البرامج النصية. تؤدي إضافة علامات التعليقات إلى جعل المتصفحات التي تم تعطيل البرمجة النصية معطلة عليها ، بدلاً من إعطاء رسائل خطأ مزعجة.
كيفية استدعاء ورقة أنماط متتالية خارجية:
بكل بساطة. سمة href هي المكان الذي تقوم فيه بتعيين موقع ورقة الأنماط الخاصة بك. تخبر السمات الأخرى المتصفح ما هو هذا الملف ، لذا فهو يعرف ماذا يفعل به.
قد يستخدم بعض المطورين @استيراد طريقة لاستدعاء ورقة أنماط. في Internet Explorer ، هذا يشبه امتلاك في الجزء السفلي من الملف ، مما يؤدي إلى تحميل الصفحة بأكملها ومن ثم عرض الأنماط عليها. ليست جيدة.
4. اجمع بين البرامج النصية الشائعة الاستخدام في ملف واحد
سيستخدم العديد من مطوري الويب نفس البرامج النصية مرارًا وتكرارًا. ربما يوجد نص برمجي للساعة ونص برمجي للتقويم وربما نوع من النص البرمجي ذو التأثير الخاص الذي سيستخدمونه في كل صفحة. بدلاً من وجود 3 ملفات منفصلة ، مع 3 مكالمات HTTP منفصلة ، ضع البرامج النصية في ملف واحد واستدعها مرة واحدة. يؤدي ذلك إلى تقليل مكالمات HTTP بنسبة 66٪ ويتم تخزينها مؤقتًا أيضًا. أنت تسرع الشيطان ، أنت! قبل أن ترفع يدك مرة أخرى ، نعم ، يمكنك أن تفعل الشيء نفسه مع ملفات CSS.
5. لا تستخدم HTML لتغيير حجم صورك
إذا كنت تريد استخدام صورة بحجم 1000 × 1000 بكسل على صفحة الويب الخاصة بك ، ولكنك تريد أن تكون 250 × 250 بكسل فقط ، فقم بتغييرها في محرر الصور. يقوم بعض الأشخاص "بتقليص" الصورة باستخدام HTML مثل:
إذا كانت تلك الصورة بحجم 1000 × 1000 بكسل حجمها 2 ميجابايت ، فإن تغيير حجمها باستخدام HTML لن يجعل حجم الملف أصغر. في الواقع ، قد يستغرق تحميله وقتًا أطول ، لأنه الآن يجب على المتصفح وضع 10 أرطال من البراز في كيس 2 رطل ، إذا جاز التعبير. ليست مهمة سهلة.
نرجوا أن تفيدك هذه النصائح. أعطني صرخة في التعليقات إذا كنت تستخدمها أو لديك بعض الأفكار الأخرى لتحسين HTML للمشاركة.
مع أكثر من 20 عامًا من الخبرة في مجال تكنولوجيا المعلومات والتدريب والحرف الفنية ، فإنني أرغب في مشاركة ما تعلمته مع أي شخص آخر يرغب في التعلم. أنا أسعى للقيام بأفضل عمل ممكن بأفضل طريقة ممكنة ، مع القليل من الفكاهة.