طرحبندی صفحات وب ASP.NET

با صفحات وب ASP.NET ، ایجاد یک وبسایت با طرحبندی سازگار کار آسانی است.

در اینترنت شما، وب سایتهای بسیاری با ظاهر منسجم و سازگار مشاهده میکنید. از جمله:

تمام صفحات، یک هدر مشترک دارند.
footer، تمام صفحات، یکی است.
تمام صفحات وبسایت، سبک و طرح های یکسانی دارند.

در صفحات وب، شما میتوانید این کار را خیلی موثر انجام دهید، شما میتوانید، بلوکهای قابل استفاده مجدد محتوا (بلوک محتوا) ، مانند header و footer را در فایل های جداگانه ذخیره کنید.

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

♦ بلوک محتوا در صفحات وب ASP.NET :

بسیاری از وبسایتها، دارای محتوای مشترکی مانند هدر و فوتر هستند، که در تمام صفحات تکرار میشوند. در صفحات وب شما میتوانید با استفاد از متد ()RenderPage@، محتوای مشترک را از فایل های جداگانه وارد صفحه مورد نظر کنید.

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

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

کد اشتراک صفحات بصورت زیر میباشد: (در تمامی مثالها به جای علامت () از <> استفاده کنید.)

طرحبندی صفحات وب ASP.NET

با صفحات وب ASP.NET ، ایجاد یک وبسایت با طرحبندی سازگار کار آسانی است.

در اینترنت شما، وب سایتهای بسیاری با ظاهر منسجم و سازگار مشاهده میکنید. از جمله:

  • تمام صفحات، یک هدر مشترک دارند.
  • footer، تمام صفحات، یکی است.
  • تمام صفحات وبسایت، سبک و طرح های یکسانی دارند.

در صفحات وب، شما میتوانید این کار را خیلی موثر انجام دهید، شما میتوانید، بلوکهای قابل استفاده مجدد محتوا (بلوک محتوا) ، مانند header و  footer را در فایل های جداگانه ذخیره کنید.

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

♦ بلوک محتوا در صفحات وب ASP.NET :

بسیاری از وبسایتها، دارای محتوای مشترکی مانند هدر و فوتر هستند، که در تمام صفحات تکرار میشوند. در صفحات وب شما میتوانید با استفاد از متد ()RenderPage@، محتوای مشترک را از فایل های جداگانه وارد صفحه مورد نظر کنید.

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

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

کد اشتراک صفحات بصورت زیر میباشد: (در تمامی مثالها به جای علامت () از <> استفاده کنید.)

(html)
(body)
@RenderPage(“header.cshtml”)
(h1)Hello Web Pages(/h1)
(p)This is a paragraph(/p)
@RenderPage(“footer.cshtml”)
(/body)
(/html)

♦ استفاده از طرح بندی صفحه  در صفحات وب ASP.NET 

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

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

صفحه طرح بندی درست مانند یک صفحه وب معمولی میباشد، فقط در جایی که صفحه محتوا باید گنجانده شود، متد ()RenderBody@ باید فراخوانی گردد.

طریقه استفاده از آن بصورت زیر است:

صفحه طرح بندی

(html)
(body)
(p)This is header text(/p)
@RenderBody()
(p)© ۲۰۱۴ W3Schools. All rights reserved.(/p)
(/body)
(/html)
هر صفحه وب
@{Layout=”Layout.cshtml”;}(h1)Welcome to W3Schools(/h1)

(p)
Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisnisi ut aliquip ex ea commodo consequat.
(/p)

با دو ابزار بلوک محتوا و طرح بندی صفحات، در ASP.NET، شما می توانید به برنامه های کاربردی وب خود ظاهر سازگار و مشابه بدهید.

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

ورکشاپ رایگان دوره های تخصصی برنامه نویسی

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

درباره‌ی برنامه نویسان

همچنین ببینید

دوره آموزش طراحی سایت با ASP.NET مشهد

آموزش طراحی سایت با ASP.NET مشهد

آموزش طراحی سایت مشهد (دوره آموزشی) : تکنولوژی ASP.NET ، یک تکنولوژی روز برای ساخت صفحات …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *