مقالات آموزش طراحی سایت

نگهداری وب سایت چیست و چه هزینه هایی دارد؟

نگهداری وب سایت چیست و چه هزینه هایی دارد؟

ایجاد وب سایتی که ظاهری عالی داشته باشد و عملکرد خوبی داشته باشد برای هر صنعتی مهم است، اما این تنها نیمی از نبرد است – نگهداری به همان اندازه حیاتی است. نگهداری وب سایت شما تضمین می کند که کسب و کار، وبلاگ یا حضور آنلاین شما در طول زمان به تکامل و موفقیت ادامه می دهد. این همچنین نشان می دهد که هر کسی که با سایت شما تعامل داشته باشد همیشه بهترین تجربه کاربری را خواهد داشت. در حالی که چندین کار وجود دارد که باید در هنگام نگهداری وب سایت خود در نظر بگیرید، سازماندهی هر کدام بر اساس هفته، ماه، سه ماهه و سال می تواند به شما در ایجاد یک برنامه اشتباه کمک کند و هیچ چیز را بدون بررسی و توجه باقی نماند. برای کمک به شما برای شروع، ما این راهنمای کامل در مورد نگهداری وب سایت، چرایی اهمیت آن و هزینه آن را گردآوری کرده ایم. آنچه در این مقاله خواهید خواندنگهداری وب سایت چیست؟چرا نگهداری وب سایت مهم است؟1. اولین دید از سایت شما (first impression)2. شهرت تجاری آنلاین3. استراتژی سئو4. فروش5. امنیتوظایف نگهداری وب سایتوظایف هفتگی نگهداری وب سایت:وظایف ماهانه نگهداری وب سایت:وظایف فصلی نگهداری وب ...

چگونه در 4 مرحله یک وب سایت استاتیک بسازیم

چگونه در 4 مرحله یک وب سایت استاتیک بسازیم
 ۰۳ دی ۱۴۰۱      موضوعات: آموزش طراحی سایت 

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

بهترین ابزارهای طراحی UI و UX در سال 2023

بهترین ابزارهای طراحی UI و UX در سال 2023
 ۳۰ آذر ۱۴۰۱      موضوعات: آموزش طراحی سایت مبانی دیجیتال مارکتینگ 

هدف از طراحی رابط کاربری (UI) دستیابی به زیبایی، هماهنگی و قابلیت استفاده هنگام چیدمان یک وب سایت با عناصری مانند تایپوگرافی، طرح های رنگی و تصاویر است. در طراحی تجربه کاربری (UX)، هدف پیش‌بینی سفر کاربر و تجربه کاربر در طراحی سایت و یا طراحی اپلیکیشن است. چه یک طراح حرفه ای یا یک کارآفرین عملی باشید، امروزه اپلیکیشن های زیادی برای کمک به شما در انجام این کار وجود دارد. بنابراین در این مقاله، بهترین ابزارهای طراحی UI و UX را برای شما و طراحی وب سایت شما که یکی از راهنما های عملی برای سادگی کار شماست، گراوری کرده این. ابزارهای زیر شامل طیف گسترده ای از راه حل ها است که به شما در استراتژی، سازماندهی، تجسم و اجرای طرح ها و تعاملات که به طراحی ux وب سایت و اپلیکیشن کمک می کند. علاوه بر این، نیازی نیست که یک طراح حرفه ای باشید یا مهارت های برنامه نویسی داشته باشید تا از مزایای این راه حل ها بهره مند شوید. شاید برای شما نیز مفید باشد: آیا UX شما تاثیرگذار است؟ چگونه تاثیر UX را افزایش دهیم؟ FlowMapp طراحی UX کل تصویر ایجاد یک محصول را در نظر می گیرد - از طراحی آن تا ...

دامنه چیست؟ انواع دامنه ها و آموزش ثبت دامنه

دامنه چیست؟ انواع دامنه ها و آموزش ثبت دامنه
 ۲۷ آذر ۱۴۰۱      موضوعات: آموزش طراحی سایت طراحی سایت 

زمانی که کسب و کار خود را به سمت آنلاین شدن می برید حتما با نام هایی مثل دامنه و هاست اشنا شده اید. اما سوال اینجاست که دامنه چیست و چه کاری در سطح اینترنت انجام می دهد. در حال حاضر شما جای درستی هست و قرار است در ایران وبر به این سوال به صورت کامل پاسخ دهیم. آنچه خواهید خوانددامنه چیست؟دامنه چگونه کار می کند؟چه نوع دامنه هایی وجود دارد؟دامنه های سطح بالادامنه های سطح دومدامنه ها/زیر دامنه های سطح سومتفاوت بین دامنه و URL چیست؟چگونه یک دامنه برای وب سایت خود انتخاب کنم؟چگونه دامنه ثبت کنم؟چگونه دامنه را به هاست متصل کنم؟ دامنه چیست؟ به زبان ساده، دامنه چیزی است که کاربر هنگام بازدید از یک وب سایت در مرورگر وب خود تایپ می کند. نام دامنه شما بخشی از هویت آنلاین شما خواهد شد، بنابراین باید ساده و همسو با برند شما باشد. نام دامنه سایت ایران وبر iranweber.com است. این نام دامنه به کاربران کمک می کند تا به سایت اصلی ایران وبر مراجعه کنند. دامنه چگونه کار می کند؟ کامپیوترها با استفاده از اعداد با یکدیگر صحبت می کنند. مرورگر شما با استفاده از یک آدرس IP (پروتکل اینترنت) به یک وب‌سایت متصل می‌شود، ...

چگونه یک کرون جاب اتوماتیک در لینوکس اوبونتو ایجاد کنیم؟

چگونه  یک کرون جاب  اتوماتیک در  لینوکس اوبونتو  ایجاد کنیم؟
 ۰۳ شهریور ۱۴۰۱      موضوعات: آموزش طراحی سایت 

اگر کاربر اوبوتو باشید حتما برای شما هم پیش امده که برای یک سری کار ها نیاز به کرون جاب دارید. در طراحی سایت و یا پیاده سازی سایت بر روی سرور نیز این مورد مشهود است. در صورتی که از سیستم های مدیریت سرور همچون whm استفاده کنید به راحتی می توانید کرون جاب خودتان را ایجاد کنید. اما در صورتی که سرور خود را با nginx و بدون این سیستم های مدیریت سرور ایجاد کنید، چگونه باید یک کرون جاب ایجاد کنید. ما اینجاییم که به راحتی این مورد را برای شما بر روی Ubuntu 18.04 اجرا کنیم. با ایران وبر همراه باشید. پیش نیاز های نصب کرون جاب شما برای این کار باید یک سیستم عامل Ubuntu داشته باشید. این که ورژن اون کدام باشید، زیاد تفاوتی ایجاد نمی کند. زیرا که همه پکیج نصب کرون جاب را که در این آموزش بیان می شود، پشتیبانی می کنند. بنابراین Ubuntu 16.04 و یا Ubuntu 18.04 و یا Ubuntu 20.04 تفاوتی ایجاد نمی کند. نصب cron بر روی سیستم عامل برای نصب پکیج کرون جاب به ترتیب دستور های زیر را اجرا کنید: sudo apt update sudo apt install cron sudo systemctl enable cron با توجه به این ...

آموزش قرار دادن ساعت و تاریخ شمسی در سایت وردپرسی

آموزش قرار دادن ساعت و تاریخ شمسی در سایت وردپرسی
 ۱۹ آذر ۱۴۰۰      موضوعات: آموزش طراحی سایت 

حتماً در بعضی سایت‌ها دیده‌اید ساعت و تاریخ در بالای صفحه نشان داده می‌شود، این کار برای کاربران زیادی جالب و البته موردنیاز است. همچنین ممکن است بخواهید تاریخ های میلادی سایت خود را به شمسی تبدیل کنید. کافی است با ما در ادامه این مقاله همراه باشید تا برای هر دو مورد راه کاری ارائه کنیم. برای این کار می‌توانید از افزونه یا کدهای جاوا اسکریپتی استفاده کنید، اما ما در نظر داریم روش بهتری به شما معرفی کنیم. شما می‌توانید از طریق استفاده از توابع دل‌نشین وردپرس ساعت و تاریخ شمسی را در هر جای سایت که می‌خواهید نمایش دهید. کافی است کد زیر را در جای دلخواه سایت خود قرار دهید تا تاریخ روز را به نمایش در اوردید. در صورتی که قالب شما بخش header.php را داراست، می توانید در بخش هدر سایت خود قرار دهید یا در بخش index.php کپی کنید. امروز : <?php echo jdate('l j F Y'); ?> ساعت : <?php echo jdate('H:i:s'); ?> اگر می‌خواهید ساعت و تاریخ در دیگر قسمت‌های سایت چون سایدبار یا فوتر هم نشان داده شود، کد را کپی کرده و در قسمت موردنظرتان پیست کنید. به همین سادگی شما می توانید از کد های پی اچ پی ...

برچسب‌ها: , , , , , , ,

افزونه ارسال مطلب به کانال تلگرام به صورت خودکار (وردپرس)

افزونه ارسال مطلب به کانال تلگرام به صورت خودکار (وردپرس)
 ۱۷ آذر ۱۴۰۰      موضوعات: آموزش طراحی سایت وبلاگ 

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

برچسب‌ها: , , ,

آموزش قراردادن css در صفحه html به صورت خارجی و داخلی و درون خطی

آموزش قراردادن css در صفحه html به صورت خارجی و داخلی و درون خطی
 ۰۷ مهر ۱۴۰۰      موضوعات: آموزش طراحی سایت طراحی سایت 

