سه شنبه ۰۱ تیر ۱۴۰۰

Tuesday, June 22, 2021 GMT +4:30
section مطالب بخش

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


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

چگونه رنگ و تصویر پس زمینه سایت یا وبلاگ را تغییر دهیم؟

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

»

ایجاد منو برای سایت یا وبلاگ با استفاده از CSS

css-menu از جمله امکانات مورد نیاز هر سایت یا وبلاگی وجود مجموعه ای از لینک ها به صورت منو جهت هدایت کاربران به صفحات مختلف و بخش های اصلی آن سایت یا وبلاگ است، این سبک منوها به لحاظ ظاهری و اصول فنی معمولا می توانند طیفی از خیلی ساده تا پیشرفته و همراه با جلوه های بصری گوناگون را شامل شوند اما در حالت معمول و برای رفع نیازهای عادی استفاده از کدهای ساده HTML به همراه استایل CSS کافی خواهد بود، اگر چه برای سازگاری بیشتر در کنار کدهای CSS از JavaScript نیز استفاده می شود اما در این...
دسته بندی: آموزش کاربردی » CSS

»

ایجاد پنل جمع شونده با جاوا اسکریپت و فریم ورک Spry

javascript از جمله امکانات مورد نیاز در طراحی رابط کاربری سایت ها و وبلاگ ها پنل های جمع شونده (Collapsible Panel) هستند که می توان از آنها برای نمایش امکاناتی نظیر منوی سایت یا دسته بندی محتوای طولانی و مواردی از این دست استفاده کرد، روش ایجاد این پنل ها نیز بسته به نیاز و هدف برنامه نویس صفحه وب می تواند متفاوت باشد از جمله استفاده از کتابخانه جاوا اسکریپتی جی کوئری (jQuery)، کتابخانه موتولز (Mootools)، استفاده از کدها و توابع خودنوشت و...  به هر صورت در این مطلب قصد داریم آموزش ایجاد پنل جمع شونده را به کمک جاوا اسکریپت...
دسته بندی: آموزش کاربردی » JavaScript

»

نمایش نتایج پایگاه داده MySQL با PHP و ای جکس (Ajax)

ajax-code همانطور که در بخش آموزش های مقدماتی ای جکس (Ajax) اشاره شد، یکی از کاربردهای استفاده از این تکنیک در صفحات وب رد و بدل کردن اطلاعات بین مرورگر و سرور بدون نیاز به رفرش صفحه است، به عبارتی تمام فعل و انفعالات در پس زمینه انجام شده و در سمت کاربر (مرورگر) تقریبا جزء نمایش نتایج اتفاق خاصی رخ نمی دهد و کاربر در حالت معمول متوجه چگونگی این فرآیند نیز نمی شود و می تواند به ادامه پیمایش صفحه بپردازد که به این حالت در اصطلاح درخواست غیرهمزمان (Asynchronous) یا هم روند می گویند، در این مطلب نیز...
دسته بندی: آموزش کاربردی » Ajax

»

آموزش ساخت نقشه XML سایت (Sitemap) با PHP و MySQL

php-sitemap یکی از ملزومات مورد نیاز مدیران وب معرفی اطلاعات آدرس های URL وبسایت، وبلاگ و... به صورت دستی بندی شده و دقیق به موتورهای جستجو است تا این موتورها به راحتی و با دقت بیشتر بتوانند کل صفحات موجود در یک آدرس اینترنتی را پیدا کرده و پوشش دهند، بدین منظور پروتکلی تعریف شده تحت عنوان Sitemap که در آدرس رسمی sitemaps.org با جزئیات در دسترس است، این پروتکل به وبمسترها اجازه می دهد تا آدرس های URL خود را در یک فایل XML قرار داده و به تناوب محتوای آن را به روزرسانی نمایند، با توجه به اینکه معمولا...
دسته بندی: آموزش کاربردی » PHP

»

جستجو در مطالب سایت با استفاده از MySQL Full-Text

mysql-fulltext جستجو در اطلاعات پایگاه داده را می توان جزء اولین و مهمترین نیازهای برنامه های تحت وب برشمرد که تقریبا هر برنامه نویسی در طی تجربه کاری خود با آن مواجه خواهد شد، در MySQL این جستجو از دو طریق میسر است، استفاده از دستور ساده LIKE و توابع Full-Text، دستور LIKE را در آموزش های مقدماتی به صورت جداگانه و مفصل توضیح داده ایم اما یکی از قابلیت های خوب MySQL که از نسخه 3.23 به بعد به آن اضافه شده، توابع Full-Text است که می تواند جهت کسب نتایج جستجوی سریع و تقریبا دقیق مورد استفاده قرار گیرد،...
دسته بندی: آموزش کاربردی » MySQL

»

پخش فایل صوتی (آهنگ، موسیقی پس زمینه) در سایت و وبلاگ

web-audio-player اجرا و پخش فایل های چندرسانه ای و از جمله فایل های صوتی با فرمت های مختلف در وب یکی از نیازهایی است که مدیران وبسایت ها، وبلاگ ها و در کل ارائه کنندگان محتوا برای صفحات و برنامه های تحت وب به آن احتیاج خواهند داشت، خوشبختانه قابلیت های وب به انتشار متن یا نمایش تصاویر خلاصه نمی شود و با تغییر نیازهای کاربران، کنسرسیوم جهانی وب (W3C)، مرورگرها و در کل افراد، گروه ها، انجمن ها و شرکت های دخیل در این امر به فکر چاره و ارائه راه حل های نوین افتاده اند، به هر صورت در...
دسته بندی: آموزش کاربردی » HTML

