مدیریت هدرهای صفحه - Page Headers
• هدرها، بخش بالایی سایت هستند که معمولا شامل تصویر، منو، پنل جستجو، متن، لوگو و ... می باشند.
• مدیریت و طراحی هدرها در این سیستم دارای ویژگیهای زیر می باشد:
• ایجاد هدرها به تعداد نامحدود و قابلیت انتخاب هر یک از آن ها در هنگام طراحی صفحات.
• تعیین سایز هدر.
• تعریف استایل های استاندارد برای هدر، توسط ابزار طراحی استایل (تصویر و رنگ پس زمینه، رنگ متن، نوع فونت و ...)
• افزودن منو با امکان جابه جایی با ماوس.
• افزودن محتوا شامل متن های دلخواه، تصویر، لینک، فلش و ... با امکان جابه جایی و ریسایز کردن آن ها با ماوس.
• امکان جابه جایی، تعیین اولویت لایه ای (انتقال به لایه جلو یا پشت)، ویرایش، حذف، وسط چین و ... هر یک از آیتم های اضافه شده به هدر.
• امکان برگشت تغییرات به عقب یا جلو (Redo, Undo) در تمامی مراحل طراحی (Ctrl Y) (Ctrl Z).

• برای دسترسی به بخش مدیریت هدرها، روی منوی زیر کلیک کنید:

• با کلیک روی منوی بالا، به صفحه مدیریت هدرهای صفحه، هدایت می شوید:

طراحی هدر.
حذف هدر.
• برای ایجاد هدر جدید روی آیکون
کلیک کنید:


• با کلیک روی دکمه
می توانید عنوان و ارتفاع هدر را به روز رسانی کنید:


• با انتخاب تصویر پس زمینه و انجام تنظیمات مربوطه و کلیک روی دکمه OK، هدر به صورت زیر تغییر می کند:


• به عنوان مثال می خواهیم لوگوی آبادیس را به هدر اضافه کنیم:
• ابتدا لوگوی آبادیس رو به محتوا اضافه می کنیم (آموزش افزودن تصویر به محتوا در صفحه ابزار ویرایشگر متن).

• محتوای اضافه شده به هدر را می توانید با ماوس جا به جا کنید:


• با زدن کلید سمت راست ماوس روی هر محتوا منوی زیر باز می شود:

انتقال به لایه جلو : انتقال لایه محتوا به بالاترین لایه.

انتقال به لایه پشت: انتقال لایه محتوا به پایین ترین لایه.
وسط چین: قراردادن لایه در وسط (تراز افقی) هدر.
ویرایش: ویرایش محتوا.
حذف: حذف محتوا از هدر.
• اگر محتوای شما چند خط متن است و نیاز به نظم دادن (تعیین عرض برای نمایش متن) باشد، می توانید با ماوس لایه محتوا را ریسایز کنید:

• برای ریسایز کردن تصویر از روش بالا نمی توانید استفاده کنید و باید در ویرایشگر تصویر را انتخاب کرده و عمل ریسایز را انجام دهید.
• برای افزودن منو به هدر روی دکمه
کلیک کنید تا پنجره زیر باز شود:

• در پنجره بالا، منوهایی که در بخش مدیریت منوها طراحی کردید لیست می شوند.
• هر نوع منویی (افقی، عمودی و محتوایی) را می توان به هدر اضافه کرد.
• با کلیک روی دکمه
منوی مورد نظر به هدر اضافه می شود.
• برای مثال منوی پیشفرض افقی را به هدر اضافه می کنیم:

• با جا به جایی منو در محل مورد نظر، طراحی هدر ما به پایان می رسد:


چند نمونه از هدرهای طراحی شده




• هدرها، بخش بالایی سایت هستند که معمولا شامل تصویر، منو، پنل جستجو، متن، لوگو و ... می باشند.
• مدیریت و طراحی هدرها در این سیستم دارای ویژگیهای زیر می باشد:
• ایجاد هدرها به تعداد نامحدود و قابلیت انتخاب هر یک از آن ها در هنگام طراحی صفحات.
• تعیین سایز هدر.
• تعریف استایل های استاندارد برای هدر، توسط ابزار طراحی استایل (تصویر و رنگ پس زمینه، رنگ متن، نوع فونت و ...)
• افزودن منو با امکان جابه جایی با ماوس.
• افزودن محتوا شامل متن های دلخواه، تصویر، لینک، فلش و ... با امکان جابه جایی و ریسایز کردن آن ها با ماوس.
• امکان جابه جایی، تعیین اولویت لایه ای (انتقال به لایه جلو یا پشت)، ویرایش، حذف، وسط چین و ... هر یک از آیتم های اضافه شده به هدر.
• امکان برگشت تغییرات به عقب یا جلو (Redo, Undo) در تمامی مراحل طراحی (Ctrl Y) (Ctrl Z).


