سه شنبه ۲۸ دی ۱۴۰۰

Tuesday, January 18, 2022 GMT +3:30
section مطالب بخش

آموزش کاربردی


more چینش مطالب به ترتیب از ابتدا به انتها است.

نحوه متحرک ساختن متن با تگ marquee در HTML

html-marquee در گستره تگ های مختلف HTML در صفحات وب بعضا به مواردی برمی خوریم که علی رغم کارایی و به اصطلاح کار راه انداز بودن توسط کنسرسیوم جهانی وب (W3C) غیراستاندارد ارزیابی شده اند، یکی از این موارد که توسط بسیاری از کاربران نیز مورد استفاده قرار می گیرد تگ Marquee است که برای متحرک سازی متن در صفحات HTML کاربرد دارد، به طور مثال در وبلاگ ها و سایت های مختلف برای به حرکت درآوردن لیستی از لینک ها در باکس های کناری یا نمایش عناوین اخبار و آخرین مطالب به صورت اسکرول افقی و خیلی ایده های جالب...
دسته بندی: آموزش کاربردی » HTML

ساخت منوی کشویی با تگ ul li و CSS

css-drop-down-menu از کدها و استایل CSS علاوه بر کاربردهای معمول و روزمره برای خلق جلوه های خاص در بستر وب نیز استفاده می شود، یکی از این جلوه ها که محبوبیت زیادی نیز بین طراحان وب دارد خلق منوهای کشویی (بازشونده) یا به اصطلاح Dropdown مبتنی بر تگ های ul li و CSS است، عملکرد این امکان به این صورت است که لیستی از منوها با قابلیت داشتن زیر مجموعه هنگام بردن نشانه گر ماوس روی تگ والد ظاهر و با خارج کردن ماوس از محدوده تگ والد مجددا به طور خودکار محو می شوند، نوع پیشرفته تر این منوها با...
دسته بندی: آموزش کاربردی » CSS

ساخت افکت رنگی با جاوا اسکریپت (JavaScript)

javascript-fade-color در این یادداشت می خواهیم نحوه ایجاد افکت های رنگی زیبا و در عین حال سبک و کم حجم را با برنامه نویسی جاوا اسکریپت آموزش دهیم، افکت هایی که به صورت محو و آشکار شدن رنگ یا تحت عنوان Fadein و Fadeout شناخته می شوند و جلوه ی خاصی به سایت و وبلاگمان می دهند و به همین دلیل بین کاربران وب محبوبیت زیادی دارند، برای ایجاد این نوع امکانات برخی ترجیح می دهند به جای استفاده از زبان های مستقل و صرف (Pure) از توابع آماده در کتابخانه های جاوا اسکریپتی مانند جی کئوری (jQuery) و موارد مشابه...
دسته بندی: آموزش کاربردی » JavaScript

آموزش نحوه آپلود فایل با PHP و ای جکس (Ajax)

ajax-php-file-upload انجام آپلود در صفحات وب از طریق فرم های HTML یکی از شیوه های متداولی است که برای ارسال و ذخیره سازی فایل ها در فرمت های مختلف از سمت سیستم کاربر به حافظه سرور کاربرد دارد، در این شیوه در حالت معمول اگر بخواهیم فایلی را به سرور ارسال کنیم با اتمام فرایند آپلود آدرس صفحه مرورگر به طور خودکار تغییر کرده و به آدرس مقصدی که در قسمت action تگ form در نظر گرفته ایم منتقل می شود، این ساز و کار در عمل فایل را آپلود می کند اما ممکن است با توجه به رابط کاربری مد...
دسته بندی: آموزش کاربردی » Ajax

ساخت منوی هوشمند با PHP و CSS

php-css-smart-menu شاید عنوان این مطلب کمی اغراق آمیز به نظر برسد اما از عنوان که بگذریم در این آموزش می خواهیم با نحوه ایجاد منوهای صفحه به صفحه یا به عبارتی منوهای هوشمند آشنا شویم که با تغییر صفحات سایت، آیتم صفحه فعال را به صورت مشخص و متمایز از دیگر آیتم ها نمایش می دهند، احتمالا کم و بیش نمونه هایی از این سبک منو را در صفحات وب دیده ام که با پیمایش بین صفحات مختلف آیتم های فعال منو نیز به صورت خودکار تغییر می کنند اما شاید نحوه ساخت آنها برایمان جای سوال باشد، در این صورت...
دسته بندی: آموزش کاربردی » PHP

آموزش ساخت پنل ورود و خروج سایت با PHP و MySQL

