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

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

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

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

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

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

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

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

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

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

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

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

آیا تا به حال در مورد سایت یا وبلاگ خود به مشکلاتی حل نشدنی برخورده اید که با وجود صرف ساعت ها وقت و انرژی نتوانسته باشید آنها را حل کنید؟ البته که در بیشتر موارد این چنین بوده، صرف نظر از اینکه یک برنامه نویس با تجربه یا یک کاربر عادی وب باشیم، همه به نوعی با این نوع مشکلات روبرو شده ایم و کماکان می شویم، برخی از این مسائل به دلایلی مثل خطا در کدنویسی یا جا انداختن تگ ها به فرض در ترسیم یک جدول (table) ممکن است رخ دهند، یا گاهی خطا در کدهای جاوا...

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

همان طور که می دانیم، از جاوا اسکریپت (JavaScript) در وب، در موارد زیادی می توان استفاده نمود، ویژگی های خوب این زبان اسکریپت نویسی و مهم تر از همه، ویژگی سمت کاربر بودن آن، این امکان را به ما می دهد تا در موقعیت های متفاوت، بر نحوه پردازش صفحه در مرورگر کنترل داشته باشیم، یکی از این موقعیت ها زمانی است که صفحه سایت یا وبلاگ در حال بارگذاری است، بدین منظور در جاوا اسکریپت رویدادی به نام onLoad وجود دارد که دقیقا با همین هدف، یعنی اجرای کدهای جاوا اسکریپت در زمانی که صفحه بارگذاری می شود،...

استفاده از آژاکس (ajax) به جهت قابلیت منحصر به فرد آن، یعنی عدم نیاز به بارگذاری مجدد صفحه و رفرش شدن کامل، می تواند در بسیاری از مواقع و بنا بر نیاز برنامه نویس، کاربردی و رهگشا باشد، یکی از این موارد کاربردی، اعتبار سنجی فرم های وب با آژاکس است؛ همان طور که می دانیم اعتبار سنجی به فرآیند بررسی معتبر بودن داده های ارائه شده توسط کاربر گفته می شود که در مجموع در دو حالت سمت کاربر (در مرورگر و با جاوا اسکریپت) یا سمت سرور (با php یا دیگر زبان های سمت سرور مانند asp) انجام...