• با کلیک روی منوی بالا، به صفحه مدیریت هدرهای صفحه، هدایت می شوید:



• برای ایجاد هدر جدید روی آیکون


• با وارد کردن نام و ارتفاع پیشفرض و کلیک روی آیکون
هدر جدید اضافه می شود.
• برای طراحی هدر، روی آیکون
کلیک کنید تا به صفحه زیر هدایت شوید:

• برای طراحی هدر، روی آیکون


• با کلیک روی دکمه


• برای استایل دادن به هدر روی دکمه
کلیک کنید تا پنجره ابزار طراحی استایل باز شود.
• با استفاده از این ابزار، شما می توانید استایل های استاندارد را به هدر اختصاص دهید.
• از جمله استایل های مهم برای هدر، تصویر پس زمینه (به همراه تنظیمات شامل تکرار تصویر، محل قرارگیری تصویر و ...) می باشد:

• با استفاده از این ابزار، شما می توانید استایل های استاندارد را به هدر اختصاص دهید.
• از جمله استایل های مهم برای هدر، تصویر پس زمینه (به همراه تنظیمات شامل تکرار تصویر، محل قرارگیری تصویر و ...) می باشد:

• با انتخاب تصویر پس زمینه و انجام تنظیمات مربوطه و کلیک روی دکمه OK، هدر به صورت زیر تغییر می کند:

• با کلیک روی دکمه
پنجره ابزار ویرایشگر متن باز می شود و می توانید محتوا (متن، تصویر و ...) به هدر اضافه کنید:


• به عنوان مثال می خواهیم لوگوی آبادیس را به هدر اضافه کنیم:
• ابتدا لوگوی آبادیس رو به محتوا اضافه می کنیم (آموزش افزودن تصویر به محتوا در صفحه ابزار ویرایشگر متن).

• با کلیک روی دکمه OK لوگوی آبادیس به هدر اضافه می شود:

• محتوای اضافه شده به هدر را می توانید با ماوس جا به جا کنید:

• به همین صورت می توانید محتواهای دیگری را نیز به هدر اضافه کنید:

• با زدن کلید سمت راست ماوس روی هر محتوا منوی زیر باز می شود:

انتقال به لایه جلو : انتقال لایه محتوا به بالاترین لایه.

انتقال به لایه پشت: انتقال لایه محتوا به پایین ترین لایه.
وسط چین: قراردادن لایه در وسط (تراز افقی) هدر.
ویرایش: ویرایش محتوا.
حذف: حذف محتوا از هدر.
• اگر محتوای شما چند خط متن است و نیاز به نظم دادن (تعیین عرض برای نمایش متن) باشد، می توانید با ماوس لایه محتوا را ریسایز کنید:

• برای ریسایز کردن تصویر از روش بالا نمی توانید استفاده کنید و باید در ویرایشگر تصویر را انتخاب کرده و عمل ریسایز را انجام دهید.
• برای افزودن منو به هدر روی دکمه


• در پنجره بالا، منوهایی که در بخش مدیریت منوها طراحی کردید لیست می شوند.
• هر نوع منویی (افقی، عمودی و محتوایی) را می توان به هدر اضافه کرد.
• با کلیک روی دکمه

• برای مثال منوی پیشفرض افقی را به هدر اضافه می کنیم:

• با جا به جایی منو در محل مورد نظر، طراحی هدر ما به پایان می رسد:

• با کلیک سمت راست ماوس روی لایه منو، منویی مشابه منوی کانتکست محتوا باز می شود، که امکان انجام عملیات مشابه را فراهم می سازد.
• هدرهای طراحی شده در بخش طراحی صفحه لیست می شوند و می توانید هدر دلخواه را برای صفحه انتخاب کنید:
• هدرهای طراحی شده در بخش طراحی صفحه لیست می شوند و می توانید هدر دلخواه را برای صفحه انتخاب کنید:

چند نمونه از هدرهای طراحی شده



