سیاره‌ی آی‌تی

با IT-Planet دنیای آی‌تی را بهتر بشناسید

بهترین مقالات اخیر

طراحی وب

آموزش برنامه‌نویسی بازی مار و نقطه فقط با HTML و JavaScript و CSS

یکی از ویژگی‌های جالب طراحی وب به کمک JavaScript و HTML این است که می‌توانید بازی‌های ساده بنویسید! برنامه‌نویسی یک بازی ساده مثل بازی مار که نقاطی را می‌خورد و طولانی‌تر می‌شود، به زبان جاوااسکریپت چندان پیچیده نیست و می‌توان بازی‌های به مراتب پیچیده‌تر هم تهیه کرد و در صفحات وب‌سایت قرار داد.

در این مقاله با مراحل نوشتن یک بازی ساده به کمک جاوااسکریپت و مقداری HTML و CSS‌ در خدمت شما هستیم. با ما باشید تا طراحی وب را با مثال‌های جالب و واقعی یاد بگیریم.

با Notepad++ کدنویسی کنید

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

آشنایی با باونس ریت یا نرخ پرش و زمان بازدید از صفحه در Google Analytics و دقیق‌تر کردن آن برای بهبود SEO

در سرویس آماری Google Analytics که محبوب‌ترین روش محاسبه‌ی آمار بازدیدکنندگان سایت است، برخی کمیت‌ها مثل نرخ پرش یا Bounce Rate و زمان ماندن در صفحه یا Time on Page برای وب‌مسترهای مبتدی کمی نامفهوم است و البته خطای محاسباتی زیادی دارد.

در این مقاله می‌خواهیم به مفهوم نرخ پرش و زمان بازدید صفحه و ارتباط این کمیت‌ها بپردازیم و همین‌طور راه‌های تصحیح کردن عددی که به عنوان نرخ پرش و زمان بازدیدیا Session Time و زمان بازدید از صفحه گزارش می‌شود را بررسی کنیم. با ما باشید.

برای بهبود SEO و افزایش ترافیک ورودی سایت، آمار را تحلیل کنید

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

معرفی افزونه‌های نقد و بررسی و نشانه‌گذاری Schema برای بهبود سئو در وردپرس

یکی از مسائل مهم در SEO و رتبه‌ی مطالب سایت‌ها در موتور جست‌وجو Google، مقوله‌ی نشانه‌گذاری محتویات صفحه مطابق با استانداردهای Schema.org است. گوگل چندی پیش به صورت رسمی اعلام کرده که رعایت کردن نشانه‌گذاری اسکیما می‌تواند رتبه‌ی سایت‌ها را نسبت به رقبا بهتر کند.

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

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

اجباری کردن دانلود لینک فایل‌های PDF و MP3‌ به جای باز شدن فایل در مرورگر در صفحات وب

یکی از مشکلاتی که وب‌مسترها و طراحان سایت‌های دانلود فیلم و موسیقی و حتی دانلود عکس و PDF دارند، این است که با قرار دادن لینک فایل‌ها در تگ <a>، زمانی که کاربر روی آن کلیک می‌کند، فایل به جای دانلود شدن توسط دانلودر مرورگر یا سایر نرم‌افزارهای مدیریت دانلود، مستقیماً باز می‌شود.

در حقیقت Chrome و Mozilla و بسیاری از مرورگرهای مدرن، می‌توانند فایل‌های MP3‌ و MP4 و PDF و همین‌طور عکس‌ها را باز کنند و طبعاً به جای دانلود کردن، فایل را باز می‌کنند. با تغییراتی در تگ a و همین‌طور htaccess می‌توان این مشکل را برطرف کرد که در این مقاله به آن می‌پردازیم.

قرار دادن لینک دانلود در صفحات وب

فرض کنید در اسکریپت سایت خود، کدهای زیر را در موقعیتی از صفحه برای دانلود کردن چند فایل عکس و ویدیو و موسیقی و پی‌دی‌اف قرار داده‌اید که فرمت فایل‌ها به ترتیب PNG و  MP4 و MP3 و PDF است:

آشنایی با دستورات و روش‌های پرکاربرد تغییر HTML به کمک جاوااسکریپت

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

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

آشنایی با ساختار HTML و ارتباط جاوااسکریپت از طریق DOM

یک جدول ساده در HTML با تگ table‌ ساخته می‌شود. می‌توانید در فایلی با پسوند html از تگ یا سلکتور <table> استفاده کنید و ساخت جدول را آغاز کنید. برای کار کردن و تغییر دادن کدهای HTML که ممکن است به صفحات استاتیک یا دینامیک سایت‌ها مربوط باشند، می‌توان از JavaScript استفاده کرد که در این صورت ارتباط بین HTML و جاوااسکریپت از طریق DOM یا Document-To-Object برقرار می‌شود. در واقع ساختار صفحه‌ی وب که یک صفحه‌ی HTML است، به صورت اشیاء یا Object دیده شده و قابل تغییر است.

گوگل و اندروید

اپل، macOS و iOS

ویندوز

دنیای فناوری

دانش‌نامه

آخرین مطالب سلامت زیستی