۱۳۹۰ اردیبهشت ۱۹, دوشنبه

فارسی کردن بعضی از قسمت های ویندوز

بسیاری از اسامی آیکون های توی کنترل پنل ، اسامی منوها و گزینه های اون و چیزهای زیاد دیگه در رجیستری ویندوز تعریف شدن .(طراحی سایت)
کافیه شما بدونید در کدوم قسمت رجیسری تعریف شدن و برید اونها رو تغیر نام بدید یا نام فارسی براشون بگذارید(طراحی سایت) . لذا توی این آموزش میگیم که به چه شکل می تونید برخی از قسمت های ویندوز رو فارسی کنید یا اینکه تغیر نام بدید.(طراحی سایت)
رای انجام اینکار مراحل زیر رو طی کنید : (طراحی سایت)
۱) روی منوی Start کلیک کنید و گزینه run رو انتخاب کنید . (طراحی سایت)
۲) در پنجره run که باز میشه تایپ کنید regedit و اینتر بزنید . (تو ویستا و سون که گزینه run وجود نداره بعد از کلیک روی start در textbox زیر منوی باز شده تایپ کنید regedit و اینتر بزنید ) .  (طراحی سایت)
۳) پنجره رجیستری باز میشه . از قسمت سمت چپ پنجره به آدرس زیر برید :
- در ویندوز xp :
:: HKEY_CLASSES_USER\Software\Microsoft\Windows\ShellNoRoam\MUICache
- در ویندوز seven و ویستا :  (طراحی سایت)
:: HKEY_CLASSES_ROOT\Local Settings\MUICache\
حالا از سمت چپ پنجره ، با کلیک رو پوشه موجود در آدرس فوق و زیر پوشه های (زیر پوشه ها رو هم حتما چک کنید) اون ، در سمت راست گزینه هایی میاد که همون اسامی قسمتهایی از ویندوز هستند . از جمله اسامی آیکون های کنترل پنل ، برخی منو ها و …
با دبل کلیک روی گزینه هایی که در سمت راست می بینید می تونید اسم اونها رو تغیر بدید یا فارسی کنید .  (طراحی سایت)
نکته : قبل از اعمال این تغیرات سعی کنید از جاهایی که تغیر میدید یک فایل پشتیبان (backup) تهیه کنید .  برای اینکار از سمت چپ روی پوشه ای که قصد دارید محتویاتش رو تغیر بدید راست کلیک کرده و گزینه ی export رو بزنید و فایل بک آپ رو در جایی از هاردتون ذخیره کنید .(طراحی سایت)  بعدا اگر خواستید تغیراتی که دادید به حالت اول برگردند ، کافیه روی فایل بک آپی که گرفتید دبل کلیک کنید و گزینه ی yes رو بزنید .

۱۳۸۹ آذر ۱۰, چهارشنبه

آموزش نحوه ساختن چک باکس برای استفاده در فرمهای html


چک باکس (checkbox)

برای ساختن چک باکس هم باید از تگ <input> استفاده کنیم. برای این کار باید از checkbox به عنوان مقدار شناسه type استفاده کنیم. در اینجا یک نمونه از کدی که برای ساختن چک باکس آورده شده است:
<input name="someNeme" type="checkbox" value="مقدار مورد نظر">
در اینجا می توانید چک باکس ایجاد شده را مشاهده کنید:
در اینجا به توضیح برخی از شناسه هایی که برای چک باکس به کار می روند می پردازیم. به خاطر داشته باشید که همه این شناسه ها باید در تگ <input> به کار روند.
  • type :
    برای اینکه چک باکس متنی ایجاد کنیم باید مقدار این شناسه را checkbox قرار دهیم.

  • name :
    این شناسه برای اختصاص یک نام برای ورودی مربوطه استفاده می شود.

  • value :
    این شناسه در مورد در مورد چک باکس مقداری است که در صورت انتخاب شدن این دکمه باید به صفحه action انتقال داده شود. استفاده از این شناسه در مورد چک باکس و دکمه های رادیو ضروری است.

  • "checked="checked :
    این شناسه فقط برای چک باکس و دکمه های رادیو مورد استفاده قرار می گیرد و باعث می شود تا در هنگام باز شدن صفحه این دکمه ها به صورت انتخاب شده نمایش داده شوند.

  • "disabled="disabled :
    از این شناسه برای غیر فعال چک باکس استفاده می شود. به صورتی که کاربر نمی تواند دکمه مربوطه را انتخاب کند یا آنرا به صورت انتخاب نشده در آورد. مقادیر مربوط به فیلدهایی که به صورت disabled هستند با ارسال فرم به سرور ارسال نمی شوند.