»

تنظیم موقعیت در وسط و حذف حاشیه ها با CSS

css-body-div-center اگر یک طراح وب حرفه ای یا علاقمند به طراحی قالب شخصی برای سایت یا وبلاگ خود باشید حتما با کدهای CSS آشنا هستید و بارها از آنها در شکل دهی فرم و ظاهر صفحات وب استفاده کرده اید، اگرچه کار با CSS به طور کلی چندان پیچیده و سخت نیست اما همواره جزئیات و ریزه کاری هایی وجود دارند که باعث می شوند نکاتی هرچند ساده به نظر مبهم و حل نشده باقی بمانند، در این مطلب می خواهیم یکی از شایع ترین این موارد را با هم مرور کنیم که تنظیم موقعیت عناصر HTML و به طور خاص...
دسته بندی: آموزش کاربردی » CSS

»

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

javascript-flower به طور معمول طراحان و برنامه نویسان وب برای خلق رابط کاربری (User Interface) سایت ها، وبلاگ ها و هرآنچه که به وب مربوط می شود از ایده ها و امکانات زیادی استفاده می کنند که متناسب با نیاز کاربران باشد، یکی از این نیازها می تواند نمایش کادر پیام به صورت شناور در گوشه های سایت یا وبلاگ باشد که به فرض قابلیت هایی مانند امکان بستن و امکان به یادآوری تنظیمات کاربر را داشته و به نوعی به اصطلاح هوشمند باشد، قاعدتا ایجاد این سطح از امکانات با صرف کدهای HTML و CSS امکانپذیر نیست و باید از...
دسته بندی: آموزش کاربردی » JavaScript

»

ارسال اطلاعات فرم با ای جکس (Ajax) و نمایش پیام در حال پردازش

ajax در آموزش های مقدماتی ای جکس (Ajax) گفتیم که چگونه می توان اطلاعات یک فرم را با متد GET یا POST برای یک فایل PHP ارسال و نتایج حاصل از پردازش آنها را بدون رفرش شدن صفحه به کاربر نشان داد که در واقع این فرآیند فلسفه پیدایش تکنیک Ajax است، در این مطلب می خواهیم کمی از تئوری فاصله گرفته و کدی کاربردی را قرار دهیم که به کمک آن بدون استفاده از کتابخانه هایی مانند جی کئوری (jQuery) و دردسرهایش، تنها بر مبنای ای جکس صرف (Pure Ajax) اطلاعات یک فرم HTML را به صورت پیشرفته ارسال و...
دسته بندی: آموزش کاربردی » Ajax

»

تبدیل تاریخ میلادی، شمسی با مبدل JDF در PHP

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

»

آموزش حذف گروهی اطلاعات از MySQL با استفاده از چک باکس

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

»

نحوه نمایش فیلم و کلیپ ویدئویی در سایت و وبلاگ

web-flv-video-player همان طور که می دانیم امروزه فیلم ها و کلیپ های ویدئویی جزء جدایی ناپذیر از دنیای وب شده اند و بیش از پیش کاربران و مدیران سایت ها و وبلاگ ها تمایل دارند که از این نوع محتوا در صفحات خود استفاده کنند و کلیپ هایشان را با دیگران به اشتراک بگذارند، متاسفانه به لحاظ فنی درج فایل های تصویری برای اکثر افراد به صورت حرفه ای و به راحتی ممکن نیست و بیشتر کاربران ترجیح می دهند از شبکه ها و سرویس های عمومی اشتراک گذاری فیلم و کلیپ استفاده نمایند تا اینکه خود را درگیر پیچیدگی های...
دسته بندی: آموزش کاربردی » HTML

»

ایجاد بلاک و تصویر شفاف (Transparent) با استفاده از CSS3

css-transparency امروزه در طراحی صفحات وب استفاده از بلاک ها و تصاویر شفاف یا به اصطلاح Transparent امری مرسوم است، به طور مثال طراحان قالب سایت ها و وبلاگ ها می توانند در طراحی هایشان پس زمینه مطالب را کمی شفاف در نظر بگیرند تا تصویری که در زیر بلاک مطالب قرار دارد به صورت نیمه شفاف و در واقع مخلوط با رنگ پس زمینه دیده شود، پیاده سازی این تکنیک پیشتر با تصاویر فرمت png صورت می گرفت اما مشکل و مانع همیشگی، مرورگر غیر استاندارد و ضعیف اینترنت اکسپلورر (IE) بود که قادر به نمایش این تصاویر با زمینه...
دسته بندی: آموزش کاربردی » CSS

»

ساخت دکمه رفتن به بالای صفحه (Scroll to Top) با جاوا اسکریپت

javascript-go-to-top یکی از کاربردهای جاوا اسکریپت (JavaScript) در صفحات وب امکان ساخت دکمه های کنترلی برای ایجاد رابط کاربری (User Interface) بهینه است، طراحان وب جهت زیباسازی و تجهیز قالب ها معمولا از امکانات مبتنی بر قابلیت های سمت کاربر و مرورگر استفاده می کنند که یکی از این قابلیت های پرکاربرد ساخت دکمه رفتن به بالای صفحه یا در اصطلاح اسکرول به بالا (Scroll to Top) در گوشه پائین نمایشگر است که بخصوص در مورد صفحات با ارتفاع خیلی زیاد می تواند ابزاری خوب و کاربردی باشد، خوشبختانه برای ایجاد این قابلیت چند روش مختلف از قبیل لینک ساده، کدهای صرف...
دسته بندی: آموزش کاربردی » JavaScript
paged صفحه 1 از 5
sectionslist سایر بخش ها