نکات ریز طراحی وب

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

طبقه بندی موضوعی
چهارشنبه, ۸ دی ۱۳۹۵، ۰۶:۳۷ ق.ظ

تایپ نیم‌فاصله در ویندوز ۱۰

برای تایپ نیم‌فاصله اول باید توی control panel کیبرد persian standard رو فعال کنین. گاهی این کیبرد فعال هست منتها چون خود کیبرد persian هم فعال هست پیش‌فرض persian محسوب می‌شه و نمی‌تونین نیم‌فاصله تایپ کنین. برای فعال کردن persian standard اول وارد control panel بشین بعد region رو انتخاب کنین. تو پنجره باز شده مثل شکل پایین روی language preferences کلیک کنین

نیم‌فاصله



بعد تو پنجره باز شده مثل شکل پایین کنار ردیف فارسی روی گزینه option کلیک کنین

تایپ نیم‌فاصله


بعد از اون هم مثل شکل پایین اگر persian دارین remove رو بزنین و حذفش کنین تا فقط persian standard بمونه اگر هم persian standard رو نداشتین می‌تونین با انتخاب add اضافش کنین.

نیم فاصله

بعد با کلیدهای ترکیبی shift + space می‌تونین نیم‌فاصله تایپ کنین.

۰ نظر موافقین ۰ مخالفین ۰ ۰۸ دی ۹۵ ، ۰۶:۳۷
مهر آ.
سه شنبه, ۲۳ ارديبهشت ۱۳۹۳، ۰۵:۵۹ ب.ظ

ارور پیدا نکردن منبع کنترل های Ajax

اگه تو پروژتون از کنترل های Ajax استفاده کردین و هنگام اجرا برنامه ابن ارور رو داده :

Could not find any resources appropriate for the specified culture or the neutral culture


برای حل این مشکل شما باید ScriptManager رو به تگ Form اضافه کنین اگه بخواین از کنترل های ajax تو صفحاتی استفاده کنین که از MasterPage استفاده میکنن باید ScriptManager رو یه بار به تگ Form مسترپیجتون اضافه کنین :

فقط دقت کنین که اسکریپ منیجرو باید ببندین

۰ نظر موافقین ۰ مخالفین ۰ ۲۳ ارديبهشت ۹۳ ، ۱۷:۵۹
مهر آ.
سه شنبه, ۲۳ ارديبهشت ۱۳۹۳، ۰۵:۴۴ ب.ظ

استفاده از کنترل های Ajax در Visual studio 2012

ویژوال استدیو خیلی از کنترل هایی که ما لازم داریم رو نداره به طور مثال شما تو طراحی سایت وقتی میخواین یه پست جدید ارسال کنین مجبورین یه Text box بگذارین که ادمین سایت پست جدید رو تو اون بنویسه و پست کنه خوب این ادمین نمی تونه روی متن تغییراتی ایجاد کنه به طور مثال اینکه راست چین باشه چپ چین باشه یا رنگش چی باشه فونتش چی باشه که شما مجبورین خودتون یه editor طراحی کنین که خیلی زمان بره برای حل مشکلایی مثل این ما می تونیم از کنترل های Ajax استفاده کنیم که به طور مثال یکیش همین editor حالا برای استفاده از کنترل های Ajax اول باید فایل dll اونا رو به ویژوال استدیو اضافه کنین اگه ندارین فایلو میتونین از لینک پایین دانلودش کنین :


دانلود Ajax control ToolKit

بعد از اینکه دانلود کردین فایل ها رو extract کنین بعد مراحل پایینی که نوشتمو ادامه میدین و به همین سادگی و خوشمزگی استفاده کنین :دی

اول روی پنجره ToolBox راست کلیک کنین AddTab رو بزنین

این قسمت اختیاریه میتونین اسم تب رو عوض کنین به طور مثال اینجا گذاشتیم Ajax Toolkit

بعد روی tab که ساختین کلیک کنین گزینه choose Items رو انتخاب کنین

بعدش تو پنجره ای که باز شده رو Brows کلیک کنین و AjaxControlToolkit.dll رو انتخاب کنین ok رو بزنین

۰ نظر موافقین ۰ مخالفین ۰ ۲۳ ارديبهشت ۹۳ ، ۱۷:۴۴
مهر آ.
دوشنبه, ۲۲ ارديبهشت ۱۳۹۳، ۰۸:۴۵ ب.ظ

مشخص کردن عرض و ارتفاع دلخواه برای تگ a و یا hyperlink

اگه تا به حال برای تگ a یا hyperlink استایل داده باشین متوجه میشین که عرض و ارتفاعی که مشخص میکنین رو تگ اعمال نمیشه این به خاطر اینه که تگ a شی inline مثل مثال های قبل کافیه اول مشخصه display رو block تنظیم کنیم تا مشکل حل بشه و عرض و ارتفاع دلخواهمون رو اعمال کنیم

۰ نظر موافقین ۰ مخالفین ۰ ۲۲ ارديبهشت ۹۳ ، ۲۰:۴۵
مهر آ.
جمعه, ۱۲ ارديبهشت ۱۳۹۳، ۰۵:۱۰ ب.ظ

تغییر رنگ نشانه (bullet) در css