برای مشاهده چک باکس در حالت غیر فعال (disabled) حالت مورد نظر خود را در مثال زیر انتخاب کنید و نتیجه را در چک باکس زیر مشاهده کنید:
حالت مورد نظر شما : فعال   غیر فعال
چک باکس نمونه :

ساختن کادرهای ورودی متن برای استفاده در فرمهای HTML

ما با استفاده از تگ <input> می توانیم بسیاری از اطلاعاتی را که در فرمها نیاز داریم از طریق کاربران به دست آوریم. در حقیقت این تگ برای وارد کردن اطلاعات توسط کاربر استفاده می شود. این تگ در HTML4.01 نیازی به تگ پایانی ندارد.
از تگ <input> می توانیم برای ساختن کادرهای مربوط به وارد کردن متن، کادر کلمه عبور، فیلدهای مخفی، دکمه های رادیو، چک باکس، دکمه ارسال فرم، دکمه پاک کردن فرم و انواع دیگر دکمه ها و چند نوع ورودی دیگر استفاده کنیم. در اینجا هر کدام از این ورودی ها را به صورت جداگانه مورد بررسی قرار می دهیم.

جعبه ورودی متن (Text Box)

از این نوع ورودی برای ایجاد یک کادر یک سطری برای ورود متن استفاده می شود. برای ساختن این کادر باید از شناسه "type="text در تگ <input> استفاده کنیم. در صورت تعریف نشدن شناسه type در مرورگرهای جدید این شناسه به صورت پیش فرض به کار می رود و یک Text Box را نمایش می دهد اما برخی از مرورگرهای قدیمی در صورتی که از ایسن شناسه استفاده نشود این کادر را نمایش نمی دهند.
یک نمونه از کد مربوط به ایجاد این کادر را می توانید در اینجا مشاهده کنید:
<input type="text" name="testField" maxlength="50" size="30" value="کادر ورود متن">
کادر متنی بالا به صورت زیر نمایش داده می شود:
در اینجا به توضیح برخی از شناسه هایی که با این نوع ورودی به کار می روند می پردازیم. به خاطر داشته باشید که همه این شناسه ها باید در تگ <input> به کار روند.
  • type :
    برای اینکه یک کادر متنی ایجاد کنیم باید مقدار این شناسه را text قرار دهیم.

  • name :
    این شناسه برای اختصاص یک نام برای ورودی مربوطه استفاده می شود.

  • maxlength :
    این شناسه برای مشخص کردن حداکثر تعداد کاراکترهای ورودی استفاده می شود. این شناسه در مورد ورودی متنی یک سطری استفاده می شود و مقدار آن باید عددی مثبت باشد.

  • size :
    این شناسه در مورد این نوع ورودی طول کادر را بر حسب تعداد کاراکتر مشخص می کند. البته مرورگرهای مختلف ممکن است بر حسب نوع فونت مورد استفاده اندازه این کادر را مانند هم نشان ندهند. مقدار این شناسه باید عددی مثبت باشد. مقدار پیش فرض این شناسه 20 است.

  • value :
    این شناسه در مورد کادرهای متنی، متنی را که به صورت پیش فرض در کادر متنی نمایش داده می شود معین می کند.

  • "readonly="readonly :
    این شناسه فقط برای کادرهای متنی مورد استفاده قرار می گیرد و باعث می شود تا کاربر نتواند تغییری در متن نوشته شده در این کادر ایجاد کند اما کاربر می تواند متن را مشاهده کند و آنرا انتخاب کند.
    مقادیر مربوط به فیلدهایی که به صورت readonly هستند اگرچه توسط کاربر تغییر نمی کنند ولی با ارسال فرم به سرور ارسال می شوند.

  • "disabled="disabled :
    از این شناسه برای غیر فعال کردن کادر متنی استفاده می شود. به صورتی که کاربر نمی تواند متنی در این کادر بنویسد و یا متن آنرا انتخاب کند. البته این رفتار ممکن است در مرورگرهای مختلف تفاوت داشته باشد.
    مقادیر مربوط به فیلدهایی که به صورت disabled هستند با ارسال فرم به سرور ارسال نمی شوند.