mysql-php-login-logout در مطلب قبل از بخش آموزش کاربردی PHP و MySQL با نحوه برنامه نویسی سیستم ساده عضویت کاربران در سایت آشنا شدیم، فرم HTML جهت ورود اطلاعات کاربران را نیز با چند فیلد شامل نام کاربری و کلمه عبور جهت نمونه ساختیم و در سمت سرور با کدنویسی PHP داده ها را کنترل و در نهایت در دیتابیس ذخیره کردیم، اکنون در این آموزش می خواهیم کار را با ساخت فرم ورود و خروج تکمیل کنیم تا کاربران پس از ثبت نام در سایت بتوانند به محیط مدیریت وارد شده و از امکانات پنل کاربری شخصی خود استفاده کنند، در...
دسته بندی: آموزش کاربردی » MySQL

نمایش فیلد جستجوی گوگل در سایت یا وبلاگ

html-google-search یکی از قابیلت های کلیدی مورد نیاز اغلب سایت ها و وبلاگ ها وجود بخش جستجوی اختصاصی در محتوا است، از طرفی این امکان در بیشتر موتورهای جستجو از جمله گوگل وجود دارد که نتایج را محدود به یک دامنه خاص کنیم و بر همین مبنا می توانیم فیلد جستجوی ویژه سایت یا وبلاگمان را در صفحات داخلی داشته باشیم تا کاربران بتوانند به صورت مستقیم و بدون زحمت در مطالبمان کنکاش کنند، با توجه به کاربردی بودن این ابزار آموزش پیش را به نمایش فیلد جستجوی گوگل در سایت یا وبلاگ اختصاص داده ایم، در ادامه با نحوه ارسال...
دسته بندی: آموزش کاربردی » HTML

ساخت منوی آبشاری (عمودی) با تگ ul li و CSS

css-vertical-menu در مطالب قبل از بخش آموزش های کاربردی با نحوه ساخت چند نوع منوی متفاوت مبتنی بر CSS و تگ های ul و li آشنا شدیم، همچنین به ضرورت استفاده از تگ های استاندارد ایجاد کننده لیست در HTML برای کدنویسی منوها و اهمیت آنها برای موتورهای جستجو و افزایش قابلیت های کاربری (Accessibility) و SEO صفحات وب اشاره کردیم، این بار و در ادامه آموزش ها می خواهیم با نحوه طراحی و ایجاد منوی آبشاری یا منوی عمودی (Vertical) با تگ ul li با استفاده صرف از خاصیت های زبان استایل نویسی CSS آشنا شویم، از نقاط مثبت این...
دسته بندی: آموزش کاربردی » CSS

اعتبارسنجی فرم های وب با جاوا اسکریپت (JavaScript)

javascript-form-validation یکی از موارد کاربردی استفاده از زبان برنامه نویسی جاوا اسکریپت (JavaScript) در صفحات وب اجرای توابع دلخواه مبتنی بر رویداد در هنگام کار با عناصر مختلف فرم های وب در سمت مرورگر است، به فرض هنگامی که کاربر در حال تکمیل اطلاعاتی در فیلدهای متنی باشد می توانیم همزمان با تایپ یا بعد از اینکه بر روی دکمه ارسال فرم کلیک کرد با اجرای رویداد onkeyup یا onsubmit توابع جاوا اسکریپتی را فراخوانی و از معتبر بودن اطلاعات فیلدهای فرم تا حدود زیادی اطمینان حاصل نمائیم و در صورت غیر معتبر بودن مقادیر یکی از فیلدها از ارسال فرم...
دسته بندی: آموزش کاربردی » JavaScript

ارسال ایمیل با PHP و کلاس PHPMailer

php-mail-class ارسال ایمیل از طریق زبان های برنامه نویسی سمت سرور از جمله PHP یکی از رایج ترین مباحث کاربردی است که دیر یا زود برنامه نویسان زبان PHP یا علاقمندان استفاده از این زبان را در روند توسعه یا استفاده از امکانات مبتنی بر وب درگیر خود می کند، اگرچه مفسر PHP به طور پیش فرض توابعی برای مدیریت فرایند ارسال ایمیل در خود گنجانده است اما گستره استفاده از مبحث ارسال نامه های الکترونیکی، پیچیدگی های فنی و نیازهای کاربران به حدی است که نمی توان تنها به صرف این توابع متکی بود، از طرفی گاهی بحث ارسال ایمیل...
دسته بندی: آموزش کاربردی » PHP

