يعتمد تصميم أي موقع على صور وألوان الخلفية ، مثل منزل على أساس. إذا كنت ترغب في استبدال الأساس النموذجي لمورد الإنترنت الخاص بك بشيء أكثر فردية ، فيجب أن تبدأ في تطوير التصميم. وعندما يصبح جاهزًا ، سيبقى الجزء التقني البحت ، أي استبدال التصميم القديم لخلفية الموقع المحدد في الكود المصدري للصفحات بالجديد. هناك عدة طرق لتنفيذ ذلك في الممارسة العملية.
تعليمات
الخطوة 1
تحتاج أولاً إلى معرفة الطرق التي يتم بها تعيين الخلفية في الإصدار الحالي من الموقع. للقيام بذلك ، افتح كود HTML الخاص بالصفحة. يمكنك القيام بذلك باستخدام محرر نصوص بسيط عن طريق تنزيل الملف من الخادم مسبقًا. أو يمكنك استخدام محرر صفحات نظام إدارة المحتوى ، إذا كنت تستخدمه. لا يتطلب محرر الصفحة تنزيل الملف ، ولكنه يعدله مباشرة على الخادم باستخدام المتصفح كواجهة. يتكون رمز HTML (لغة ترميز النص التشعبي) للصفحة التي تفتحها من سطور تعليمات للمتصفح. يصفون أنواع ومظهر وموقع كل عنصر من عناصر صفحة الويب. يشار إلى هذه التعليمات عمومًا باسم "العلامات". يخضع ترتيب العلامات نفسها في كود الصفحة أيضًا لقواعد لغة HTML - وهي مقسمة إلى كتل ، يجب أن يكون أولها كتلة عنوان تبدأ بعلامة وتنتهي. يجب أن يتبعه الكتلة التي تهمك أكثر الآن - نص المستند. يقتصر على العلامات و. في العلامة الافتتاحية لهذه الكتلة () ، يمكنك وضع معلومات حول خلفية الصفحة. تسمى هذه المعلومات داخل العلامات "السمات". يُشار إلى سمة علامة الجسم التي تحدد لون الخلفية على أنها bgcolor وقد تبدو في الكود كما يلي: هنا نقوم بتعيين لون الخلفية للصفحة إلى اللون الفضي. يمكن للمتصفح التعرف على بعض الألوان من خلال أسمائها ، ولكن حتى لا تكون مخطئًا ، من الأفضل الإشارة إلى أكوادها السداسية العشرية. سيبدو هذا الإصدار باللون الفضي بتعبير سداسي عشري على النحو التالي: لذلك ، تحتاج إلى العثور على العلامة التي تبدأ بـ <النص الأساسي في كود الصفحة والتحقق مما إذا كانت تحتوي على لون خلفية. إذا كان الأمر كذلك ، فاستبدل إشارة اللون بإصدارك الجديد واحفظ التغييرات على الصفحة.
الخطوة 2
لا يمكن تعيين الخلفية في التصميم الحالي لموقعك حسب اللون ، بل بالصورة. تسمى السمة المقابلة لعلامة النص "background" ، ويمكن أن تبدو هكذا في الكود: هنا ، الخلفية هي صورة bg.jpg
الخطوه 3
عند وصف مظهر الصفحات ذات التصميم المعقد نسبيًا ، استخدم "أوراق الأنماط المتتالية" - CSS (أوراق الأنماط المتتالية). يمكن تضمين كتل تعليمات CSS البرمجية مباشرةً في رمز الصفحة أو تضمينها في ملف خارجي بامتداد "css". تحتاج إلى البحث عن علامة وصف النمط التي تبدأ بـ <style في جزء الرأس من كود الصفحة (بين العلامات و). إذا كان يحتوي على ارتباط إلى ملف خارجي ، فسيظهر على النحو التالي:import "style.css" ؛ هذا رابط إلى ورقة أنماط باسم style.css. تحتاج إلى فتح الملف المحدد للتحرير. وإذا لم يكن هناك رابط ، وبعد علامة الفتح <style tag ، توجد إرشادات النمط ، فأنت بحاجة إلى تعديلها هنا. في كلا الخيارين ، من بين أوصاف الأنماط ، تحتاج إلى البحث عن تلك المتعلقة بجسم المستند (النص الأساسي). قد تبدو مجموعة الأوصاف هذه على النحو التالي: النص الأساسي {
لون الخلفية: فضي ؛
لون أسود؛
} هنا تحتاج إلى استبدال قيمة معلمة لون الخلفية بقيمة اللون الجديد وأفضل في نفس القيم السداسية العشرية. يجب أن يظهر خيار صورة الخلفية في تعليمات CSS بالشكل التالي: body {
الخلفية: # C0C0C0 url (img / bg.jpg) تكرار y ؛
لون أسود؛
} هنا رابط الصورة مشابه للذي تمت مناقشته أعلاه ، و # C0C0C0 قبل الرابط يعني أن مساحة الصفحة التي لا تشغلها صورة الخلفية سيكون لها خلفية فضية. يشير "Repeat-y" إلى أنه يجب مضاعفة صورة الخلفية على طول المحور Y (الرأسي).يمكن استبدال "Repeat-y" بـ "تكرار x" (نسخ أفقي) أو "عدم تكرار" (عدم تكرار). إذا لم تحدد التكرار على الإطلاق ، فسيتم تجانب صورة الخلفية في مساحة خلفية الصفحة في جميع الاتجاهات.