برای مشاهده کادر در حالات فقط خواندنی (readonly) و غیر فعال (disabled) حالت مورد نظر خود را در مثال زیر انتخاب کنید و نتیجه را در کادر متنی زیر مشاهده کنید:
حالت مورد نظر شما : فقط خواندنی   غیر فعال
کادر متنی نمونه :
علاوه بر شناسه های بالا که فقط مربوط به فرم هستند از شناسه های استاندارد زیر نیز می توان در تگ فرم استفاده کرد:
id, class, title, style, dir, lang, xml:lang
رویدادهای زیر هم در تگ فرم قابل استفاده هستند.
onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

ساختن لینک پست الکترونیک، قسمت دوم

در بخش اخیر ما در مورد اینکه چگونه یک Subject را برای پیام خود از طریق یک لینک E-mail مشخص کنیم بحث کردیم. ما این کار را با استفاده از این عبارت
=subject?
و نوشتن موضوعی که می خواهیم در بخش subject در ایمیل نوشته شود بعد از عبارت مذکور انجام می دهیم. برای مثال لینک زیر برای ارسال پیام با موضوع Learn HTML به کار می رود:
<a href="mailto:example@example.com?subject=learn html">متن لینک</a>
به جز اضافه کردن موضوع شما می توانید چیزهای دیگری را هم اضافه کنید.
برای مثال شما میتوانید یک رونوشت (Carbon Copy) از پیام را به همراه آن برای کس دیگری بفرستید. یا یک نسخه مخفی را برای دیگری بفرستید. یا هر دوی اینها را به کار ببرید و باهم ترکیب کنید و...
برای فرستادن یک رونوشت از ایمیل باید بعد از علامت سوال از فرمان =cc استفاده کرده و بعد آدرس ایمیل کسانی که قرار است رونوشت را دریافت کنند بنویسید. در سطر زیر یک نمونه از این نوع لینک آورده شده است:
<a href="mailto:mainmail@example.com?cc=corboncopy@example.com">متن لینک</a>
می توانید آنرا امتحان کنید:
برای فرستادن یک نسخه مخفی از ایمیل نیز مانند بالا عمل می کنیم فقط به جای cc در فرمان بالا از bcc استفاده می کنیم. مانند زیر:
<a href="mailto:mainmail@example.com?bcc=corboncopy@example.com">متن لینک</a>
اگر خواستید یک ایمیل را به چند نفر بفرستید باید بین آدرسهای مختلف از کاما استفاده کنید. مانند زیر:
<a href="mailto:main@example.com?bcc=other1@example.com, other2@example.com">متن لینک</a>
اگر می خواهید بیش از یکی از این فرمانها را در یک لینک استفاده کنید باید برای فرمان اول از علامت سوال استفاده کنید و برای فرمانهای بعد از علامت & استفاده می شود (در انتهای فرمان اول). برای مثال اگر می خواهید با یک لینک هم موضوع پیام را مشخص کنید هم یک رونوشت از آن برای فرد دیگری فرستاده شود باید به اینگونه عمل کنید:
<a href="mailto:main@example.com?subject=learn html&cc=other@example.com">متن لینک</a>
ساختن لینک برای آدرس ایمیل، بخش اول




