برای اینکار کافی است با نام چیدمان مورد نظر یک فایل با پسوند doctype.xml بسازیم.
<SkinDocType> <![CDATA[<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">]]> </SkinDocType>
بلاگ تخصصی دات نت نیوک ایران
وبلاگ تخصصی دات نت نیوک فارسی
این بلاگ با هدف رشد و فراگیر شدن دات نت نیوک در بین فارسی زبانان و مرجع کاملی برای شروع دات نت نیوک ، یادگیری، دانلود ماژول و اسکین، ماژول نویسی و فارسی سازی و اخبار روزانه آن خواهد بود
طبقه بندی موضوعی
-
آموزش
(۱۵۷)-
آموزش نصب
(۱۶) -
آموزش نصب ماژول و اسکین
(۱۰) -
ماژول نویسی
(۵) -
seo
(۲۵) -
راهبری دات نت نیوک
(۱۶) -
ساخت پوسته
(۸)
-
asp.net
(۱۴) -
css
(۷) -
html
(۱۶) -
host
(۸) -
Sql
(۷) -
php
(۱۰)
-
-
دانلود پوسته
(۱۴) -
فروشگاه
(۱۲) -
دامنه-domain
(۳۸) -
اخبار
(۳۸)
کلمات کلیدی
بایگانی
- تیر ۱۳۹۶ (۴)
- خرداد ۱۳۹۶ (۱)
- دی ۱۳۹۵ (۱)
- آبان ۱۳۹۵ (۴)
- مهر ۱۳۹۵ (۳)
- شهریور ۱۳۹۵ (۸)
- مرداد ۱۳۹۵ (۶)
- تیر ۱۳۹۵ (۵)
- خرداد ۱۳۹۵ (۲)
- ارديبهشت ۱۳۹۵ (۱۰)
- فروردين ۱۳۹۵ (۱)
- اسفند ۱۳۹۴ (۱۳)
- بهمن ۱۳۹۴ (۷)
- دی ۱۳۹۴ (۱۱)
- آبان ۱۳۹۴ (۱)
- شهریور ۱۳۹۴ (۳)
- مرداد ۱۳۹۴ (۲)
- تیر ۱۳۹۴ (۱)
- خرداد ۱۳۹۴ (۴)
- فروردين ۱۳۹۴ (۲)
- اسفند ۱۳۹۳ (۶)
- بهمن ۱۳۹۳ (۶)
- دی ۱۳۹۳ (۴)
- آذر ۱۳۹۳ (۹)
- آبان ۱۳۹۳ (۱۸)
- مهر ۱۳۹۳ (۱۸)
- شهریور ۱۳۹۳ (۱۰)
- مرداد ۱۳۹۳ (۱۱)
- تیر ۱۳۹۳ (۱۸)
- خرداد ۱۳۹۳ (۱۸)
- ارديبهشت ۱۳۹۳ (۱۱)
- فروردين ۱۳۹۳ (۲۱)
آخرین مطالب
- ۹۶/۰۴/۱۸بهینه‌سازی موتور جستجو
- ۹۶/۰۴/۱۱من و دیانان ۹ - دات نت نیوک 9
- ۹۶/۰۳/۲۱۱۰ ابزار رایگان بازاریابی اینترنتی
پربیننده ترین مطالب
- ۹۳/۰۱/۱۱ماژول چیست
- ۹۳/۰۱/۳۱توکن چیست؟ کاربرد آن به چه صورت است؟
محبوب ترین مطالب
- ۹۳/۰۱/۱۲انتشار دات نت نیوک فارسی نسخه 7.2.2
- ۹۴/۱۱/۳۰دانلود اسکین Profound باز طراحی شده
- ۹۳/۰۹/۲۱امنیت سایت خود را آنلاین چک کنید
مطالب پربحث‌تر
نویسندگان
- magic magic (236)
- سید محمد آذربرا (3)
پیوندهای روزانه
در این مطلب ابتدا سعی می‌کنیم تعاریف اولیه و مفاهیم مورد نیاز برای پیاده سازی یک قالب جدید برای دات نت نیوک را توضیح داده و در خلال آن برای درک بهتر یک اسکین جدید پیاده‌سازی کنیم.
مفاهیم پایه
دات نت نیوک از دو نوع اسکین HTML و ASCX پشتیبانی می‌کند. اسکین‌های HTML نیز هنگام نصب به ASCX تبدیل می‌شوند. هر اسکین شامل دو بخش است، اسکین (Skin) و کانتینر (Container) که می‌توانند در قالب یک پکیج (Package) و یا به صورت جداگانه نصب شوند.
اصطلاحات و ترمینولوژی
Layout: هر اسکین می‌تواند شامل چند چیدمان (Layout) باشد. منظور از چیدمان داشتن محل‌های مختلف قرار گیری المان‌های صفحه است.
فایل‌های Stylesheet: همچنین برای هر اسکین یک skin.css و برای هر چیدمان داخل آن یک فایل CSS با نام آن وجود خواهد داشت. فایل‌های CSS توضیح داده شده در صورت وجود به صورت خودکار وارد می‌شوند. به عنوان مثال برای چیدمان index.html فایل‌های skin.css و index.css در صورت وجود بارگذاری می‌شوند.
Pane: هنگام تعریف چیدمان‌ها (Layout) باید ناحیه‌هایی که قرار است در محیط مدیریت محتوای آن تعیین شوند را مشخص کنیم. به این ناحیه‌ها که در فایل‌های چیدمان تعریف می‌کنیم Pane گفته می‌شود. اینکه هر Pane چگونه پر شود کار کانتینر (Container) است.
Artisteer نرم افزاری قدرتمند در زمینه
طراحی و ساخت قالب است که به کاربران اجازه ایجاد وب سایت در عرض چند
دقیقه، حتی بدون نیاز به دانستن هر چیزی در مورد ویرایش گرافیکی یا HTML را
می دهد. توسط این نرم افزار می توانید به طراحی وب، ویرایش و تبدیل، برش
گرافیکی، برنامه نویسی XHTML و CSS، ساخت قالب های CMS و … ، بدون فتوشاپ
یا Dreamweaver و هیچ مهارت های فنی را می دهد. همچنین می توانید اقدام به
ایجاد تمپلت های Joomla ،Drupal،Wordpress DotNetNuke skins ،Blogger
نمایید. ساخت و ویرایش صفحات، لایه بندی پروژه و ویرایش لایه ها، استفاده
از آرشیو عکس های موجود در نرم افزار و … از ویژگی های این نرم افزار می
باشد.
قابلیت های کلیدی نرم افزار Artisteer:
- طراحی قالب های وبلاگ و وب سایت
- عدم نیاز به دانش Photoshop ،CSS ،HTML و …
- ساخت قالب های CMS
- ایجاد تمپلت های Joomla ،Drupal،Wordpress DotNetNuke skins ،Blogger
- ساخت و ویرایش صفحات
- امکان لایه بندی پروژه و ویرایش لایه ها
- استفاده از آرشیو عکس های موجود در نرم افزار
- و …
پوسته
اسکین فوق کارآمد سبک و دارای کانتینیر های زیبا می باشد
حال ما نسخه جدید از آن را باز طراحی کردیم که زیبایی دوچندان نسبت به گذشته دارد
همچنین حجم آن پنجاه درصد کمتر شده است
پس از درج نظر اسکین برای دانلود قرار خواهد گرفت.
دریافت
حجم: 208 کیلوبایت
در طراحی بنر از بیش از ۳ یا ۴ رنگ استفاده نکنید.
از ترکیبی از رنگهای گرم و شاد استفاده کنید.(مناسب های شاد)
حداکثر ۲ تا ۳ نوع فونت رو بکار بگیرید.
نوشته‌های بنر می تواند کلمات کلیدی تشکیل‌دهنده ی سایت شما نیز باشند.
اسم بنر(عکس) را برای شناسای بهتر سایت و جستجوگر ها به انگلیسی تایپ کنید
در ساخت بنر میزان تراکم نوشته را به میزان فضای مناسبت اختصاص دهید (تعداد زیاد نوشته باعث سردرگمی، سردرد یا عدم بازدید بنر می شود)
نوشته های بنر باید خوانا و تا حد ممکن از فاصله های مشخصی داشته باشند
زیاد بر روی مواج و یا معکوس یا چرخش متن تمرکز نکنید باعث ناخوانایی می گردد
از کلماتی گول زننده و عباراتی مثل کلیک کنید خودداری کنید.
تاجای ممکن حجم بنر رو کم کنید (این نکته ممکنه ساده باشه ولی خیلی مهمه!)
از ترکیبی از رنگهای گرم و شاد استفاده کنید.(مناسب های شاد)
حداکثر ۲ تا ۳ نوع فونت رو بکار بگیرید.
نوشته‌های بنر می تواند کلمات کلیدی تشکیل‌دهنده ی سایت شما نیز باشند.
اسم بنر(عکس) را برای شناسای بهتر سایت و جستجوگر ها به انگلیسی تایپ کنید
در ساخت بنر میزان تراکم نوشته را به میزان فضای مناسبت اختصاص دهید (تعداد زیاد نوشته باعث سردرگمی، سردرد یا عدم بازدید بنر می شود)
نوشته های بنر باید خوانا و تا حد ممکن از فاصله های مشخصی داشته باشند
زیاد بر روی مواج و یا معکوس یا چرخش متن تمرکز نکنید باعث ناخوانایی می گردد
از کلماتی گول زننده و عباراتی مثل کلیک کنید خودداری کنید.
تاجای ممکن حجم بنر رو کم کنید (این نکته ممکنه ساده باشه ولی خیلی مهمه!)
- نمایش صحیح در تمامی مرورگرهای اینترنتی
- نمایش صحیح و واکنش گرایی کامل در تمامی نمایشگرها اعم از موبایل و تبلت
- جلب رضایت و اعتماد مشتریان سایت، زیرا که مشتریان شما با ظاهر سایت ارتباط برقرار می کنند.
- تاثیر بسزا در رنک سایت بدلیل تبدیل قالب های HTML به HTML5
- تاثیر بسزا در بهینه سازی سایت بدلیل استفاده از تگ های جدید و کدهای بهینه سازی شده
تعیین DOCTYPE برای اسکین
برای اینکار کافی است با نام چیدمان مورد نظر یک فایل با پسوند doctype.xml بسازیم.
<SkinDocType> <![CDATA[<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">]]> </SkinDocType>
تعریف ناحیه‌ها
برای تریف یک المان HTML به عنوان Pane باید ویژگی زیر را یه آن اضافه کنیم.
runat=”server”
همچنین ID آن باید یه کلمه Pane ختم شود. این نکته را فرآموش نکنید که تک های td، div، span و p برای تعرین ناحیه‌ها در دات نت نیوک قابل قبول هستند.
Skin object ها
مفهوم Skin object را قبلا توضیح دادیم. موارد زیر به صورت پیش فرض به عنوان Skin object در دات نت نیوک موجود هستند. این موارد قابل گسترش می‌باشند. مستندات هریک را از اینجا بخوانید.
| BANNER | BREADCRUMB | COPYRIGHT |
| CURRENTDATE | DOTNETNUKE | HELP |
| HOSTNAME | LANGUAGE | LEFTMENU |
| LINKS | LOGIN | LOGO |
| MENU | NAV | PRIVACY |
| SEARCH | SOLPARTMENU | STYLES |
| TAGS | TERMS | TEXT |
| TREEVIEW | USER |
برای اضافه کردن یک Skin object کافی است آن را با تگ‌های Object و Param در فایل HTML خود تعریف کنید.
<object id="dnnLOGIN" codetype="dotnetnuke/server" codebase="LOGIN"> <param name="CssClass" value="user" /> </object>
منبع: رستا سافت