هوشمند سازی پنل ورود و خروج سایت با PHP و MySQL

mysql-php-smart-login در مطالب قبل از بخش آموزش کاربردی کار با PHP و MySQL برای طراحی امکانات مختلف مورد نیاز برنامه های تحت وب به طور مفصل به مبحث ساخت فرم عضویت و نحوه ورود و خروج کاربران به پنل مدیریت سایت پرداختیم، بحث نشست ها (سشن یا Session) را با هم مرور کرده و با نحوه رمزنگاری و تطبیق کلمه عبور و همچنین ذخیره و بازیابی اطلاعات اعضاء سایت آشنا شدیم، این بار در تکمیل آموزش های قبل می خواهیم کمی بیشتر بخش مدیریت سایتمان را توسعه داده و آن را به اصطلاح هوشمندتر کنیم، در این یادداشت به همراه نمونه کدهایی...
دسته بندی: آموزش کاربردی » MySQL

چرا و چگونه از DOCTYPE در HTML استفاده کنیم؟

html-doctype احتمالا تا به حال در مورد ظاهر و امکانات سایت یا وبلاگمان به مشکلات حل نشدنی برخورده ایم که با وجود صرف ساعت ها وقت و انرژی نتوانسته باشیم آنها را حل کنیم، گذشته از اینکه برنامه نویس حرفه ای یا وبمستر و وبلاگ نویس باشیم همه به نوعی با این نوع مشکلات روبرو شده ایم و کماکان و گاه و بیگاه می شویم، برخی از این مسائل به دلایلی مانند خطا در کدنویسی یا جا انداختن تگ ها به خصوص در هنگام تعریف قابلیت های پیچیده به فرض در ترسیم جداول (table) ممکن است رخ دهند، یا گاهی خطا...
دسته بندی: آموزش کاربردی » HTML

آموزش استفاده از فونت فارسی در وب با CSS

css-farsi-font-face یکی از قابلیت های خوب افزوده شده به CSS از نسخه 3 به بعد امکان استفاده از قانون font-face جهت تعریف فونت های سفارشی و دلخواه است که پیش از این تنها در سیستم عامل کاربران قابل نمایش و در دسترس بودند، در صفحات وب به دلایل مختلف تنها فونت های خاصی که در تمام سیستم عامل ها نصب و قابل اجرا باشند پشتیبانی و سایر موارد به صورت پیش فرض (به طور مثال با فونت Arial) نمایش داده می شود، از این رو توسعه دهنده گان وب برآن شدند تا برای رفع این نیاز چاره ای اندیشه کنند تا...
دسته بندی: آموزش کاربردی » CSS

نمایش پیام در حال بارگذاری با جاوا اسکریپت (JavaScript)

javascript-loading برای هدف های زیادی می توانیم از جاوا اسکریپت (JavaScript) در وب استفاده کنیم، قابلیت های متنوع و قدرت این زبان اسکریپت نویسی و مهمتر از همه ویژگی سمت کاربر (Client-side) بودن آن، این امکان را به برنامه نویس می دهد تا در موقعیت های متفاوت بر فعل و انفعالات رابط کاربری صفحه کنترل داشته و عملکرد و پردازش های مرورگر را مدیریت کند، یکی از این موقعیت ها زمانی است که صفحه سایت یا وبلاگ در حال بارگذاری (Loading) است، بدین منظور در جاوا اسکریپت رویدادی به نام onload وجود دارد که دقیقا با همین هدف یعنی شناسایی زمانی...
دسته بندی: آموزش کاربردی » JavaScript

اعتبارسنجی همزمان فرم با ای جکس (Ajax) و PHP

ajax-php-validation استفاده از ای جکس (Ajax) به جهت قابلیت منحصر به فرد آن یعنی عدم نیاز به بارگذاری مجدد صفحه وب و رفرش کامل می تواند در بسیاری از مواقع و بنا بر نیاز برنامه نویسان کاربردی و رهگشا باشد، یکی از این موارد اعتبارسنجی فرم های وب پیش از ارسال و حین تکمیل است، همان طور که می دانیم اعتبارسنجی به فرآیند بررسی معتبر بودن داده های ارائه شده توسط کاربر یا تطبیق آنها با الگوهای مورد انتظار گفته می شود که در مجموع در دو حالت سمت کاربر (در مرورگر و با زبان هایی مانند جاوا اسکریپت) یا سمت...
دسته بندی: آموزش کاربردی » Ajax
paged صفحه 3 از 5
sectionslist سایر بخش ها