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

یک نمونه تصویر امنیتی:

برای این که بهتر متوجه شوید می توانید صفحه را یک بار رفرش کنید. خواهید دید که تصویر بالا تغییر کرده است. اما چرا این تصاویر باعث می شوند که امنیت فرم ها بالا برود؟

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

نکته: اگر می خواهید این مطلب را متوجه شوید باید با php آشنایی داشته باشید. برای آشنایی با این زبان برنامه نویسی اینجا کلیک کنید.

برای مشاهده ی ادامه ی آموزش به ادامه ی مطلب بروید.

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

نمونه ها را می توانید در صفحه ی کدساز مشاهده کنید. بعد از این که کد خود را ساختید با کلیک بر روی "نمایش نمونه ی کد شما" دموی آن را مشاهده کنید.

قابل اجرا در:

• همه ی سایت ها و وبلاگ ها

برای دریافت کد به ادامه ی مطلب بروید.

این یک افکت فول سی اس اس است که شما با استفاده از آن می توانید به متن مورد نظر خود حالت متحرک بدهید. این افکت به متن تغییر اندازه می دهد و آن را مدام کوچک و بزرگ می کند. ابتدا متن در اندازه ی اصلی خودش خواهد بود و بعد از 0.5ثانیه به اندازه ی دوبرابر می رسد. شما می توانید با دنبال کردن توضیحاتی که در پایین قرار داده شده است ، این زمان ها و اندازه ها را به دلخواه خود تغییر دهید. این افکت با استفاده از animation در سی اس اس ایجاد شده است. شما می توانید اطلاعاتی را در این باره در مطلب آموزش ایجاد چرخش مداوم با css به دست آورید.

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

پیشنهاد می کنم اگر دوستدار یادگیری هستید و تا حدی با کد های سی اس اس آشنایی دارید سعی کنید کد ها را متوجه بشوید. من کد ها را پیچیده ننوشته ام و اگر بخواهید احتمالا می توانید.

برای مشاهده ی کد ها به ادامه ی مطلب بروید.

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

برای دیدن مطلب به طور کامل به ادامه ی مطلب بروید.

رویداد های رسانه (media) و متفرقه (misc) در جاوا اسکریپت

برای آشنایی با رویداد ها (events) در جاوا اسکریپت این مطلب را بخوانید.

برای مشاهده ی جدول مربوط به این رویداد ها به ادامه ی مطلب بروید.

رویداد های فرم صفحه کلید (keyboard) ، کلیپ بورد (clipboard) و موس (mouse) در جاوا اسکریپت

برای آشنایی با رویداد ها (events) در جاوا اسکریپت این مطلب را بخوانید.

برای مشاهده ی جدول های مربوط به این رویداد ها به ادامه ی مطلب بروید.

context چیست؟

کانتکست (context) همان منویی است که وقتی شما در صفحات وب ، روی قسمتی از صفحه کلیک می کنید ، باز می شود و این منو دارای امکاناتی است که به شما کار کردن با صفحات را آسان تر می کند. در html5 امکانی ایجاد شده است که شما می توانید با استفاده از موجودیت (attribute) رویداد oncontextmenu به راحتی این منوی راست کلیک را با موارد دلخواه خودتان کامل تر کنید.

نکته: این امکان فعلا تنها در فایرفاکس کاربرد دارد و در دیگر مرورگر ها فعال نیست. (به تاریخ مطلب دقت کنید)

خب! برای ساخت یک منوی اختصاصی باید از تگ های زیر استفاده کنید:

<<<code>>>

<menu>

   <menuitem> ... </menuitem>

</menu>

<<</code>>>

برای مشاهده ی توضیحات بیشتر و یک مثال به ادامه ی مطلب بروید.

رویداد های فرم (form) در جاوا اسکریپت

برای آشنایی با رویداد ها (events) در جاوا اسکریپت این مطلب را بخوانید.

برای مشاهده ی فهرست رویداد های فرم در جاوا اسکریپت به ادامه ی مطلب بروید.

رویداد های پنجره (window) در جاوا اسکریپت

برای آشنایی با رویداد ها (events) در جاوا اسکریپت این مطلب را بخوانید.

برای دیدن جدول و توضیحات به ادامه ی مطلب بروید.

در این مطلب قرار است توضیح بدهم که رویداد های جاوا اسکریپت دقیقا چیست و چه کاربردی دارد. در مطلب کدَک نمایان و مخفی کردن شی اشاره ای به رویداد های جاوا اسکریپت شده بود.

اگر ما کد های جاوا اسکریپت را در بدنه ی فایل جاوا اسکریپت بنویسیم ، کد ها هنگامی که توسط مرورگر بارگذاری شوند ، اجرا خواهند شد. اما ما این را نمی خواهیم. اگر قرار باشد اینطور باشد که انیمیشن ها و تغییرات صفحه بی معنی خواهند بود. مثلا وقتی وارد یک صفحه می شویم ، قبل از این که ما روی دکمه ی "نمایش" کلیک کنیم ، قسمت مربوط به ما نمایش داده می شود. مطمئنا این چیزی نیست که ما نیاز داریم. برای این که این مشکل را حل کنیم ما از رویداد ها (events) جاوا اسکریپت استفاده می کنیم.

برای مشاهده ی آموزش به طور کامل به ادامه ی مطلب بروید.

کدَک نمایش و مخی کردن شی در صفحات وب کاربرد های زیادی دارد. شما می توانید با استفاده از این کدَک ، پنجره هایی را ایجاد کنید که هنگام ورود ، به کاربر نمایش داده شود و با کلیک کاربر روی گزینه ی × پنهان شود. من خودم ، قبل از  این که جاوا اسکریپت را یاد بگیرم توانستم با استفاده از این کد پنجره ی مورد نظر خودم را بسازم. بعد ها که تازه با جاوا اسکریپت آشنا شدم ، فهمیدم که اصل این کد چیست!

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

برای دیدن کدَک و آموزش استفاده از آن به ادامه ی مطلب بروید.

به نام خدا

سلام دوستان عزیز سایت ابزارها قالب امروز با ترفند کوچیکی در خدمتتون هستم. نمیخوام وقتتون رو زیاد بگیرم و میریم سراغ آموزش.

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

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

برای مشاهده ی مطلب به طور کامل به ادامه ی مطلب بروید.