برای ایجاد یک لینک که بیننده با آن بتواند به شما ایمیل بفرستد باید ز تگ استاندارد لینک استفاده کنیم. اما تفاوت این لینک با لینک به یک صفحه در آدرسی است که به عنوان مقصد لینک نوشته می شود. برای اینکه مرورگر را مجبور کنیم لینک را به عنوان یک لینک ایمیل بشناسد، باید از این عبارت :mailto به جای //:http در آغاز آدرس استفاده کنیم و بعد از آن آدرس ایمیل را بنویسیم. به یک مثال توجه کنید:
<a href="mailto:example@example.com">متن لینک</a>
لینکی که در صفحه مشاهده خواهید کرد به صورت زیر است که برای فرستادن ایمیل به آدرس example@example.com ساخته شده است. آنرا امتحان کنید:
تنها کاری که شما باید انجام دهید جایگزین کردن example@example.com با آدرس ایمیل خودتان است.
اگر روی این نوع لینک کلیک کنید مرورگر شما پنجره ای تازه برای ارسال ایمیل باز می کند که آدرس در یافت کننده در آن تایپ شده است.
شما میتوانید همچنین یک موضوع هم برای ایمیل در لینک قرار دهید تا بیننده مجبور نباشد چیزی غیر از متن اصلی بنویسد.
این کار ار می توانید با افزودن علامت سوال به انتهای آدرس ایمیل و نوشتن =subject بعد از آن انجام دهید. مانند زیر:
<a href="mailto:example@example.com?subject=this is the subject">متن لینک</a>
با کلیک کردن بر روی این لینک صفحه ای برای فرستادن ایمیل باز می شود که قسمت آدرس(to) و قسمت موضوع (subject) در آن کامل شده است و آماده ارسال است. می توانید آنرا امتحان کنید:
ساختن لینک به نقاط مختلف یک صفحه




بیایید تصور کنیم که یک صفحه بلند داریم. ممکن است شما بخواهید که بیننده بتواند با یک کلیک از نقطه معینی دوباره به بالای صفحه باز گردد. احتمالاً این لینک را زیاد دیده اید:
 Back to the Top
ممکن است شما بخواهید صفحه را به چندین قسمت تقسیم کنید و در بالای صفحه فهرستی برای آن قرار دهید که بیننده با کلیک کردن بر روی عنوان هر قسمت به آن قسمت در صفحه برود.
در این موارد شما می توانید از پیوندهای نامگذاری شده که در قسمتهای مشخصی از صفحه شما قرار دارند که شما می خواهید به آن نقاط لینک بسازید استفاده کنید. شما می توانید به هر نقطه از صفحه لینک بسازید اما فعلاً در مورد لینک به بالای صفحه توضیح می دهیم.
برای این کار به بالای قسمت BODY در متن HTML خود بروید ( درست بعد از تگ BODY )
اکنون این تگ را تایپ کنید:
<a name="top"></a>
شما می توانید هر نامی را بین دو دابل کوت بنویسید. نوشتن top کار ما را برای درک بهتر آسان می کند.
حالا به جایی در قسمت BODY بروید که می خواهید از آنجا لینکی به بالای صفحه ایجاد کنید.
این فرمان را تایپ کنید:
<a href="#top">بازگشت به بالا</a>
اکنون وقتی لینک بازگشت به بالا را کلیک کنید به بالای صفحه می روید.

علامت # به مرورگر می فهماند که مقصد پیوندی نامگذاری شده در همین صفحه است. اگر شما یک پیوند با نام "UP" ساخته بودید اکنون باید از "up#" به جای "top#" استفاده می کردید.
شما می توانید در هر کجای صفحه یک پیوند نامگذاری شده بسازید و به وسیله یک لینک از قسمتهای دیگر به آن قسمت بازگردید.


