نحوه ترسیم منوی سایت

فهرست مطالب:

نحوه ترسیم منوی سایت
نحوه ترسیم منوی سایت

تصویری: نحوه ترسیم منوی سایت

تصویری: نحوه ترسیم منوی سایت
تصویری: نحوه ایجاد منوی کشویی با استفاده از HTML و CSS | آموزش وب سایت HTML 2024, ممکن است
Anonim

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

نحوه ترسیم منوی سایت
نحوه ترسیم منوی سایت

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

مرحله 1

به عنوان مثال ، کار در سیستم ucoz در نظر گرفته شده است. طراحی عناصر مختلف یک سایت اغلب با استفاده از یک شیوه نامه (CSS) مشخص می شود. برای دسترسی به آن ، با استفاده از حساب سرپرست وارد صفحه کنترل شوید. در صفحه اصلی پانل ، بخش "مدیریت طراحی" را انتخاب کنید.

گام 2

در لیست کشویی صفحات قابل ویرایش ، Style Sheet (CSS) را از دسته الگوهای عمومی انتخاب کنید. به اطلاعات نوشته شده در خطوط مربوط به طراحی کلی (بلوک سبک عمومی) و به طور خاص به منو (بلوک هایی با نام Menus در نام آنها) نگاه کنید. شما باید بدانید که چه پارامترهایی برای نوار منو تنظیم شده اند: عرض ، ارتفاع ، پس زمینه پانل و دکمه ها ، تصاویر و غیره.

مرحله 3

اگر پارامترها مناسب شما نیستند ، آنها را با پارامترهای مورد نیاز خود جایگزین کنید و الگو را ذخیره کنید. پس از آن ، می توانید ویرایشگر گرافیک را شروع کرده و با استفاده از اطلاعات به دست آمده ، دکمه های خود را ترسیم کنید. آنها را ذخیره کرده و به سایت بازگردید. در منوی "Tools" ، مورد "File Manager" را انتخاب کنید یا روی پیوند با همین نام واقع در زیر بلوک کد کلیک کنید.

مرحله 4

دکمه های جدید را در سایت بارگذاری کنید (فلش های جهت دار یا سایر عناصر گرافیکی که در منو استفاده خواهید کرد). مقدار دکمه ها را در کد بنویسید (به عنوان مثال ، پس زمینه: url ("https:// پیوند به تصویر از مدیر پرونده") بدون تکرار XXpx XXpx) ، تنظیم پارامترها برای ترازبندی ، موقعیت در صفحه. سبک و اندازه قلم را برای بخشهای منو یادداشت کنید (font-family و font-size) و تغییرات دیگری را که لازم دارید ایجاد کنید.

مرحله 5

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

توصیه شده: