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

در این مقاله به معرفی چند تگ مهم و کاربردی دیگر می‌پردازیم. با ما باشید.

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

در این مقاله با تعدادی از تگ‌های مهم و کاربردی HTML برای طراحی وب آشنا می‌شویم. با ما باشید.

اینفوگرافیک به معنی ارایه کردن اطلاعات به صورت تصویری است. معمولاً درک کردن اطلاعاتی که به صورت گرافیکی ارایه شده، ساده‌تر است و از طرفی برای جلب توجه بیننده یا خواننده، موثرتر است. برای ساخت اینفوگرافی، نرم‌افزارهای مختلفی وجود دارد. حتی می‌توانید با Word و PowerPoint آفیس هم این کار را انجام بدهید. اما بدون نصب کردن نرم‌افزار اضافی و تنها با استفاده از اپلیکیشن‌های تحت وب نیز این کار امکان‌پذیر است.

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

کاربردهای سرویس تحت وب Google Forms بسیار متنوع است. از فرم‌های ساده برای ثبت نام و ثبت مشخصات فردی گرفته تا فرم‌های پرسش و پاسخ یا دریافت تکالیف درسی و دیگر فایل‌ها، همگی با سرویس گوگل فرمز قابل پیاده‌سازی است. یکی از نیازهای کاربران Google Forms، محدود کردن تعداد فرم‌های ثبت‌شده و پاسخ‌ها است.

در این مقاله به چند روش محدود کردن تعداد پاسخ‌های و فرم‌های ثبت‌شده در این سرویس می‌پردازیم. با ما باشید.

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

در این مقاله به آموزش طراحی یک سوییچ ساده با استفاده از CSS می‌پردازیم. با ما باشید.

کلیدهای فانکشن یا به عبارت دیگر کلیدهای F1 الی F12 در ویندوز و اغلب نرم‌افزارها مثل گوگل کروم، بسیار کاربردی هستند هر چند ممکن است کاربران مبتدی با عملکرد هر کلید آشنایی نداشته باشند و در واقع از این کلیدها زیاد استفاده نکنند. برخی کلیدها مثل F5 که برای نوسازی یا ریفرش کردن به کار می‌رود، توسط اغلب کاربران استفاده می‌شود اما برخی دیگر کاربرد کمتری دارند.

در این مقاله به عملکرد کلیدهای F1 الی F12 در مرورگر Chrome‌ می‌پردازیم.

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

در ادامه به روش تعریف کردن ابعاد سفارشی در Google Analytics و شیوه‌ی استفاده از آن در بررسی آمار بازدیدکنندگان سایت می‌پردازیم.

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

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

یکی از اصول سئو یا افزایش تعداد بازدیدکنندگان ارگانیک یا به عبارت دیگر ورودی‌های گوگل و موتورهای سرچ، لینک بیلدینگ است. در مقوله‌ی ساخت بک‌لینک، معمولاً به امتیاز سایت‌هایی مثل Moz که به دامین‌های مختلف داده شده، استناد می‌شود و ارزش هر لینک، صرفاً متناسب با متریک‌هایی مثل Moz Authority در نظر گرفته می‌شود.

اخیراً وب‌سایت Moz، در تعریف اعتبار دامنه یا اتوریتی، تغییری ایجاد کرده تا اعتبار با روش بهتر و دقیق‌تری محاسبه شود. در این مقاله به تغییرات و اهداف Moz از این تغییرات می‌پردازیم.

انیمیشن‌ها در طراحی وب نقش اساسی دارند. برای متحرک کردن و تغییرات تدریجی می‌توان از JavaScript و همین‌طور CSS استفاده کرد. با معرفی استاندارد CSS3، طراحی انیمیشن‌های جالب و کاربردی به مراتب ساده‌تر شده است.

در این مقاله با چند مثال کاربردی در طراحی انیمیشن با استفاده از Transition در خدمت شما هستیم.

برای ساخت فرم‌های آنلاین که افراد در کنار وارد کردن مشخصات فردی، می‌توانند فایل آپلود کنند، گوگل و در حقیقت سرویس ابری Google Drive و Google Sheets گزینه‌ی مناسبی است. می‌توان به سادگی فرم موردنظر را با روش درگ و دراپ ایجاد کرد و قابلیت آپلود فایل و دریافت ایمیل تأیید نیز در فرم لحاظ کرد. در چنین فرمی می‌توانید کپچای گوگل، امضای دیجیتالی و موارد دیگری نیز اضافه کنید.

در این مقاله با روش ساخت فرم آنلاین با قابلیت آپلود فایل در گوگل درایو آشنا می‌شویم.

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

در ادامه به معرفی مختصر فرمت SVG و خطرات آن برای سایت‌ها و روش اضافه کردن این فرمت در سایت‌های مبتنی بر وردپرس می‌پردازیم. با سیاره‌ی آی‌تی همراه شوید.