مبدأ "الترحيب بالملابس" صحيح ليس فقط للأشخاص ، ولكن أيضًا للمواقع. فستان الموقع هو تصميمه. وهو التصميم الذي يحدد الانطباع الذي يمتلكه الزائر في الثواني القليلة الأولى من عرض المورد. هذا الانطباع مهم بشكل خاص لأنه يحدد سلوكه في المستقبل. أول عنصر تصميم يراه كل مستخدم يزور الموقع هو "رأسه". الغطاء هو وجه مورد الويب. لذلك ، يريد كل مصمم ويب مبتدئ أن يتعلم أولاً وقبل كل شيء كيفية إنشاء رؤوس للمواقع.
ضروري
- - الوصول إلى الإنترنت؛
- - متصفح حديث
- - محرر الرسومات النقطية (GIMP ، Photoshop) ؛
- - اختياري: محرر رسومات متجه (CorelDraw) ؛
- - اختياري: بيئة النمذجة ثلاثية الأبعاد (Blender ، 3DStudio) ؛
- - اختياري: ورقة أو قلم رصاص أو قلم.
تعليمات
الخطوة 1
تطوير مفهوم لعنوان الموقع المستقبلي. من الناحية المثالية ، يجب أن يعتمد المفهوم على الفكرة الأصلية. عندما تنقص الأفكار ، يمكن الحصول على الإلهام من خلال تحليل الحلول الجيدة الموجودة. تعكس نتيجة البحث الإبداعي في شكل رسم على قطعة من الورق. يجب أن يعكس المخطط هيكل العنوان المستقبلي للموقع مع الإشارة إلى الأماكن "المطاطية" والمناطق المليئة بالصور. في هذه المرحلة ، من الجيد التفكير في مخطط ألوان تقريبي لتصميم العنوان.
الخطوة 2
حدد حجم الرأس. في الواقع ، من المفيد تحديد واحد فقط من معلماته بوضوح - الارتفاع. كقاعدة عامة ، يتم إصلاح ارتفاع رؤوس المواقع ، ولا يعتمد على الدقة المنطقية التي تؤثر على معلمات عرض الخطوط. بمعنى آخر ، يجب عليك اختيار قيمة لارتفاع الرأس بالبكسل. في هذه الحالة ، من المنطقي مراعاة إمكانية وضع لافتات أو كتل من الإعلانات السياقية في العنوان. فيما يتعلق بالعرض ، يجب تحديد الحد الأدنى للقيمة ، مع إبراز منطقة "مطاطية" واحدة على الأقل تسمح للرأس بالتكيف مع الأحجام المختلفة لصفحة الويب.
الخطوه 3
قم بإنشاء قالب رأس في محرر رسومات. في مستند جديد ، أضف طبقة شفافة ستسحب إليها الرسم وفقًا للمعلمات الهندسية المحددة. يجب أن يتطابق ارتفاع الطبقة مع ارتفاع الرأس. يمكن اعتبار العرض تعسفيًا ، ولكنه أكبر من الحجم الأدنى ، مما يترك مساحة للمناطق الأفقية "المطاطية". في القالب ، حدد مناطق ذات أحجام ثابتة ومتغيرة ، ومناطق يُراد ملؤها بالصور الثابتة ، وصور الخلفية.
الخطوة 4
ابحث أو أنشئ صورًا ثابتة لوضعها في قالب الرأس. يمكن إنشاء الشعار وبعض العناصر الفريدة في محرر متجه أو بيئة نمذجة ثلاثية الأبعاد. من السهل جدًا العثور على صور موضوعية على بنوك الصور المجانية على الإنترنت.
الخطوة الخامسة
أدخل الخلفية والشعار والصور الثابتة في قالب رأس الموقع في محرر رسومات. أضف الخلفية وكل صورة إلى طبقة شفافة منفصلة. رتب الطبقات بأفضل طريقة. بتحريك الصور في طبقات ، حقق تخطيطها المثالي ، المطابق للقالب الذي تم إنشاؤه مسبقًا.
الخطوة 6
احفظ صورة العنوان الناتجة. احفظ مشروع العمل بالتنسيق الأصلي لمحرر الرسومات. ثم احفظ صورة الرأس المسطحة بتنسيق غير ضياع (على سبيل المثال ، PNG).
الخطوة 7
قم بإنشاء قالب رأس HTML إذا لزم الأمر. افتح الصورة المسطحة في المحرر. قص الصور منه التي تتوافق مع مناطق ذات حجم ثابت. من الأماكن المقابلة للمناطق "المطاطية" ، قم بقص الصور بعرض 1 بكسل. حفظ جميع الصور على القرص. تخطيط رأس HTML باستخدام الصور المحفوظة.
