نحوه ویرایش الگوی وب سایت

فهرست مطالب:

نحوه ویرایش الگوی وب سایت
نحوه ویرایش الگوی وب سایت

تصویری: نحوه ویرایش الگوی وب سایت

تصویری: نحوه ویرایش الگوی وب سایت
تصویری: ویرایش و نوشتن روی فایل‌های پی دی اف 2024, ممکن است
Anonim

هنگام ایجاد سایت ها ، اغلب از الگوهای آماده موجود در شبکه استفاده می شود. گاهی اوقات هزاران بار توسط کاربران بارگیری می شوند ، منابع ایجاد شده بر اساس آنها از نظر ظاهری بسیار مشابه هستند. برای اینکه سایت از طراحی فردی برخوردار باشد ، باید الگوی آن ویرایش شود.

نحوه ویرایش الگوی وب سایت
نحوه ویرایش الگوی وب سایت

لازم است

  • - الگوی سایت ؛
  • - نرم افزار Dreamweaver.

دستورالعمل ها

مرحله 1

بهترین روش کار با الگوها Dreamweaver است که می توانید از اینترنت بارگیری کنید. این برنامه یکی از بهترین ابزارها برای ایجاد یک وب سایت است ، به شما امکان می دهد صفحات را هم به صورت تصویری و هم با استفاده از ویرایشگر کد ویرایش کنید.

گام 2

Dreamweaver را بارگیری و نصب کنید و آن را راه اندازی کنید. الگوی مورد نظر خود را در آن باز کنید. لطفا توجه داشته باشید که الگو باید درست انتخاب شود تا کار به حداقل برسد. هنگام انتخاب آن ، روی طرح عناصر موجود در صفحه تمرکز کنید ، نه طرح رنگ. اگر می خواهید وب سایتی ایجاد کنید که متفاوت از وب سایت دیگر باشد ، باز هم باید طرح رنگ آن را تغییر دهید ، بنابراین بهتر است الگویی با طرح مناسب انتخاب کنید که نیازی به انجام مجدد آن نیست و از قبل آن را در بلاقاصله.

مرحله 3

راحت تر است که فرایند ویرایش را با یک مثال خاص در نظر بگیرید. هر یک از الگوهای html را بارگیری کنید - به عنوان مثال ، این یکی: https://web-silver.ru/templates/sites/086/086.zip. آن را از حالت فشرده خارج کنید ، سپس فایل html را در Dreamweaver باز کنید. به کلید حالت در گوشه بالا سمت چپ - "کد" ، "جدا" ، "طراحی" توجه کنید. با جابجایی بین حالت ها ، می توانید الگو را به راحت ترین روش برای خود ویرایش کنید.

مرحله 4

به نمای "طراحی" بروید ، سپس با موس روی هر یک از عناصر کلیک کنید - به عنوان مثال سر صفحه ، در مثال الگوی حاوی متن رودخانه است. لطفا توجه داشته باشید که خصوصیات این عنصر صفحه در پایین پنجره برنامه ظاهر شده است. به طور خاص ، عرض ، ارتفاع ، تصویر مورد استفاده نشان داده شده است. می توانید اندازه سربرگ را با تعیین آنها در قسمت های مناسب یا به سادگی با کشیدن نشانگرهای حاشیه ای روی خود هدر تغییر دهید. تصویر را تغییر دهید ، برای این کار تصویر مورد نیاز خود را در همان اندازه انتخاب کرده و به جای تصویر اصلی وارد کنید.

مرحله 5

شما می توانید هر عنصر را به همان روش ساده تغییر دهید. به عنوان مثال ، رنگ متن ، پس زمینه صفحه ، عنوان پیوند و غیره و غیره. اگر در پنجره طراحی کاری انجام نشد ، همیشه می توانید اصلاحات لازم را مستقیماً در کد انجام دهید. قبل از شروع کار ، فایل اصلی را در مکانی جداگانه ذخیره کنید. در حین کار ، نتایج آن را به صورت پرونده های جداگانه با نام های مختلف ذخیره کنید ، به شما این امکان را می دهد که هر زمان خواستید برگردید. با کمی تمرین با Dreamweaver ، می توانید به سرعت و به راحتی هر الگویی را ویرایش کنید.

توصیه شده: