أسهل طريقة لإنشاء موقع ويب هي استخدام قالب. ومع ذلك ، لكي يبرز المورد ، تحتاج إلى تغيير التخطيط الافتراضي. وهنا لا يمكنك الاستغناء عن المعرفة الأساسية بلغة html و css.
تعليمات
الخطوة 1
ابحث عن قالب موقع الويب الذي يناسبك على الإنترنت. انتبه لقدراته ، والقدرة على التكيف مع حجم الشاشة ، وميزات القائمة وتخطيط الأعمدة. قم بتنزيل الإصدار الذي تريده على جهاز الكمبيوتر الخاص بك ، قم بفك ضغط الأرشيف. تحقق من أدائه عن طريق تحميل الملفات إلى جذر الموقع. ربما يحتوي القالب على أخطاء ولن يتم تثبيته بشكل صحيح ، فلن يكون هناك جدوى من العمل معه في المستقبل.
الخطوة 2
حتى إذا كنت لن تقوم بإعادة القالب بالكامل ، فاستبدل معظم الصور ، وخاصة تلك الموجودة كشعار. استبدل كل صورة بهذه الطريقة:
- افتح ملف الرسوم في برنامج الفوتوشوب ؛
- في قائمة "صورة" - "حجم الصورة" انظر إلى معلماتها ؛
- افتح ورقة جديدة بنفس الأبعاد تمامًا ؛
- إنشاء الصورة المطلوبة باستخدام أدوات التطبيق ؛
- قم بتسوية جميع الطبقات وحفظ (ليس للويب) صورة جديدة بنفس الاسم وفي نفس المجلد ، مع ضبط التنسيق الأصلي.
وبالتالي ، بدلاً من صورة واحدة ، يجب أن تظهر صورة أخرى.
الخطوه 3
بمجرد تغيير جميع الصور ، قم بضغط المجلد بالملفات (في حالة Joomla) وقم بتحميله من خلال لوحة إدارة الموقع في قائمة "الامتدادات". تحقق مما إذا كان الموضوع يتم عرضه بشكل صحيح مع الرسوم التوضيحية الجديدة.
الخطوة 4
قم بتغيير باقي المعلمات في style.css. علاوة على ذلك ، من الأنسب القيام بذلك ليس من خلال لوحة الإدارة ، ولكن من خلال الكمبيوتر. من المعقول استخدام المضيف المحلي (دنفر) لمعرفة نتيجة التحولات في أسرع وقت ممكن. سيؤدي ذلك إلى تجنب الحاجة إلى تحميل النتيجة إلى الخادم في كل مرة لعرض النتائج بعد التعديل التالي.
الخطوة الخامسة
قم بتنزيل المكوّن الإضافي FireBug المجاني لموزيلا فايرفوكس. بعد التثبيت ، سيظهر رمز خطأ أصفر في الزاوية اليمنى العليا من المتصفح. انقر فوقه أو اضغط على المفتاح F12 وفي الجزء السفلي من الشاشة ، سيظهر رمز الصفحة في نسخة مطوية. يمكن فتحه بتمرير الماوس فوق علامات الجمع. وإذا نقرت على سطر أحد العناصر ، فسيتم تمييزه أعلى الشاشة. على الجانب الأيمن من النافذة التي تحتوي على الكود ، ستجد أنماطًا تشير إلى الخطوط المسؤولة عن المظهر. وسيتضح على الفور المكان الذي تحتاج فيه إلى تعديل ملف النمط لتغيير التصميم.
الخطوة 6
افتح style.css في Notepad ++. يمكنك استخدام برامج أخرى مصممة لتحرير الكود ، ولكن لهذا الغرض لا يمكنك استخدام "المفكرة" القياسي ، وإلا ستكون هناك أخطاء بسبب الترميز. استخدم FireBug للعثور على المعلمات التي تريد تغييرها وتعديلها في Notepad ++ في نفس الوقت.
الخطوة 7
احفظ ملف css الأخير وقم بتحميل الملف على الخادم.