با استفاده از این روش نه تنها می توانید لینکی بسازید که بازدید کننده با کلیک بر روی آن به قسمت دیگری از همان صفحه برود، بلکه می توانید از این روش در لینکهایی که در دیگر صفحات قرار دارند استفاده کنید و بازدید کننده را به قسمت مشخصی از یک صفحه دیگر بفرستید. تنها نکته ر اینجا این است که در صفحه مقصد باید لینکهای نامگذاری شده وجود داشته باشند و از این نامگذاری در لینکی که رد صفحه مبدأ قرار دارد استفاده شود.
برای مثال اگر شما لینک زیر را در صفحه خود قرار دهید با کلیک بر روی آن می توانید بخش پایینی این صفحه را مشاهده کنید و باز دید خود را از پایین این صفحه شروع کنید. ( ما یک لینک نام گذاری شده با نام bottom# در پایین این صفحه قرار داده ایم ) :
<a href="http://www.neopersia.org/HTML/link_to_same_page.php#bottom">ساختن لینک بازگشت به بالای صفحه</a>

استفاده از متن جایگزین (کامنت) برای تصاویر




از شناسه alt برای وارد کردن متن جایگزین برای عکس در تگ <img> استفاده می شود. موقعی که مرورگر به هر دلیلی نتواند عکس موجود در صفحه شما را نمایش دهد به جای آن این کامنت را نشان می دهد. و می تواند به بیننده بفهماند که چه چیزی را از دست داده است.
از این شناسه مانند مثال زیر استفاده می شود :
alt="متن کامنت"
این فرمان را در تگ تصویر (IMG) قرار دهید، فاصله بین دو فرمان را فراموش نکنید. مانند زیر:
<img src="learn_html.gif" alt="html لوگوی آموزش">
ما این کامنت را به عنوان جانشین عکس در تگ IMG وارد می کنیم. تا هر وقت عکس به نمایش در نیامد این کامنت به نمایش درآید.
 در سطر زیر نشان می توانید یک کامنت جایگزین را ببینید چون عکس اصلی به نمایش در نمی آید (در اینجا عکس به نمایش در نمی آید چون در مسیر مربوطه چنین عکسی وجود ندارد):
HTML لوگوی آموزش
توصیه می کنیم تا حد امکان برای عکسهای صفحه خود از این کامنت استفاده کنید ( البته برای نه برای عکسهای تزئینی ). در این صورت صفحه شما می تواند برای تمام کاربران مفید باشد. چون ممکن است به هر دلیلی برخی از کاربران امکان مشاهده تصاویر صفحه شما را نداشته باشند.
یکی از این دلایل که در کشور ما هم مصداق دارد عدم دسترسی به اینترنت با سرعت بالا و استفاده از خطوط تلفن برای دسترسی به اینترنت است. در این رابطه تقریباً تمامی مرورگرها، این امکان را در اختیار کاربر قرار می دهند که از بارگذاری تصاویر در صفحات جلوگیری کنند، تا بتوانند از متن صفحه را سریعتر مشاهده کنند، یا فایلهای خود را با سرعت بیشتری داتلود کنند.
موتورهای جستجو هم وقتی که صفحه ای را ایندکس می کنند نمی توانند تصاویر آنرا ببینند و فقط نام تصویر و کامنت جایگزین آنرا می خوانند پس برای تصاویری که به موضوع صفحه شما مرتبط هستند و یا می خواهید بازدید کنندگان بتوانند در موتورهای جستجو آنها را پیدا کنند حتماً از این کامنت استفاده کنید.
تنظیم نحوه قرار گرفتن تصاویر در صفحه




برای اینکه بتوانیم یک متن را در کنار یک عکس بنویسیم باید در تگ عکس از یکی این فرمانها استفاده کنیم (در صورتی که از این فرمانها استفاده نشود متن و عکس در دو سطر نمایش داده می شوند):
align="left"
align="right"
تگ عکس با استفاده از این فرمانها به صورت زیر در می آید:
<img src="learn_html.gif" align="left">
عکس مورد نظر در صفحه به این صورت نمایش داده می شود:
Learn HTML with NeoPersia.org 
اکنون می توانید متن را تایپ کنید و نگران قرار گرفتن متن زیر عکس هم نباشید چون متن در اطراف عکس به نمایش در خواهد آمد.
به مثال زیر توجه کنید:
این سطر قبل از وارد کردن عکس است<br>
<img src="learn_html.gif" align="left">
این سطر باید در کنار عکس به نمایش درآید<br>
همینطور تا وقتی که<br>
متن به پایان عکس برسد<br>
متن باید در کنار عکس قرار گیرد<br>
تا به پایان عکس برسد<br>
نتیجه هم به صورت زیر است:
این سطر قبل از وارد کردن عکس است
Learn HTML with NeoPersia.orgاین سطر باید در کنار عکس به نمایش درآید
همینطور تا وقتی که
متن به پایان عکس برسد
متن باید در کنار عکس قرار گیرد
تا به پایان عکس برسد
البته ممکن است شما احتیاجی به استفاده از تگ سطر جدید یعنی <br> نداشته باشید. من از این تگ برای جلوگیری از طولانی شدن متن استفاده کردم. اگر از این تگها استفاده نکنید تا جایی که عرض صفحه اجازه می دهد سطر ادامه پیدا می کند و بعد به سطر بعد خواهید رفت.
شما می توانید از فرمان "align="right برای قرار دادن عکس در سمت راست صفحه استفاده کنید. در این صورت عکس در سمت راست صفحه نمایش داده می شود و متن در سمت چپ کس دیده می شود.
ساختن لینک با استفاده از تصاویر




برای اینکه از یک عکس به عنوان یک لینک استفاده کنید با ید از دو نکته که قبلاً آموختیم استفاده کنیم.
  • برای اینکه بخواهیم به یک صفحه لینکی را ایجاد کنیم باید از این تگ استفاده کنیم:
<a href="url">متن لینک</a>
  • اگر بخواهیم یک عکس را به صفحه اضافه کنیم باید از این تگ استفاده کنیم:
<img src="image.gif">
حال اگر بخواهیم از یک عکس به عنوان یک لینک استفاده کنیم باید تگ عکس را به جای متن لینک استفاده کنیم. یعنی به صورت زیر:
<a href="url"><img src="image.gif"></a>
تنها نکته ای که در اینجا باید به آن دقت کنید این است که نباید تگ لینک را قبل از ورود تصویر ببندید. یعنی تگ عکس باید بین تگ ابتدایی و انتهایی لینک قرار بگیرد تا به عنوان یک لینک عمل کند. به این مثال توجه کنید:
می خواهیم از عکسی با نام learn_html.gif که در پوشه همین صفحه قرار دارد به عنوان لینک به مقدمه آموزش HTML که در همین پوشه است استفاده کنیم(نام صفحه مورد نظر index.html است). به این صورت عمل می کنیم:
<a href="index.html"><img src="learn_html.gif"></a>
لینک به دست آمده مانند سطر زیر است:
Learn HTML with NeoPersia.org
اگر ماوس خود را بر روی عکس بالا قرار دهید خواهید دید که نشانگر ماوس به شکل دست در می آید. اگر بر روی عکس کلیک کنید به صفحه سرفصل آموزش HTML خواهید رفت.
اغلب مرورگرها به تصاویری که به عنوان لینک استفاده می شوند یک خط حاشیه (border) در لبه های تصویر اضافه می کنند. برای اینکه این خط دیده نشود شناسه زیر را به تگ عکس خود اضافه کنید:
border="0"
مثال قبل را با اضافه کردن شناسه بالا تکرار می کنیم:
<a href="index.html"><img src="learn_html.gif" border="0"></a>
نتیجه به این صورت در می آید:
Learn HTML with NeoPersia.org
شما می توانید خط حاشیه را کلفت تر نیز نشان دهید. فقط کافی است عدد بزرگتری را در فرمان border قرار دهید. مانند زیر:
<a href="index.html"><img src="learn_html.gif" border="5"></a>
نتیجه را در زیر مشاهده می کنید:
Learn HTML with NeoPersia.org
منظور از قرار دادن خط حاشیه مشخص کننده محدوده لینک است