نحوه تطبیق الگو

2024 نویسنده: Timothy Dodson | [email protected]. آخرین اصلاح شده: 2023-12-16 06:48

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

ضروری است

- الگوی سایت ؛
- برنامه فتوشاپ ؛
- برنامه افزودنی برای FireBug مرورگر ؛
- ویرایشگر ++ دفترچه یادداشت.

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

مرحله 1

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

گام 2

بیشتر تصاویر موجود در الگو را اصلاح کنید. هر تصویر را به صورت زیر جایگزین کنید. فتوشاپ را راه اندازی کرده و یکی از پرونده های گرافیکی الگو را در آن باز کنید. در منوی "Image" در ستون "Size" پارامترهای تصویر را جستجو کنید. یک برگ جدید با همان ابعاد باز کنید و تصویر مورد نیاز خود را روی آن ایجاد کنید. نتیجه را در پوشه الگو در زیر نام فایل گرافیکی ذخیره کنید تا جایگزین شود. بنابراین ، جایگزینی تمام تصاویر معنی دار ضروری است.

مرحله 3

بقیه پارامترها را با استفاده از جداول آبشاری style.css ، یک زبان برنامه نویسی رسمی که ظاهر یک سند را توصیف می کند ، تغییر دهید. انجام چنین تغییراتی از طریق پنل مدیریت راحت تر است و بهتر است نتایج را در هاست محلی مشاهده کنید تا هر بروزرسانی را بر روی سرور بارگذاری نکنید.

مرحله 4

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