یکی از آموزش های مقدماتی برای طراحی سایت اموزش css است. قبل از این که نحوه نوشتن کد های (سی اس اس ) یا css را بدانید باید نحوه استفاده از این کد ها در داخل صفحات را بیاموزید. در این مقاله روش قراردادن css در صفحه html را خواهید آموخت. css درون خطی اولین چیزی که باید شما بیاموزید، css درون خطی است. برای استفاده از css درون خطی مثال زیر را مشاهده کنید: <h1 style="color:blue;">این عنوان مقاله است!</h1> <p style="color:red;">این یک پاراگراف است.</p> در مثال بالا مشاهده می کنید که از دو تگ h1 و p استفاده شده است. برای هر کدام از یک استایل استفاده شده است. بنابراین همانند مثال بالا شما می توانید فقط یک style به تگ خود اضافه کنید و داخل دابل کوتیشن (" ") اقدام به نوشتن استایل کنید. همانطور که در بالا مشاهده م یکنید به متن عنوان h1 رنگ آبی نسبت داده شده است و برای پاراگراف رنگ قرمز در نظر گرفته شده است. css داخلی در css داخلی، داخل فایل html تگ استایل قرار می گیرد، اما درون تگ استفاده نمی شود. برای آشنایی بیشتر مثال زیر را مشاهده کنید: <!DOCTYPE html> <html> <head> <style> body {background-color: powderblue;} h1 {color: blue;} p ...

برچسب‌ها: ,

کد نوشتن نقل قول در html

کد نوشتن نقل قول در html
 ۱۶ فروردین ۱۴۰۰      موضوعات: آموزش طراحی سایت وبلاگ 

شاید در بسیاری از موارد شما نیاز داشته باشید که در طراحی سایت خود چه با سیستم ها مدیریت محتوا و چه اختصصاصی از نقل قول استفاده کنید. نقل قول برای بیان سخنی از دیگران است. اما لزوم استفاده از نقل قول چیست؟ با ایران وبر همراه باشید. در بسیاری از سیستم های مدیریت محتوا و همچنین ویرایشگر های متن که در سیستم های اختصاصی استفاده می شد گزینه ی نقل قول به راحتی قابل استفاده است. لذا طرح دهی مختلف برای نقل قول می تواند به زیبایی سایت وطراحی شما کمک کنید. کد اختصاصی نقل قول، blockqoute است. که در ادامه مثالی از استفاده از ان را مشاهده خواهید کرد: <blockquote> خلاقیت به معنی مرتبط و متصل کردن موارد مختلف به یکدیگر است. وقتی شما از افراد خلاق می پرسید چطور مسئله یی را پدید آوردند، ممکن است قدری احساس گناه کنند. چونکه احتمالاً در پس ذهنشان متصورند کار اصلی را آنها انجام نداده اند. دیدگاه متفاوت این افراد، به خلق یک امر دگرگون شده منجر گشته است و البته بعد از مدتی این مسئله برای خودشان نیز واضح خواهد شد. استیو جابز </blockquote> نتیجه ی این بلاک به صورت زیر است. ...

برچسب‌ها: , ,

کد ایجاد خط جدید در html

کد ایجاد خط جدید در html
 ۱۵ فروردین ۱۴۰۰      موضوعات: آموزش طراحی سایت 

یکی از بخش های پایه ای html روش ایجاد خط جدید است. در html چندین تگ برای این کار وجود دارد. که ما بر اساس نیاز یکی از این تگ ها را استفاده می کنیم. در ادامه با ما همراه باشید. روش اول ایجاد یک خط جدید با br در این روش باید پس از نوشته یک br اضافه نمایید. به مثال پایین دقت نمایید. <p> علی آمد.<br/> علی رفت </p> همانطور که از کد بالا مشاهده نمودید یک کد br به شکل بالا در متن اضافه می کنیم. نتیجه کار به صورت زیر خواهد شد: علی آمد. علی رفت در کد br از یک کد استفاده کرده و حتما کد br را با علامت / پایان دهید تا در کد شما و آنالیز کد شما توسط موتور های جستجو و استاندار های طراحی وب مشکلی ایجاد نشود. روش دوم استفاده از پاراگراف دوم به مثال زیر توجه کنید: <p> علی آمد. </p> <p> علی رفت </p> نتیجه در این مثال هم همانند قبل بوده و یک پاراگراف جدید ایجاد شده است. نتیجه: علی آمد. علی رفت توجه داشته باشید که برای روش دوم از تگ p استفاده شده است و در تگ p باید تگ باز شونده و بسته شونده داشته باشیم و همانند تگ br فقط با یک کد امکان ایجاد خط جدید وجود ندارد. شما می ...

با ما تماس بگیرید!
021-91018852
آدرس
تهران- بلوار سردار جنگل- بالاتر از تقاطع مخبری - خیابان رجایی - پلاک 36 - واحد 6