در Css برای تغییر رنگ نشانه یا bullet کافیه برای ul یا li استایل بدیم و خاصیت color رو تنظیم کنیم به طور مثال :
<"ul style="color:red>

  

۱ نظر موافقین ۰ مخالفین ۰ ۱۲ ارديبهشت ۹۳ ، ۱۷:۱۰
مهر آ.
جمعه, ۲۹ فروردين ۱۳۹۳، ۰۳:۱۱ ب.ظ

تنظیم margin-top برای label در Css

اگه بخواین برای لیبلتون استایل بدین میبینین که margin-top توی لیبل کار نمیکنه برای اینکه این margin-top رو تنظیم کنیم باید مقدار display رو block تنظیم کنیم به طور مثال :
<"asp:Label runat="server" Style="display:block; margin-top:250px>

 

۰ نظر موافقین ۰ مخالفین ۰ ۲۹ فروردين ۹۳ ، ۱۵:۱۱
مهر آ.
جمعه, ۱۵ فروردين ۱۳۹۳، ۰۶:۲۱ ب.ظ

متن پیش فرض داخل تکست باکس در Asp

توی اکثر سایت ها معمولا یه تکست باکس برا جستجو یا برای عضویت در خبرنامه یا موارد دیگه قرار میدن که یه متنی توش نوشه میشه که شرح میده اون تکست باکس برای چیه مثلا مینویسن "جستجو" که  شما روش کلیک میکنین و متن مورد نظر خودتونو مینویسین برای انجام این کار کافیه خاصیت placeholder تکست باکس رو اون متنی که میخوایم نمایش داده بشه تنظیم کنیم به طور مثال :
<"جستجو"=asp:TextBox runat="server" placeholder>

۱ نظر موافقین ۰ مخالفین ۰ ۱۵ فروردين ۹۳ ، ۱۸:۲۱
مهر آ.
جمعه, ۱۵ فروردين ۱۳۹۳، ۱۲:۲۲ ب.ظ

وسط چین کردن کنترل ها در Asp

تو asp.net برای وسط چین کردن کافیه margin : 0 auto تنظیم کنیم اما وقتی میخوایم بعضی کنترل ها رو مثل لیبل یا تکست باکسو وسط چین کنیم به مشکل برمیخوریم برای حل این مشکل میتونیم از تگ center استفاده کنیم ولی چون این تگ منسوخ شده بهتره از این روش استفاده نکنیم برای وسط چین کردن کافیه اول display رو block کنیم بعد خاصیت text-align رو center تنظیم کنیم.

مثلا وقتی میخوایم یه label و وسط چین کنیم:

<"asp:Label runat="server" Style="display:block; text-align:center>


۰ نظر موافقین ۰ مخالفین ۰ ۱۵ فروردين ۹۳ ، ۱۲:۲۲
مهر آ.
Normal 0 false false false EN-US X-NONE AR-SA MicrosoftInternetExplorer4

وقتی که میخوایم متن یه label رو یا textbox رو یا حالا یه متنی رو زیر خط دار کنیم وقتی که ماوس روش قرار میگیره در واقع باید برای رویداد onmouseenter کد بنویسیم برای مثال :

یا برای تغییر رنگ متن :

یا میتونیم به جای نوشتن رنگ از کد رنگ استفاده کنیم :

حالا اگه بخوایم وقتی ماوس از روی متن خارج شد رنگ متن به حالت اولیه برگرده یا زیرخط حذف بشه باید همین دستورات رو تو رویداد onmouseout بنویسیم مثال حذف زیر خط متن وقتی ماوس از روی متن خارج میشه :

در واقع ما از دستورات جاوااسکریپت استفاده کردیم که دارای رویدادهای زیادی هست و خیلیم کاربردین اما شرح دستورات با چن تا مثال :

 

}onmouseenter

;'this.style.backgroundcolor='red

;'this.style.display='none

;'this.style.display='block

;'this.style.cursor='pointer

{

توضیح مثال بالا : اول باید دقت کنیم که چهار خط دستور بالا داخل رویداد onmouseenter نوشته شدن یعنی هر وقت اشاره گر ماوس وارد اون کنترلی که ما این رویدادو براش نوشتیم بشه این دستورات اجرا میشه this به کنتری که داریم براش کد مینویسیم اشاره میکنه یعنی برای اینکه لازم نباشه اسم کنترل رو ذکر کنیم از this استفاده میشه بعد مشخص میکنیم که میخوایم استایل های این کنترل رو تغییر بدیم و بعد اسم اون صفتی که میخوایم تغییر بدیمو مینویسیم برای مثال اولین خط رنگ پس زمینه رو قرمز میکنه دومین خط اون کنترل رو مخفی میکنه ینی نشون داده نمیشه چون این دستور داخل onmouseenter نوشته شده به محض این که اشاره گر ماوس روی این کنترل قرار بگیره اول رنگ پس زمینه قرمز میشه بعد نشون داده نمیشه تو سومین خط گفتیم دوباره کنترل رو نشون بده اگه display رو block قرار بدیم نشون داده میشه و در اخرین خط گفتیم هر وقت اشاره گر وارد این کنترل شد اشاره گر ماوس به صورت pointer نشون داده بشه

۰ نظر موافقین ۰ مخالفین ۰ ۱۵ فروردين ۹۳ ، ۱۲:۲۱
مهر آ.