1. كل صورة مصدر PSD لها ثلاثة مخططات ألوان ، تتطلب قطع الصور وفقًا لنفس المواصفات ، ويجب أن تكون أسماء الصور في نفس المنطقة المقطوعة بالألوان الثلاثة هي نفسها ؛
2. قم بإنشاء ثلاثة مجلدات سميت باسم الألوان وفقًا لنظام الألوان ، ووضع المعلومات المطلوبة لنظام الألوان لجعل صفحة الويب في كل مجلد ؛
3. المحتويات المطلوبة الواردة في كل مجلد لألوان: الصور ، CSS ، الرؤوس ، مجلدات الأزرار ، ملفين HTML واثنين من عرض صفحات الويب الكبيرة والصغيرة ؛ يتم تنفيذ جميع التسمية وفقًا للأمثلة ، ويمكن تسمية المحتوى المخصص بحرية.
4. تخطيط صفحة الويب ، تتكون جميع صفحات الويب من الأجزاء التالية:
الرؤوس (شعار ، رؤوس)
قضبان التنقل من المستوى 1 (أزرار)
قضبان التنقل من المستوى 2 (أزرار)
منطقة محتوى الصفحة (يتم استخدام منطقة المحتوى لعرض صفحات الويب الإنجليزية)
تذييل (القائمة السفلية ، حقوق الطبع والنشر)
تحديد المنطقة المراد أن تتم وفقًا لملف PSD. يجب إجراء المنطقة المرسومة في الرسم البياني المصدر. المناطق التي لا تحتوي على قضبان التنقل من المستوى 2 ، وبعضها لا يحتوي على تذييلات) لا يلزم إجراء.
خمسة. أول متطلبات إنتاج ملف HTML: اسم html.html
يجب أن تتم الصفحة بأكملها في شكل واحد.
رأس:
يمكنك جعل الرأس في خلفية ، أو أن بعض صور الرأس غير منتظمة ، ويمكنك أيضًا قطعها إلى عدة أجزاء للمعالجة ، ومحاولة تقليل عدد التخفيضات.
يتم تصنيع منطقة الشعار بشكل منفصل في جدول (يمكن أن يكون عرض الجدول محدودًا) ؛ ينقسم الشعار إلى ثلاثة أجزاء: صور الشعار ، وأسماء الشركات ، وشعارات الشركة ؛ يُطلب من 40 شخصيات رأس المال إدخال اسم الشركة على الصفحة ، ويطلب من 40 حرفًا رأس المال إدخال شعارات الشركة ؛
المستوى 1 الملاحة
يجب إجراء المحتوى في القائمة من المستوى الأول (التنقل) في جدول مستقل ؛ يجب عدم ضبط عرض وارتفاع الخلية ؛ يجب إجراء ستة عناصر قائمة من المستوى الأول على الصفحة ، ويمكن إدخال 20 حرفًا في كل عنصر (6 WS ويمكن إدخال مساحة واحدة) ؛ يجب إجراء صورة الزر في ثلاثة تغييرات في حالة متطابقة (وفقًا لصورة PSD ، قد يكون لدى بعضها حالتين فقط) ؛ يجب إجراء الصور والنص في كل عنصر في سطر واحد ، ويمكن استخدام BR لإنشاء تأثير عرض الفرع.
التنقل الثانوي (الملاحة العمودية)
يجب إجراء المحتوى في القائمة الثانوية (التنقل) في جدول مستقل ؛ يجب عدم ضبط ارتفاع الجدول ؛ يجب أن يتم وفقًا للمثال ؛ يجب إجراء 10 عناصر قائمة ثانوية على الصفحة ، ويمكن إدخال 20 حرفًا في كل مشروع (6 WS ويمكن إدخال مساحة واحدة) ؛ تحتاج الروابط النصية إلى إنشاء تغييرتين على الأقل من الحالة المفرطين.
منطقة محتوى الصفحة
أدخل ما يكفي من الأحرف الإنجليزية لجعل الصفحة ممتدة إلى النقطة (يظهر متصفح IE المستخدمة تحت شاشة 1024 × 768 مع أشرطة التمدد العلوي والسفلي الأيمن))
تذييل
أدخل 40 شخصيات رأس المال في منطقة معلومات حقوق الطبع والنشر. احتفظ بمسافة معينة من المناطق العلوية والسفلية لجمال الصفحة.
القائمة السفلية
يجب إجراء المحتوى في القائمة الثانوية (التنقل) في جدول مستقل ؛ يجب عدم ضبط ارتفاع الجدول ؛ يجب أن تصنع وفقًا للأمثلة ؛ يجب إجراء ستة عناصر قائمة ثانوية على الصفحة ، ويمكن إدخال 20 حرفًا في رأس المال في كل مشروع (6 WS ويمكن إدخال مساحة واحدة) ؛ تحتاج الروابط النصية إلى إنشاء تغييرتين على الأقل من الحالة المفرطة ؛ بالنسبة لجمال الصفحة ، يجب الاحتفاظ بمسافة معينة في المناطق العلوية والسفلية.
ستة. متطلبات إنتاج ملف HTML الثانية: اسم HTML2.html
انسخ ملف HTML الأول ، وحذف بعض المحتويات في الداخل ، واحتفظ بثلاثة التنقل من المستوى الأول ، واثنين من التنقل من المستوى الثاني (التنقل العمودي) ، وثلاث قوائم أسفل ، و 6 أحرف في كل عنصر ؛ احتفظ بسطرين من الأحرف الإنجليزية في منطقة محتوى الصفحة (لا تنشر الصفحة)
سبعة. في الموقف أعلاه ، يجب أن تحافظ الصفحتان على تأثير موحد ، ويمكن حلقة الخلفية ؛ يتم عرض صورة الرأس في الوسط أو يمكن توسيعها (يمكن لبعض مناطق الرأس إنشاء خلفيات)
ثمانية. يجب استخدام اسم الشركة وشعار الشركة وعنوان صفحة منطقة المحتوى وخطوط القائمة مع المستويين الأول والثاني كخطوط نظام قياسية ، مثل: Tahoma أو Arial ،
تسعة. عند إنشاء دليل قالب ، يرجى التحقق من خيار عدم ذاكرة التخزين المؤقت للأعراف في الأدوات -> خيارات المجلد -> عرض ، حتى لا تحتوي حزمة القالب على ملفات التخزين المؤقت غير الضرورية.
عشرة. لا يمكن أن يحتوي ملف style.css على أي اتصال صورة (مثال: الخلفية-صورة: url ('../images/bg.gif') ؛) ، ولا يمكن أن يحتوي على تعريف علامات HTML (على سبيل المثال ، يجب عدم إجراء التعريف في CSS. إذا كنت ترغب في تطبيقه مباشرة ، يمكنك كتابته مباشرة في علامة HTML)
أحد عشر. يجب أن يكون ترميز Charset لـ HTML UTF-8
اثنا عشر. يجب أن تكون جميع أحجام الخطوط (بما في ذلك أوراق الأنماط و HTML) نقاطًا (PT) بدلاً من وحدات البكسل ، بحجم 8pt الحد الأدنى ، مثل حجم الخط: 8pt.
ثلاثة عشر. لا يمكن وضع العناصر (divs ، وما إلى ذلك) في القالب على الإطلاق ولا يمكن أن تحتوي على javaScript.
أربعة عشر. جميع القوالب لها نفس التأثير في المتصفح IE ، Mozilla ، Opera
خمسة عشر. يجب أن تكون جميع مسارات الصور في ملف القالب مسارات نسبية. بالمقارنة مع مسار اللون ، على سبيل المثال: يجب كتابة الملف أسفل الصور أسفل الأزرق على أنه <img src = images/xxxx.gif> بدلاً من <img src = blue/images/xxxx.gif>
ستة عشر. لا يمكن لبعض PSDs الخاصة استيعاب 40 حرفًا من W ، عندما يمكن تقليل اسم الشركة وخط شعار ، ولكن لا يمكن أن يكون أقل من 8pt.
سبعة عشر. يجب أن يملأ القالب الشاشة بأكملها في الارتفاع ، وينطبق الشيء نفسه بالنسبة لأولئك الذين ليس لديهم محتوى (اجعل جزء المحتوى يمتد عموديًا)
ثمانية عشر. يجب إضافة لون الخلفية في جميع المناطق (وفقًا لصورة PSD)
تسعة عشر. لا تظهر أحرف الفضاء
عشرين. يجب إضافة جميع قيم السمات فيه.
واحد وعشرون. يجب إضافة أي ملصقات تظهر في أزواج/على سبيل المثال:
يجب أن تتم كتابتها على أنها <img src = ******> يجب كتابتها على أنها <img src = ******/>