ساده ترین راه برای ایجاد وب سایت استفاده از الگو است. با این حال ، برای اینکه منبع برجسته شود ، باید طرح پیش فرض را تغییر دهید. و در اینجا بدون دانش مقدماتی در مورد html و css نمی توانید کار کنید.
دستورالعمل ها
مرحله 1
الگوی وب سایت را که بیشتر به شما مناسب است در اینترنت پیدا کنید. به قابلیت های آن ، قابلیت انطباق با اندازه مانیتور ، ویژگی های منو و طرح ستون ها توجه کنید. نسخه مورد علاقه خود را در رایانه خود بارگیری کنید ، بایگانی را از حالت بسته خارج کنید. با بارگذاری پرونده ها در ریشه سایت ، عملکرد آن را بررسی کنید. شاید الگوی حاوی خطاهایی باشد و به درستی نصب نشود ، بنابراین در آینده کار با آن فایده ای نخواهد داشت.
گام 2
حتی اگر نمی خواهید الگو را به طور کامل دوباره انجام دهید ، بیشتر تصاویر و به ویژه آنهایی را که به عنوان آرم قرار دارند جایگزین کنید. هر تصویر را به این روش جایگزین کنید:
- فایل گرافیکی را در برنامه Photoshop باز کنید.
- در منوی "تصویر" - "اندازه تصویر" به پارامترهای آن نگاه کنید ؛
- یک ورق جدید را دقیقاً با همان ابعاد باز کنید ؛
- ایجاد تصویر دلخواه با استفاده از ابزارهای کاربردی ؛
- تمام لایه ها را صاف کنید و یک تصویر جدید را با همان نام و در همان پوشه ذخیره کنید ، و قالب اصلی را تنظیم کنید.
بنابراین ، به جای یک تصویر ، دیگری باید ظاهر شود.
مرحله 3
به محض تغییر همه تصاویر ، پوشه را با فایلها فشرده کنید (در مورد جوملا) و آن را از طریق پنل مدیریت سایت در منوی "برنامه های افزودنی" بارگذاری کنید. ببینید آیا موضوع با تصاویر جدید به درستی نمایش داده می شود یا خیر.
مرحله 4
بقیه پارامترها را در style.css تغییر دهید. علاوه بر این ، انجام این کار نه از طریق پنل مدیریت ، بلکه از طریق رایانه بسیار راحت تر است. منطقی است که از localhost (دنور) استفاده کنید تا نتیجه تغییرات را در اسرع وقت مشاهده کنید. با این کار نیازی نیست که هر بار نتیجه را در سرور بارگذاری کنید تا نتایج پس از ویرایش بعدی مشاهده شود.
مرحله 5
افزونه FireBug رایگان را برای Mozilla Firefox بارگیری کنید. پس از نصب ، یک نماد اشکال زرد در گوشه سمت راست بالای مرورگر ظاهر می شود. روی آن کلیک کنید یا کلید F12 را فشار دهید و در پایین صفحه ، کد صفحه در یک نسخه فروپاشیده شده ظاهر می شود. با قرار دادن ماوس روی علائم بعلاوه می توان آن را باز کرد. و اگر روی خط یک عنصر کلیک کنید ، در بالای صفحه برجسته می شود. در سمت راست پنجره با کد ، سبک هایی را پیدا می کنید که خطوطی را نشان می دهد که وظیفه ظاهر را دارند. و بلافاصله مشخص می شود که برای تغییر طرح باید به کجا فایل سبک را ویرایش کنید.
مرحله 6
style.css را در Notepad ++ باز کنید. می توانید از برنامه های دیگری که برای ویرایش کد طراحی شده اند استفاده کنید ، اما برای این منظور نمی توانید از "دفترچه یادداشت" استاندارد استفاده کنید ، در غیر این صورت به دلیل رمزگذاری خطاهایی رخ می دهد. با استفاده از FireBug پارامترهایی را که می خواهید تغییر دهید پیدا کنید و همزمان آنها را در Notepad ++ ویرایش کنید.
مرحله 7
css نهایی را ذخیره کرده و پرونده را در سرور بارگذاری کنید.
