كيفية تحرير قالب موقع

جدول المحتويات:

كيفية تحرير قالب موقع
كيفية تحرير قالب موقع

فيديو: كيفية تحرير قالب موقع

فيديو: كيفية تحرير قالب موقع
فيديو: طريقة نقل اي تصميم موقع آخر إلى موقعك او السورس مجانا بدون برامج 2024, أبريل
Anonim

عند إنشاء المواقع ، غالبًا ما يتم استخدام القوالب الجاهزة الموجودة على الشبكة. يتم تنزيلها أحيانًا بواسطة المستخدمين آلاف المرات ، والموارد التي تم إنشاؤها على أساسها متشابهة جدًا في المظهر. لكي يكون للموقع تصميم فردي ، يجب تعديل القالب الخاص به.

كيفية تحرير قالب موقع
كيفية تحرير قالب موقع

انه ضروري

  • - قالب الموقع ؛
  • - برنامج دريمويفر.

تعليمات

الخطوة 1

أفضل طريقة للعمل مع القوالب هي Dreamweaver ، والتي يمكن تنزيلها من الإنترنت. يعد هذا البرنامج أحد أفضل الأدوات لإنشاء موقع ويب ، فهو يسمح لك بتحرير الصفحات بصريًا وباستخدام محرر الكود.

الخطوة 2

قم بتنزيل Dreamweaver وتثبيته وتشغيله. افتح القالب الذي تختاره فيه. يرجى ملاحظة أنه يجب تحديد القالب بشكل صحيح لتقليل العمل. عند اختياره ، ركز على تخطيط العناصر على الصفحة ، وليس نظام الألوان. إذا كنت ترغب في إنشاء موقع ويب مختلف عن الآخرين ، فلا يزال يتعين عليك تغيير نظام الألوان الخاص به ، لذلك من الأفضل اختيار قالب بتخطيط مناسب ، والذي لن يلزم إعادة بنائه ، وترتيبه بالفعل في طريق صحيح.

الخطوه 3

من الأنسب النظر في عملية التحرير بمثال محدد. قم بتنزيل أي من قوالب html - على سبيل المثال ، هذا النموذج: https://web-silver.ru/templates/sites/086/086.zip. قم بفك ضغطه ، ثم افتح ملف html في Dreamweaver. انتبه إلى مفتاح الوضع في الزاوية اليسرى العليا - "كود" ، "منفصل" ، "تصميم". من خلال التبديل بين الأوضاع ، يمكنك تحرير القالب بالطريقة الأكثر ملاءمة لك.

الخطوة 4

قم بالتبديل إلى عرض "التصميم" ، ثم انقر بالماوس على أي عنصر من العناصر - على سبيل المثال ، رأس الصفحة ، في مثال النموذج الذي يحتوي على نص النهر. يرجى ملاحظة أن خصائص عنصر الصفحة هذا ظهرت في الجزء السفلي من نافذة البرنامج. على وجه الخصوص ، يشار إلى العرض والارتفاع والصورة المستخدمة. يمكنك تغيير حجم الرأس عن طريق تحديدها في الحقول المناسبة أو ببساطة عن طريق سحب علامات الحدود على الرأس نفسه. قم بتغيير الصورة ، لذلك حدد الصورة التي تريدها بنفس الحجم وأدخلها بدلاً من الصورة الأصلية.

الخطوة الخامسة

يمكنك تغيير أي عناصر بنفس الطريقة البسيطة. على سبيل المثال ، لون النص وخلفية الصفحة وعناوين الروابط وما إلى ذلك. إلخ. إذا لم ينجح شيء ما في نافذة التصميم ، فيمكنك دائمًا إجراء التصحيحات اللازمة مباشرةً في الكود. تذكر حفظ الملف الأصلي في مكان منفصل قبل بدء العمل. أثناء عملك ، احفظ نتائجه كملفات منفصلة بأسماء مختلفة ، وهذا سيسمح لك بالعودة في أي وقت. بقليل من التدريب باستخدام Dreamweaver ، يمكنك تحرير أي قالب بسرعة وسهولة.

موصى به: