بلاگ تخصصی دات نت نیوک ایران

وبلاگ تخصصی دات نت نیوک فارسی

بلاگ تخصصی دات نت نیوک ایران

وبلاگ تخصصی دات نت نیوک فارسی

این بلاگ با هدف رشد و فراگیر شدن دات نت نیوک در بین فارسی زبانان و مرجع کاملی برای شروع دات نت نیوک ، یادگیری، دانلود ماژول و اسکین، ماژول نویسی و فارسی سازی و اخبار روزانه آن خواهد بود

نویسندگان

۸ مطلب با موضوع «آموزش :: ساخت پوسته» ثبت شده است

برای اینکار کافی است با نام چیدمان مورد نظر یک فایل با پسوند 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 و 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 کیلوبایت

۲ نظر موافقین ۱ مخالفین ۰ ۳۰ بهمن ۹۴ ، ۱۲:۴۸


در طراحی بنر از بیش از ۳ یا ۴ رنگ استفاده نکنید.
از ترکیبی از رنگهای گرم و شاد استفاده کنید.(مناسب های شاد)
حداکثر ۲ تا ۳ نوع فونت رو بکار بگیرید.
نوشته‌های بنر می تواند کلمات کلیدی تشکیل‌دهنده ی سایت شما نیز باشند.
اسم بنر(عکس) را برای شناسای بهتر سایت و جستجوگر ها به انگلیسی تایپ کنید
در ساخت بنر میزان تراکم نوشته را به میزان فضای مناسبت اختصاص دهید (تعداد زیاد نوشته باعث سردرگمی، سردرد یا عدم بازدید بنر می شود)
نوشته های بنر باید خوانا و تا حد ممکن از فاصله های مشخصی داشته باشند
زیاد بر روی مواج و یا معکوس یا چرخش متن تمرکز نکنید باعث ناخوانایی می گردد
از کلماتی گول زننده و عباراتی مثل کلیک کنید خودداری کنید.
تاجای ممکن حجم بنر رو کم کنید (این نکته ممکنه ساده باشه ولی خیلی مهمه!)
۰ نظر موافقین ۰ مخالفین ۰ ۲۵ آبان ۹۴ ، ۱۷:۴۲
http://themenow.net/images/nextbiz-responsive.png
با توجه به پیشرفت روز افزون علم در ضمینه های مختلف، طراحی نمایشگر های مختلف اعم از موبایل و تبلت و مانیتورهایی با اندازه های گوناگون، هر روز رو به افزایش است. حال فرض کنید شما سایتی دارید که برروی صفحه نمایش بدرستی نشان داده می شود، اما بدلیل فقدان امکان واکنش گرایی در موبایل ها و کلیه نمایشگرهای کوچکتر از مانیتور، کاربران سایت شما مجبورند با تعداد قابل ملاحضه ای بزرگنمایی به اطلاعات سایت شما دسترسی پیدا کنند.
برای جلوگیری از این منظور با پیشرفت کدنویسی های مخصوص طراحی سایت، الگوریتم های مختلفی جهت پیاده سازی سایت ها، با توجه به نمایشگری که آنها را نشان می دهد، ارائه شد. یکی از بهترین و محبوب ترین الگوریتم های ساخت قالب های سایت به صورت واکنش گرا، استفاده از فریم ورک توییتر بوت استرپ (Bootstrap) است. شما با طراحی ظاهر سایت خود به صورت واکنش گرا، می توانید کلیه کاربران خود را که با دستگاه های مختلف وارد سایت شما می شوند راضی نگه دارید و باعث شوید نمایش صحیحی از سایت خود برروی نمایشگرهای آنها داشته باشید. این امر تاثیر بسزایی در پیشرفت سایت شما خواهد داشت، چرا که بیش از 35% بازدید های اینترنتی امروزه توسط دستگاه های موبایل و تبلت انجام می شود. اگر تا امروز قالب سایت شما واکنش گرا نیست، فرصت را از دست ندهید، با هزینه ای مناسب و تغییر قالب سایت خود و مجهز کردن آن به آخرین تکنولوژی های طراحی سایت از مزایای زیر بهره مند شوید:
  • نمایش صحیح در تمامی مرورگرهای اینترنتی
  • نمایش صحیح و واکنش گرایی کامل در تمامی نمایشگرها اعم از موبایل و تبلت
  • جلب رضایت و اعتماد مشتریان سایت، زیرا که مشتریان شما با ظاهر سایت ارتباط برقرار می کنند.
  • تاثیر بسزا در رنک سایت بدلیل تبدیل قالب های 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>
<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”
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>
<object id="dnnLOGIN" codetype="dotnetnuke/server" codebase="LOGIN">
    <param name="CssClass" value="user" />
</object>

 منبع: رستا سافت

۱ نظر موافقین ۰ مخالفین ۰ ۰۸ ارديبهشت ۹۳ ، ۱۶:۴۴