nooshin88

توسعه دهنده اندروید
  • تعداد ارسال ها

    74
  • تاریخ عضویت

  • آخرین بازدید

  • Days Won

    1

nooshin88 last won the day on دسامبر 13 2016

nooshin88 had the most liked content!

اعتبار در انجمن

2 Neutral

درباره nooshin88

  • درجه
    توسعه دهنده فعال

Converted

  • website
    http://www.setrokate.com
  1. در این مقاله قصد داریم ۵ عدد قالب زیبا برای هدر و منو بار را به شما معرفی کنیم. تمامی این قالب‌ها با بهره‌برداری از قابلیت بوت استرپ ۴ توسعه یافته‌اند. شما می‌توانید از این قالب‌ها به راحتی استفاده کنید زیرا آنها با سایر بخش‌هایی که خودتان طراحی کرده‌اید کاملا سازگار هستند. قالب‌ها ما ۵ قالب سایت مختلف ایجاد کرده‌ایم که می‌توانید با استفاده از آنها در زمان مورد نیاز برای طراحی سایت مورد نظرتان، صرفه‌جویی کنید. همه این قالب‌ها ساده و ریسپانسیو هستند و روی موبایل هم به خوبی کار می کنند. همانطور که گفته شده شما می‌توانید از این قالب‌ها به عنوان بخشی از طراحی سایت مورد نظرتان استفاده کنید و یا اگر تجربه کار‌کردن با بوت استرپ را دارید به راحتی می‌توانید تمام هدر‌ها را طبق نیاز خود تغییر دهید. طریقه استفاده از قالب‌ها: برای استفاده از قالب کافی است سه مرحله زیر را انجام دهید: فایل با فرمت فشرده (.zip ) را از انتهای متن مقاله، دانلود کرده و آن را از حالت فشرده خارج کنید. قالب مورد نظر خود را انتخاب کنید، کدهای HTML مربوطه را در پروژه خود paste کرده و اطمینان حاصل کنید که صفحه جاری شامل کدهای بوت استرپ‌۴ می‌باشد. استایل‌های لازم در فایل‌های CSS مجزا برای شما مهیا شده‌اند. فایل‌های CSS را در پروژه خود قرار دهید و فراموش نکنید که حتماً فایل‌های CSS مربوطه را در پروژه خود با تگ Link معرفی کنید و یا می‌توانید استایل‌های موجود در هر فایل را کپی و به فایل شامل استایل‌های پروژه خود اضافه کنید. فایل‌های فونت فارسی را که در فولدر font قرار داده شده را به پروژه خود اضافه کنید. رایگان برای استفاده‌های تجاری: کلیه حقوق برای استفاده از این اثر به صورت رایگان در اختیار شما قرار می‌گیرد بنابراین شما می توانید کلیه فایل های این قالب‌ها را شخصی سازی کرده و در پروژه‌های طراحی وب سایت شخصی و تجاری خود استفاده کنید. منبع: تبلیغات گوگل ادوردز
  2. گوگل مپ، یکی از پرطرفدارترین و محبوترین سرویس‌های کمپانی گوگل است که امروزه بطور خیلی رایج در طراحی‌ سایت ها بکار می‌رود. در واقع طراحان سایت بر این باورند که با استفاده از آن می‌توانند نمایش دقیقتری از محل شرکت/ سازمان/ مطب/... ارائه دهند که همین منجر به ایجاد حس بهتری برای کاربران سایتشان خواهد شد. گوگل مپ با در نظر گرفتن ابزارهای متنوع و کارآمد برای کاربرانش توانست خیلی زود طرفداران زیادی را برای خود دست و پا کند و به یک همراه ارزشمند در سفرهای شهری و برون شهری تبدیل شود. این مقاله با هدف "ارائه روشی ساده برای استفاده از این نقشه" در طراحی سایت‌های شما نوشته شده و در طول آن قرار است به طریقه شخصی سازی آن با کمک ویرایش کتابخانه gMaps.js بپردازیم. چشم اندازی به پروژه برای اینکه بتوانیم بهتر به این موضوع بپردازیم تصمیم گرفتیم از یک ساختار HTML و Bootstrap4 استفاده کنیم تا بتوانیم به شما کمک کنیم تا درک بهتری از این موضوع پیدا کنید. <div class="map-example"> <div class="row"> <div class="col-lg-6"> <div id="map"></div> </div> <div class="col-lg-6"> <div class="heading"> <h3>Lorem Ipsum Dolor</h3> <div class="rating"><i class="fa fa-star icon"></i> <i class="fa fa-star icon"></i> <i class="fa fa-star icon"></i> <i class="fa fa-star icon"></i> <i class="fa fa-star-o icon"></i> </div> </div> <div class="info"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare leo porta cursus porttitor. Proin quis tempor lectus. Cras sodales nisi ut felis tincidunt suscipit. Nullam consectetur odio et lacus tempor vestibulum.</p> <p>Aenean convallis, tortor eget vehicula vestibulum, sem nibh rutrum sem, vel sodales nisl velit eu ex. Sed hendrerit efficitur sollicitudin. Maecenas tempus augue lacus.</p> </div> <div class="gallery"> <h4>Photos</h4> <div class="row"> <div class="col-md-4"><a href="assets/img/image2.jpg"><img class="img-fluid image" src="assets/img/image2.jpg" /></a></div> <div class="col-md-4"><a href="assets/img/image3.jpg"><img class="img-fluid image" src="assets/img/image3.jpg" /></a></div> <div class="col-md-4"><a href="assets/img/image4.jpg"><img class="img-fluid image" src="assets/img/image4.jpg" /></a></div> </div> </div> </div> </div> </div> شما در انتهای این مقاله با نتیجه‌ای همانند آنچه در تصویر زیر مشاهده می‌کنید، مواجه خواهید شد. لایه بندی ساختاری که برای شما در نظر گرفته‌ایم ساختاری دو ستونه براساس بوت استرپ می‌باشد. در ستون سمت راست قرار است نقشه گوگل را نمایش دهیم و در سمت چپ باکسی شامل عنوان، توضیحات، فونت آیکون‌ها و تصاویری کوچک نمایش داده می‌شوند. تنظیمات نقشه گوگل: برای استفاده از نقشه گوگل در طراحی سایت در گام اول احتیاج است تا کتابخانه gMaps.js و کد API را در پروژه خود وارد کنید. برای قسمت "API Key" می‌توانید از کدهایی که پیش‌تر داشته‌اید نیز استفاده کنید، اما چنانچه کدی ندارید می‌توانید به لینک طریقه گرفتن API Key بروید و یک کد جدید بسازید. اکنون کافی است کد API خود را جایگزین عبارت در کد زیر کنید. <script src="http://maps.google.com/maps/api/js?key=YOUR_API_KEY&language=fa"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gmaps.js/0.4.25/gmaps.js"></script> حال زمان آن است که شما، نقشه خود را ایجاد کنید. ما در این فایل‌ها برای شما یک آبجکت جدید به همراه پارامترهای آن ایجاد کرده‌ایم. شما با کمک انتخابگر (‘map’) و پارامترهای طول (longitude) و عرض جغرافیایی (Latitude) می‌توانید نقطه موردنظرتان را در نقشه نمایش دهید. اکنون نیاز دارید تا نشانگر نقشه خود را فعال کنید. متد به همراه مقدار طول و عرض جغرافیایی مکان به همین منظور برای شما درنظر گرفته شده‌است. با کمک این مقادیر نشانگر را در موقعیت صحیحش قرار دهید. حال می‌توانید با جایگزین مقادیر صحیح برای متد میزان بزرگ نمایی نقشه خود راتعیین کنید. دقت کنید هرچه عدد شما عددی کوچکتر باشه میزان بزرگنمایی برای شما بیشتر خواهد بود. var map = new GMaps({ el: '#map', lat: 40.730610, lng: -73.935242 }); map.addMarker({ lat: 40.700610, lng: -73.997242, title: 'New York' }); map.setZoom(8); استایل‌ها: برای راحتی کار شما، استایل‌های مربوط به نمایش نقشه‌ را در یک فایل css مجزا قرار داده‌ایم. از آنجایی که ساختار پروژه را بر مبنای بوت استرپ چیده‌ایم بیشتر استایل‌ها توسط فریم ورک بوت استرپ فراخوانی شده‌اند و ما تنها چند استایل مربوط به مارجین و پدینگ و فونت و رنگ‌ها را در این فایل گنجانده‌ایم. .navbar.navbar-light.navbar-expand-lg.bg-white.page-navbar { box-shadow:0 4px 10px rgba(0, 0, 0, 0.1); } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { font-weight:bold; } .nav-item.item { padding-right:2rem; } .navbar-nav:last-child .item:last-child, .navbar-nav:last-child .item:last-child a { padding-right:0; } .map-example .heading .icon { color:#ffb526; } .map-example { margin-top:50px; padding-bottom:100px; } .map-example .heading { margin-bottom:20px; border-bottom:1px solid #e4e4e4; padding-bottom:30px; } .map-example .info { margin-bottom:20px; border-bottom:1px solid #e4e4e4; padding-bottom:20px; color:#636363; } .map-example .gallery h4 { margin-bottom:30px; } .map-example .gallery .image { margin-bottom:15px; box-shadow:0px 2px 10px rgba(0, 0, 0, 0.15); } .map-example #map { height: 300px; margin-bottom: 20px; } .page-footer { padding-top:32px; border-top:1px solid #ddd; text-align:center; padding-bottom:20px; } .page-footer a { margin:0px 10px; display:inline-block; color:#282b2d; font-size:18px; } .page-footer .links { display:inline-block; } @media(min-width: 992px){ .map-example #map{ height: 500px; } } نتیجه گیری: شما می‌توانید فایل کامل این آموزش را از لینک دانلود در قسمت پایین مقاله دانلود کنید، به راحتی آن را شخصی سازی کنید و در طراحی سایت‌های خود بکار ببرید بدون آن که به مجوز و یا کتابخانه دیگری احتیاج داشته باشید.
  3. در این مقاله قصد داریم ۳ قالب گالری در بوت استرپ ۴ به شما معرفی کنیم که زمانیکه اشاره گر موس روی تصاویر آنها قرار میدهید، افکت های جذابی را مشاهده می کنید. این قالب ها کاملا رایگان و ریسپانسیو هستند. برای استفاده از این قالبها تنها چیزی که لازم است انجام دهید یک Copy-Paste ساده است. درباره قالب‌ها قالب ها با اجزای شبکه بوت استرپ 4 ساخته می شوند و با html و css کاملا سازگاری دارند. بنابراین، شما می توانید بدون نگرانی از به هم ریختن سایر استایل‌هایتان از انها استفاده کنید. هر قالب دارای طراحی تمیز و مدرن بوده و خاصیت شناوری منحصربه‌فرد CSS‌ی دارد. برای قابلیت Lightbox ما از پلاگین baguetteBox استفاده کردیم که ساده است و هیچ وابستگی ندارد. طریقه استفاده برای استفاده از هر کدام از قالب‌هایی که در دمو مشاهده می‌کنید، می‌بایست مراحل زیر را طی کنید: ۱- فایل با فرمت فشرده (.zip )را از انتهای متن مقاله، دانلود کرده و آن را از حالت فشرده خارج کنید. ۲- کدهای HTML را در پروژه خود paste کرده و اطمینان حاصل کنید که صفحه جاری شامل کدهای بوت استرپ‌۴ می‌باشد. ۳- استایل‌های مربوط به هر قالب گالری، در فایل‌های CSS مجزا برای شما مهیا شده‌اند. فایل‌های CSS را در پروژه خود قرار دهید و فراموش نکنید که حتماً فایل‌های CSS مربوطه را در پروژه خود با تگ Link معرفی کنید و یا می‌توانید استایل‌های موجود در هر فایل را کپی و به فایل شامل استایل‌های پروژه خود اضافه کنید. ۴- برای استفاده از افکت‌های پلاگین baguetteBox، فایل‌های CSS و JS مربوط به این پلاگین را حتما در پروژه خود قرار داده و در نهایت تنظیمات لازم برای آنها را در تگ اسکریپت انجام دهید. رایگان برای استفاده‌های تجاری: شما براحتی می‌توانید این پلاگین را شخصی‌سازی کنید و در طراحی سایت، کاربردهای شخصی و تجاری خود، از آن بهره ببرید. این پلاگین کاملاً مستقل بوده و رایگان در اختیار شما قرار گرفته است. بدون نیاز به هیچ کتابخانه و توابع اضافی دیگری این پلاگین را نصب و از کار کردن با آن لذت ببرید. منبع: تبلیغ گوگل ستروکیت
  4. انتخاب درست زبان برنامه نویسی همواره مهمترین چالش برای برنامه نویسان است. جواب‌های گوناگون برنامه نویسان به این مساله توانسته این موضوع را به یکی از داغترین موضوعات دنیای برنامه نویسی تبدیل کند. انتخاب شما چیست؟ ASP.NET یا PHP ؟ پاسخ به این موضوع کاملا نسبی است و متناسب با پروژه‌های پیش روی شما می‌تواند متفاوت باشد. نباید فراموش کرد که دو زبان ASP.NET وPHP ابزار هایی بسیار قدرتمند برای مدیریت برنامه‌ تحت وب هستند از این رو بهتر است برای داشتن یک انتخاب درست میان آن‌ها، نسبت به آن‌ها آگاهی کافی داشته باشید. در ادامه این مقاله ما به توصیف این دو زبان خواهیم پرداخت و به ویژگی های اصلی آن‌ها اشاره خواهیم داشت. ASP.NET یک تکنولوزی متن باز (open-source) سمت سرور است که قابلیت ساخت نرم افزار تحت وب را دارد. خوب است بدانید برخلاف PHP زبان ASP.NET به خودی خود یک زبان برنامه نویسی نیست، به عبارتی دیگر، بیشتر فریم ورک به حساب می‌آید. در واقع ASP.NET یک تکنولوژی برنامه نویسی تحت وب با استفاده از دات نت است. همانطور که می دانید فریم ورک ها کتابخانه هایی هستند که به منظور های مختلف ایجاد شده‌اند و مورد استفاده قرار می گیرند. از نکات قابل توجه ASP آن است که ASP.NET زاییده افکار شرکت مایکروسافت است، از این رو برای راه اندازی بر روی سیستم عامل ویندوز طراحی و پیاده سازی شده‌است. ویژگی های کلیدی ASP.NET: فریم ورک تحت ویندوز متن باز امکان ساخت فرم تحت وب و همچنین امکان ایجاد API کاربردی PHP چیست؟ PHP یک زبان برنامه نویسی پرطرفدار متن باز با کاربردهای فراوان در راستای توسعه وب است. این زبان همانند ASP.NET یک زبان سمت سرور بوده و به شما امکان ایجاد نرم افزارهای داینامیک تحت وب را می دهد، مانند ایجاد صفحه ورود، انجمن ها و نظرسنجی ها. برای کارکردن با زبان PHP در قدم نخست نیاز به یک مفسر(Interpreter) دارید (مانند Apache که رایج ترین انتخاب ممکن است). PHP را می‌توان بر روی هر سروری که HTML را پشتیبانی کند، اجرا کنید. پایگاه داده‌ای که برای نرم افزارهای PHP استفاده می‌شود پایگاه داده رایگان MYSQL است. نام PHP و HTML همواره در طراحی نرم افزار تحت وب کنار هم می آیند از این رو برای شما بهتر است که تا حدی به زبان HTML نیز آشنایی داشته باشید. ویژگی های کلیدی PHP: محبوبیت برای طراحان وب امکان طراحی نرم افزار تحت وب امکان جایگذاری در HTML متن باز عدم نیاز به IDE خاص جهت توسعه نرم افزار زبان سروری و امکان اجرا بر روی تمام پلتفرم‌ها مقایسه ASP.NET و PHP: اگر به یاد داشته باشید ابتدای مقاله اشاره کردم که PHP و ASP.NET دو ابزار برای رسیدن به اهداف مشابه می‌باشند، اما سوال اصلی اینجاست: تفاوت ASP.NET و PHP در چیست؟ در پاسخ به این سوال لازم است مجددا یادآوری کنم که ASP.NET و PHP به صورت هسته ای و ریشه‌ای متفاوت هستند . ASP.NET فریم ورکی است که به صورت عمده از C# استفاده می کند(اگرچه که همه جایگزین ها را نیز پشتیبانی می کند) اما PHP یک زبان برنامه نویسی مستقل است. در نتیجه به لحاظ منطقی، از نظر کارآیی نمی‌توان این دو را با یکدیگر مقایسه کرد. در واقع مقایسه درست در این میان، مقایسه کارآیی PHP و C# خواهد بود. اگر می خواستیم یکی از این دو زبان را انتخاب کنیم، ممکن بود در بحث کارایی، C# به PHP برتری هایی داشته باشد اما خوشبختانه سخت افزار های روز دنیا به گونه ای ساخته شده اند که دیگر برای کارایی ذاتی بیشتر زبان ها، محدودیتی ایجاد نخواهند کرد. به عبارت دیگر زمانی که بحث کارکرد باشد تنها انتخاب شما در نحوه کد زدن نرم افزارتان تعیین کننده خواهد بود. ممکن است تا اینجا شما فکر کرده باشید که این اطلاعات برای انتخاب میان این دو زبان کمکی نکرده‌است، حق با شماست. واقعیت آن است که این انتخاب به ابزار و امکانات انتخابی شما وابسته خواهد بود برای مثال نوع سیستم عامل شما. جمع بندی: انتخاب زبان مناسب برنامه نویسی هرگز کار ساده ای نیست. همانطور که گفته شد PHP و ASP.NET هر دو دارای قدرت فوق العاده‌ و انتخاب هایی عالی برای بیشتر پروژه های توسعه وب هستند. وقتی می خواهیم یکی از این ابزار را انتخاب کنیم دیگر فقط سلیقه شخصی شما نقش کلیدی را بازی خواهد کرد. اگر دنبال آسان ترین انتخاب هستید احتمالا PHP بهترین انتخاب شماست، گرچه که ASP.NET به همان اندازه قوی است و شما نباید آن را از آپشن های خود به طور کلی حذف کنید. منبع: طراحی سایت ستروکیت
  5. رنگ‌ها را کم اهمیت نشمارید، از تأثیرگذاری رنگ‌ها، بر روی نگاه و احساس هرگز غافل نباشید. رنگ‌ها جادو می‌کنند. آن‌ها می‌توانند بازدیدکنندگان وب سایت شما را که برای اولین بار از سایت شما دیدن می‌کنند، تحت تأثیر قراردهند. رنگ‌ها را می‌توان یکی از سه فاکتور مهم ترغیب و جذب مشتریان دانست. رنگها را چگونه درست انتخاب کنیم؟ باید بدانید اغلب مشتریان شما پیش‌تر از آنکه تصمیم به طراحی سایت بگیرند، لوگوی تجاری خود را طراحی کرده‌اند و در لوگوی خود مجموعه‌ای از رنگ‌ها را بکار برده‌اند. اکنون وظیفه شماست تا با عنوان یک طراح سایت، به مشتریان خود مشاوره دهید و با آن‌ها صحبت کنید. در ارتباط با رنگ‌های مناسب برای سایت آن‌ها ( با توجه به خدمات / محصولات و لوگوی شرکت ) گفتگو کنید و حتی پیشنهادها و انتقادهای خود را راجع به رنگ‌ها و حتی حذف آن‌ها، با مشتریان درمیان بگذارید. رنگ‌ها صحبت می‌کنند، در فرهنگ‌ها و کشورهای مختلف معانی گوناگونی دارند، رنگ‌ها و معانی آن‌ها را بشناسید تا بتوانید مناسبترین‌ انتخاب را باتوجه به هدفتان داشته‌باشید. در اینجا به توصیفی کوتاه از سری رنگ‌های اصلی می‌پردازیم: - آبی: نمایانگر پایداری، ثبات، اعتماد، اطمینان است و البته مناسب‌ترین گزینه‌، برای وب سایت‌هایی که به جلب اعتماد مشتریان خود نیاز دارند. - مشکی: زیبایی، ارزشمندی، تکامل و پر رمز و راز بودن را تداعی می‌کند. - سفید: نمادی از صلح، خلوص و سادگی است. - نارنجی: گرما، اشتیاق و هشدار را یادآوری می‌کند. - قرمز : قدرت، استحکام، عشق و علاقه را به نمایش می‌گذارد. - قهوه‌ای: می‌تواند برای کاربردهای عمومی اعم از مسايل مربوط به اجتماع، مسائل طبیعی و روزمره و سلامتی به کاربرده شود. - زرد: این رنگ اغلب با مفاهیم درخشش، شادی، امیدواری همراه است. رنگ‌‌های متن: سهولت مطالعه و خواندن متون بر روی کاغذها در مقایسه با مانیتورها موجب شد تا طراحان وب بیش از پیش نسبت به این مسأله ریزبین باشند و در انتخاب رنگ متن‌ها و پس زمینه آن‌ها نهایت حساسیت را بکار گیرند. خوانا بودن متن، مسأله‌ای بسیار ضروری است. رعایت رابطه معغیر مجاز رنگ متن با پس زمینه، کلید موفقیت شماست. برای مثال چناچه شما برای متن خود رنگی روشن درنظر گرفته‌اید حتما رنگی تیره را برای پس زمینه خود انتخاب کنید. از جمله ترکیب رنگ‌های مرسوم می‌توان به رنگ‌های سفید و مشکی اشاره داشت. رنگ‌های آبی و قرمز نیز برای بکاربردن در لینک‌ها و متن‌های پراهمیت بسیار مناسب خواهند بود. تناقض! ویژگی تناقض (کنتراست) نقش بسیار مهمی را در خوانا بودن متن‌های شما بازی می‌کند. بنابراین هرگز متن‌ها و پس‌زمینه‌ها را با تناژ رنگی خیلی نزدیک بهم بکار نبرید. رنگ‌های تحت وب: یکی از مشکلات شایع طراحان سایت که به هنگام طراحی سایت و انتخاب رنگ‌ها با آن مواجه می‌شوند آن است که متاسفانه مرورگرها کلیه رنگ‌ها را پشتیبانی نمی‌کنند و نمی‌توانند تمام آن‌ها را به درستی به نمایش بگذارند. درواقع زمانیکه مرورگرها با رنگی مواجه می‌شوند که برای آن‌ها تعریف نشده‌باشد، آن رنگ را به رنگ دیگری نمایش می‌دهند همچنین برخی از کامپیوترها با کارت‌های گرافیک قدیمی، ممکن است در نمایش صحیح رنگ‌ها با مشکل مواجه شوند. بنابراین بهترین راه برای جلوگیری از این مسئله، استفاده از پالت رنگی مرورگرهاست. این راهکار بسیار محافظه کارانه خواهد بود و مطمئن باشید رنگ‌های شما در تمامی مرورگرها و سخت افزارها به درستی نشان داده خواهند شد. شاید شما این مسأله را نوعی محدودیت در طراحی وب سایت بشمارید اما واقعیت آن است که این تنها راهی است که می‌توانید از صحت نمایش رنگ‌ها در وب سایت خود اطمینان داشته باشید. جالب است بدانید با رعایت انتخاب رنگ‌ها از پالت رنگی مرورگرها می‌توانید حجم فایل‌های آپلودی خود را به صورت چشمگیری کاهش دهید و در بهبود سرعت وب سایت خود تأثیر گذار باشید. روانشناسی رنگ‌ها: رنگ‌ها با توجه به احساسی که به بیننده می‌دهند، به سه گروه مجزا دسته‌بندی می‌شوند. برای انتخاب رنگ‌های یک سایت اغلب از گروه‌هایی استفاده می‌شود که با حال و احوال سایت سازگاری بیشتری داشته‌باشند. رنگ‌های سرد: رنگ‌های سرد عموماً حس آرامش را در مخاطب برمی‌انگیزند. اگر غالب سایت با رنگ‌های سرد طراحی شده‌باشد، حس سردی و ناخوشایندی را به بازدیدکنندگان القاء خواهد کرد از این رو اغلب آن‌ها را با ترکیب رنگ‌های گرم و یا خنثی بکار می‌برند. آبی سبز فیروزه‌ای نقره‌ای رنگ‌های گرم: رنگ‌های گرم حالت هیجانی خوانندگان وب سایت را بالا می‌برند. این رنگ‌ها می‌توانند رنج احساسی شما را از مرحله تعادل به خشونت و ناآرامی تغییر دهند. در نتیجه استفاده بیش از اندازه از آن‌ها می‌تواند اثر نامطلوب و غافلگیرکننده‌ای بر کاربران شما داشته باشد. قرمز زرد صورتی نارنجی طلایی رنگ‌های خنثی: رنگ‌های خنثی می‌توانند رنگ‌های مناسبی برای متن‌ها و پس زمینه سایت شما باشند و اغلب آن‌ها را در کنار رنگ‌های گروه‌های دیگر به صورت ترکیبی بکار می‌برند. جلب توجه شما نسبت به رنگ‌های اصلی و کنترل تناژ رنگی سایت می‌تواند از تأثیرات این گروه از رنگ‌ها باشد. مشکی سفید خاکستری قهوه‌ای بژ نتیجه‌گیری: بدون شک می‌توان رنگ را به عنوان یک ابزار قدرتمند برای طراحان سایت معرفی کرد و بدون اغراق می‌تواند اولین المانی باشد که بازدیدکننده سایت به آن توجه می‌کند و باعث جذب/ دفع بازدیدکنندگان و حتی جلب مشتریان جدید می‌شود. دو سایت مشابه با رنگ‌های متفاوت می‌توانند تجربه‌ای کاملاً متفاوت را برای بازدیدکنندگان سایتشان رقم بزنند. سخن آخرم با شما طراحان سایت آن است که در مرحله اول از طراحی خود تنها بر روی رنگبندی آن تمرکز کنید. باقی موارد و امکانات دیگر سایت، با صحبت با مشتریان شما مشخص خواهند شد. امیدوارم که توانسته باشم آنطور که باید اهمیت این موضوع را روشن کنم. اگر شما نیز مطلب مفید یا پیشنهاد کاربردی در رابطه با موضوع رنگ‌ها برای خوانندگان ما دارید، خوشحال می‌شویم آن‌ها را در بخش دیدگاه‌ها با ما در میان بگذارید. منبع: طراحی سایت ستروکیت
  6. این مقاله به افرادی که قصد فعالیت حرفه‌ای در زمینه سئو را دارند، کمک بسیاری خواهد کرد. ضمن نوشتن این مقاله، به کلیه نیازهای مؤسسات و شرکت‌ها در این حرفه توجه کافی داشته‌ایم و سعی کرده‌ایم نکات کلیدی برای موفقیت در آن را به تفصیل توضیح دهیم. حتماً ما را تا انتهای این مقاله همراهی کنید. به طورکلی برای فعالیت در زمینه سئو، مهارت‌ها و دانش‌های بسیاری دخیل هستند. مانند برنامه‌نویسی، بازاریابی، روزنامه‌نگاری و ….با این وجود به هنگام استخدام افراد، ارزیابی کلیه این مهارت‌ها لزومی نخواهد داشت و تنها با بررسی چند ویژگی متقاضیان از یکدیگر تفکیک خواهند شد. در ادامه به هشت مهارت برتری که سئوکاران را از یکدیگر متمایز می‌کند، اشاره خواهیم کرد. ۱- قدرت فکر و نحوه مدیریت شرایط بحرانی برای یک نفر که می‌خواهد در زمینه سئو به صورت حرفه‌ای فعالیت کند، بسیار حیاتی است تا بتواند علت‌ها و معلول‌ها را در مواقع بحرانی بشناسد و راه حلی مناسب ارائه دهد. عموما سئوکارها باید بتوانند تشخیص دهند: - چه اتفاقی افتاده؟ - برای چه آن اتفاق افتاده؟ - و چه راه حلی برای حل آن بحران ارائه می‌دهند؟ بدیهی است که برای حل یک مسأله، راه حل‌های گوناگونی وجود دارد اما در اینجا ارائه کوتاه‌ترین راه یا به اصطلاح ارائه‌ی یک راه حل میانبر مدنظر ماست. در مصاحبه استخدامی عموماً شما را با مطرح کردن یک فرضیه به چالش خواهند کشید. برای مثال: - فرض کنید که تصمیم به تأسیس یک مؤسسه داریم. گام اول برای پیروزی چیست؟ در چنین پرسش‌هایی جواب درست و غلطی وجود ندارد و تنها جواب شما گویای طرز فکر شما خواهد بود. ۲- توانایی نوشتن و صحبت کردن یک متخصص سئو کلمات کلیدی را به خوبی می‌شناسد و می‌تواند با توجه به آن‌ها محتوایی کاملاً ارزشمند تولید کند. دقت داشته باشید، مقصود ما توانایی نوشتن یک مقاله ساده یا صحبت در یک کنفرانس نیست. در سئو تنها داشتن اعتماد به نفس کافی نیست و شما باید توانایی ادغام تفکرات مختلف و پیچیده و بیان آن‌ها با مفهومی ساده‌تر برای عموم مردم را داشته‌باشید، بگونه‌ای که آن‌ها را به بحث در آن موضوع و پیگیری آن ترغیب نمایید. ۳- مهارت‌های فنی و برنامه نویسی خوب میدانم که این مسأله برای شما کمی ابهام برانگیز خواهد بود و مطمئناً خواهید گفت، در اطراف ما افراد بسیاری هستند که بدون داشتن کمترین دانشی در زمینه برنامه‌نویسی در این حرفه مشغول به فعالیت هستند. باید بگویم نکته دقیقا همینجاست، شما با داشتن اندکی دانش برنامه نویسی، خواهید توانست به صورت حرفه‌ای‌تر در این زمینه فعالیت کنید. برای یک سئوکار حرفه‌ای، دانستن عواملی همانند تأثیر سرعت لود صفحه، چگونگی پردازش و ترجمه صفحه، تکنیک لیزی لود، روش‌های ریدایرکت آدرس‌ها در سمت سرور و میکرودیتاها ضروری است. من اصلاً قصد ندارم بگویم که یک نفر در زمینه سئو باید بتواند کدنویسی کند، هرگز. اما باید با معیارهای کدگذاری آشنا باشد، نسبت به پیامد تغییرات کدها و تأثیرات‌ آن‌ها آگاه باشد، باید بتواند روند کاری یک برنامه نویس وب را در ازای تغییرات خواسته شده درک کند، خطاها را تا حدودی بشناسد و نحوه‌ی غلبه بر‌آنها را تا آنجا که به حرفه‌ی او مرتبط است بداند. ۴- مهارت‌های برقراری روابط اجتماعی خوب است که بدانید مخاطبان شما تمایل ندارند تا به مشکلاتی که منحصر به وب سایت شماست گوش دهند، آن‌ها ترجیح می‌دهند تا از رویدادها و اخبار جدید آگاه شوند. ۵- توانایی تجزیه و تحلیل یک سئوکار حرفه‌ای می‌تواند با کمک کوگل آنالیتیک و یا دیگر برنامه‌ها داده‌های خود را تجزیه و تحلیل کند و در زمان به میزان بالایی صرفه جویی نماید. آشنایی با شاخص KPI برای انتخاب استراتژی صحیح سئو، برای شما بسیار کارآمد خواهد بود. باید بگویم اگر شما توانایی تجزیه وتحلیل داده‌ها را نداشته باشید، دیدگاه‌‌های بسیاری را از دست خواهید داد. ۶- مهارت اکسل تحلیل داده‌ها به تنهایی برای شما کافی نخواهد بود گاهی اوقات نیاز است تا بتوانید بر روی داده‌ها اندکی محاسبات انجام دهید تا بتوانید راهکار مناسب را پیدا کنید. مهارت اکسل در اینجا به کار شما خواهد آمد. توابع تلفیقی، شرطی و بسیاری دیگر از توابع در اکسل باید به بخشی از ابزار شما در زمینه سئو تبدیل شوند. امکان رصد کردن XML نقشه سایت، اندازه‌گیری الگوریتم تغییرات و تأثیرات آن‌ها بر داده‌ها، تشخیص کلمات کلیدی با کمک اکسل، بسیار ارزشمند خواهند بود. ۷- انگیزه و سازگاری باید بدانید، سئو اصلاً منحصر به ساعت کاری شما نخواهد بود و این دقیقاً همان ویژگی است که می‌تواند آن را خسته‌کننده و یا لذت‌بخش کند. در‌ واقع کار سئو، اصلاً به این صورت نخواهد بود که هر روز عصر شما آن را ترک کنید و روز بعد آن را از سر بگیرید. سئو تمام مدت شبانه‌روز ذهن شما را درگیر خواهدکرد. از دیگر نکاتی که باید یادآور شویم، آن است که در سئو باید مرتبا به روز باشید و هرگز اشتیاق یادگیری خود را از دست ندهید. زبان برنامه نویسی جدید، فریم ورک‌ها (وردپرس، جوملا،...)، الگوریتم‌ موتورهای جستجوی جدید همانند AMP, Schema…. درواقع همیشه مبحثی برای یادگیری شما در نقش یک سئوکار حرفه‌ای وجود خواهد داشت. یک متخصص سئو همیشه خودش حلال مشکلاتش است و قادر است یک پروژه سئو را به طور مستقل مدیریت کند. برای مثال خودش از ابزار گوگل آنالیتیک و یا API استفاده و داده‌ها را آنالیز، تجزیه و تحلیل می‌کند. از سویی دیگر در سئو لزوم برخورداری از روحیه سازش و انطباق‌پذیری به شدت احساس می‌شود. برخی اوقات نیاز است تا تابع نظر مشتریان بود و تقاضاها و درخواست‌های آن‌ها را با کمال میل شنید و پذیرفت، حتی ایده‌ای که ممکن است در نگاه اول چندان معقول و خوشایند نباشد. اینجا دقیقاً هدف، رضایت مشتری است. ۸-حس شوخ طبعی: ما در سئو با فراز و نشیب‌های بسیاری مواجه خواهیم بود. سئو تنها کار شماست و نباید تمام زندگی شما را تحت تأثیر قرار دهد. این استرس در کار، به روزهای بعد نیز انتقال خواهد یافت. ساده گرفتن و حس شوخ‌طبعی کار شما را به مراتب لذت بخش‌تر خواهد کرد.
  7. به طور معمول یک مدیر سایت یا به عبارتی ادمین سایت، از اختیارات کامل مدیریتی کاربران برخوردار است و می‌تواند به راحتی کاربران را حذف، اضافه و یا حتی ویرایش کند. اما ممکن است بنا به دلایلی این مدیریت دچار اختلال شود، برای مثال سایت شما هک شود یا نام کاربری و رمز عبور ادمین سایت تغییر یابد و یا ممکن است ادمین سایت شما، برای مدت کوتاهی در شرکت شما فعالیت داشته باشد و بعد از گذشت زمانی آن‌جا را ترک کند و یا حتی ادمین سایت، خود رمز عبورش را فراموش کرده باشد. خوشبختانه جوملا این مواقع را پیش بینی و برای آن‌ها راه حل‌هایی را ارائه کرده‌است تا ادمین سایت بتواند مجددا وارد بخش مدیریتی سایت شود و کنترل موارد را بر عهده بگیرد. - روش نخست: تنظیمات فایل configuration.php ابن روش در مواقعی که شما به فایل configuration.php سایت خود از طریق سرور دسترسی داشته‌باشید، کاربرد دارد: با کمک برنامه‌های انتقال فایل FTP، همانند FileZilla به سرور خود وصل شوید و فایل configuration.php را پیدا کنید. ۱- پیش از هر کاری سطح دسترسی این فایل را چک کنید، اگر سطح دسترسی این فایل به عدد ۴۴۴ و یا هر عددی غیر از ۶۴۴ تغییر یافته بود، آن را به ۶۴۴ تغییر دهید. این کار به شما کمک می‌کند که پس از اعمال تغییرات لازم بر روی فایل، به هنگام آپلود آن با مشکل مواجه نشوید. ۲- فایل confiuration.php را دانلود کنید. ۳- فایل configuration.php را توسط یک ویرایشگر متن همانند notpad++، texteditor و… باز کنید و خط دستوری زیر را به انتهای لیست اضافه کنید. public $root_user='myname'; در‌واقع 'myname' نام کاربری است که شما رمز عبور آن را می‌دانید ودارای سطح دسترسی در حد Athuor و یا حتی بالاتر از آن است و شما با این‌کار به آن دسترسی در سطح ادمین سایت خواهید داد. ۴- پس از انجام تغییرات بالا، فایل را ذخیره کنید و مجدداً در سرور آپلود کنید. با این کار، کاربری که شما معرفی کرده‌اید به طور موقت دارای دسترسی Super Administrator خواهد بود. ۵- با نام کاربری و رمز عبور جدید وارد بخش مدیریتی سایت شوید و رمز عبور کاربر ادمین را تغییر دهید و یا حتی می‌توانید نام کاربری آن را حذف کنید و کاربر ادمین جدیدی را معرفی کنید. ۶- زمانی که تغییرات را ذخیره کردید پیغامی حاوی لینک Click here to try to do it automatically برای شما ظاهر خواهد شد. دقت داشته باشید که حتما آن را انتخاب کنید، چرا که با این کار دستوری را که پیش از این در فایل configuration.php وارد کرده بودید و کاربر جدیدی را با سطح دسترسی super user معرفی کرده بودید، به صورت اتوماتیک پاک خواهد شد.(به جهت مسائل امنیتی این کار الزامی است) اگر با انتخاب این لینک، خط موردنظر از فایل شما پاک نشد، مجدداً فایل را دانلود کنید، در یک ویرایشگر متن باز کرده و خط موردنظر را پاک کنید و در نهایت مجدد در سرور آپلود نمایید. با کمک برنامه‌های انتقال فایل FTP سطح دسترسی فایل configuration.php را چک کنید، باید مقدار عددی آن برابر با ۴۴۴ باشد. چنانچه خط public $root_user='myname'; را به صورت دستی از فایل حذف کرده‌اید حتماً دقت کنید که سطح دسترسی فایل را به ۴۴۴ تغییر دهید. اما در شرایطی که شما نام کاربری دیگری را در سایت ندارید باید از طریق دیتابیس، رمز عبور ادمین را ریست و یا بازیابی کنید. - روش دوم: تغییر در دیتابیس: اگر روش بالا برای شما کارآمد نبود، دو روش دیگر برای ریست و بازیابی رمز عبور ادمین وجود دارد که در هر دو دسترسی به دیتابیس از طریق phpmyadmin الزامی است. اول: تغییر رمز عبور در دیتابیس ۱- از طریق ، phpmyadmin وارد دیتابیس سایت جوملای خود شوید و از بخش دراپ دان سمت چپ بر روی نام دیتابیس خود کلیک کنید. با این‌کار تمام جدول‌های داده‌ای شما در بخش سمت راست نمایش داده خواهند شد. ۲- از میان جدول‌های نشان داده شده، بر روی جدولی با نام "users_ " کلیلک نمایید. ۳- در این صفحه شما مشخصات ثبت شده کلیه اعضای سایت را می‌توانید ببینید. با کمک ابزار سرچ در بالای صفحه می‌توانید نام کاربری مورد نظر خود را جستجو کنید. ۴- نام کاربری مدنظر خود را که قصد دارید رمز عبور آن را تغییر دهید پیدا کنید و بر روی گزینه Edit در گوشه سمت چپ سطر، کلیک نمایید. ۵- فرمی برای شما نمایش داده خواهد شد که به شما امکان تغییر پسورد را می‌دهد. مقدار زیر را در بخش Password کپی کنید. d2064d358136996bd22421584a7cb33e:trd7TvKHx6dMeoMmBVxYmg0vuXEA4199 اکنون به بخش پایین صفحه رفته و دکمه GO را انتخاب نمایید. با این کار، پیغام "1row affected" در بالای صفحه ظاهر خواهد شد و بعد از آن، پسورد آن نام کاربری به عبارت secret تغییر خواهد یافت. ۷- اکنون شما می‌توانید با نام کاربری و رمز عبور تغییر داده شده (secret) وار محیط ادمین سایت شوید. به محض ورود به بخش ادمین حتماً برای مسائل امنیتی، رمز عبور کاربر را تغییر دهید. برای شرایطی که سایت شما هک شده‌است حتماً شرایط دیگر کاربران سایت را چک کنید و در صورت لزوم برای آن‌ها رمز عبور جدید تعریف کنید. دوم: اضافه کردن یک کاربر جدید با سطح دسترسی super administrator اگر روش بالا، نتوانست مشکل شما را برطرف کند و یا اینکه مطمین نیستید کدام کاربر دارای دسترسی Super Administrator است می‌توانید با پیروی از مراحل زیر، یک کاربر جدید با سطح دسترسی Super Administrator اضافه کنید: ۱- از طریق phpmyadmin وارد دیتابیس سایت جوملای خود شوید و از بخش دراپ دان سمت چپ بر روی نام دیتابیس خود کلیک کنید. در همان بخش سمت چپ، در زیر نام دیتابیس شما، تمامی جدول‌های داده‌ای شما، نمایش داده خواهد شد. ۲- از بالای پنجره سمت راست، تب SQL را انتخاب کنید تا بتوانید دستورات Query را برای این دیتابیس اجرا کنید. با رفتن به تب SQL، شما شاهد کادری با پیغام "Run SQL query/queries on database <your database>" خواهید بود. ۳- هر عبارتی که در کادر سفید رنگ نوشته شده‌است را پاک کنید و دستوراتی که پایینتر برای شما نوشته شده‌است را در آن قسمت قرار دهید و سپس، دکمه GO را بزنید. با این کار Query برای دیتابیس شما اجرا شده و کاربری جدید با سطح دسترسی Super Administrator برای شما ایجاد می‌شود. ۴- از Query نوشته شده در قسمت پایین می‌توانید برای ایجاد کاربریه جدید با سطح دسترسی Super Administrator استفاده کنید. هشدار: حواستان به پیشوندهای دیتابیس خود باشد: کد پایین یک مثال است و عبارت jos31_ پیشوند تعریف شده برای این مثال است. عبارات پیشوندی برای هر دیتابیس به هنگام نصب به صورت رندم و یا بنا به تعریف شما ساخته خواهند شد. برای به کاربردن کد زیر شما نیاز دارید تمامی پیشوندهای jos31_ را به پیشوند دیتابیس خود تغییر دهید. کد SQL قابل استفاده در جوملای ۲.۵ و ۳.۱: چنانچه در اجرای تکه کد بالا با مشکل و خطا مواجه شدید به صورت زیر عمل کنید: کد زیر را در بخش SQL وارد نمایید: INSERT INTO `jos31_users` (`name`, `username`, `password`, `params`) VALUES ('Administrator2', 'admin2', 'd2064d358136996bd22421584a7cb33e:trd7TvKHx6dMeoMmBVxYmg0vuXEA4199', ''); اگر با اجرای دستور بالا با خطایی مبنی بر قبول نشدن مقدار پیش‌فرض فیلدهای تاریخ دار مواجه شدید (همانندregisterDate , lastvisitDate) می‌توانید به صورت دستی مقدار دهی را انجام دهید. به این صورت که، در دستورات بالا در کنار فیلدهای name, username, password و params، دو فیلد registerDate , lastvisitDate را وارد نمایید و در بخش Values نیز تاریخ روز را به عنوان مقدار آن‌ها تعریف کنید.(فرمت نوشتن تاریخ را می‌توانید از جدول "users_ "، در ستون مربوط به هریک از این فیلدها چک کنید.) در مرحله بعد: عبارت پایین رادر بخش SQL وارد کنید. INSERT INTO `jos31_user_usergroup_map` (`user_id`,`group_id`) VALUES (LAST_INSERT_ID(),'8'); به جای عبارت ()LAST_INSERT_ID، مقدار عددی درست را وارد کنید.(منظور از مقدار عددی درست، آی دی مربوط به آخرین کاربری است که شما با این دستورات ایجاد کرده‌اید.) برای این کار ، به جدول با عنوان "users_" بروید و id کاربری که به تازگی وارد کرده‌اید (admin2) را جایگزین ()LAST_INSERT_ID کنید و با زدن دکمه GO، دستور Query را اجرا کنید. اکنون کاربری با نام کاربری admin2 و رمز عبور secret برای شما ایجاد خواهد شد. به محض ورود به بخش مدیریتی سایت، برای کاربر جدید خود پسوردی امن‌تر تعریف کرده و ایمیلی معتبر در بخش مشخصات آن کاربر وارد نمایید. برای شرایطی که سایت شما هک شده حتماً شرایط دیگر کاربران سایت بخصوص کاربران ادمین سایت را چک کنید و در صورت لزوم برای آن‌ها رمز عبور جدید تعریف کید. هشدار: پسوردی که در این مقاله به شما معرفی شد (secret)، یک پسورد آشنا و عمومی است و با این پسورد احتمال هک شدن سایت شما بسیار بالاست. پس حتماً دقت داشته باشید که به محض ورود به بخش مدیریتی سایت، رمز عبور را به رمز عبوری امن تغییر دهید. در پایین دو مقدار ممکن دیگر برای رمز عبور نیز برای شما آورده شده‌است: - admin = 433903e0a9d6a712e00251e44d29bf87:UJ0b9J5fufL3FKfCc0TLsYJBh2PFULvT - secret = d2064d358136996bd22421584a7cb33e:trd7TvKHx6dMeoMmBVxYmg0vuXEA4199 - OU812 = 5e3128b27a2c1f8eb53689f511c4ca9e:J584KAEv9d8VKwRGhb8ve7GdKoG7isMm منبع: قالب ویرچومارت ستروکیت
  8. کافی است برای یک بار هم که شده چشم‌های خود راببندید و به این فکر کنید که امروزه برای یک کسب و کار، بهترین راه برای معرفی خدمات، سرویس‌ها به مشتریان چیست؟ غیر از این است که یک وب سایت به راحتی می‌تواند کلیه خدمات، سرویس‌ها و محصولات شما را به بهترین شکل به نمایش بگذارد؟ مشتریان شما با آمدن به وب سایت شما می‌توانند به کلیه اطلاعات کسب و کار شما اعم از سرویس‌ها، ویژگی‌ها، اطلاعات تماسی و خدمات شما دست یابند چرا که یک وب سایت به سادگی از هر مکانی در دنیا قابل دسترس است و از سویی دیگر مردمان از سراسر دنیا به صورت ۷X۲۴ در اینترنت مشغول به فعالیت می‌باشند. یک وب سایت می‌تواند واسط مطمئن و خوبی میان صاحبان کسب و کار و مشتریان آن‌ها باشد. امروزه می‌توان ارتباط مستقیم رونق یک کسب و کار را با میزان بازدید وب سایت آن در اینترنت و شبکه‌های اجتماعی به وضوح دید. این دقیقاً همان چیزی است که نقش یک وب سایت را بیش از گذشته در دنیای کسب و کار پر رنگ کرده‌است. با‌گذشت زمان و معرفی سیستم‌های مدیریت محتوا شاهد تحولات عظیمی در دنیای طراحی سایت بودیم. به این صورت که مشکلات زمانگیر بودن پروژه به جهت برنامه نویسی آن و به طبع آن هزینه‌های بالای طراحی سایت را تا حدود زیادی حل کردند. استفاده از این سیستم‌های مدیریت محتوا توانستند هزینه‌ها و سرعت اجرایی پروژه‌ها را به میزان چشم گیری بهبود بخشند. در بین سیستم‌های مدیریت محتوا جوملا و وردپرس از میزان محبوبیت بالاتری برخوردارند. جوملا یکی از انعطاف پذیرترین و قدرتمند ترین سیستم‌های مدیریت محتوا می‌باشد که با زبان PHP و MYSQL پیاده‌سازی شده است. این سیستم مدیریت محتوا رایگان و به صورت کد باز بوده و همین ویژگی موجب شده تا توجه بسیاری از برنامه نویسان را به خود جلب کند. کد باز بودن جوملا به برنامه نویسان این امکان را می‌دهد تا بتوانند حتی هسته کدها را بنا بر نیاز خود تغییر دهند. افزونه ها در واقع اسکریپت‌های کوچکی هستند که می‌توان با کمک آن‌ها قابلیت‌های بیشتری را به وب سایت اضافه نمود. در طراحی سایت جوملا، افزونه‌ها به سه دسته تقسیم می‌شوند: کامپوننت‌ها ماژول‌ها پلاگین‌ها - کامپوننت‌ جوملا: در میان سه دسته‌بندی معرفی شده افزونه جوملا، کامپوننت‌ها از مهمترین افزونه‌ها به حساب می‌آیند چراکه پیچیده‌ترین و بزرگترین نوع افزونه‌ها می‌باشند. کامپوننت‌ها در واقع برنامه‌های کوچکی هستند که قسمت اعظم وب سایت را تشکیل می‌دهند. آن‌ها کنترل ذخیره داده‌ها، هدایت و در نهایت نمایش آن‌ها را بر عهده دارند. اگر سایت جوملا را کتابی در نظر بگیرید، کامپوننت‌ها، فصل‌های آن بشمار می‌روند. این کامپوننت‌ها اغلب دارای محیط مدیریتی پیچیده‌تری می‌باشند که به شما امکان می‌دهند تعیین کنید عملیات نمایشی به چه شکل صورت گیرند. برای طراحی سایت جوملا کامپوننت‌های رایگان بیشماری وجود دارد که یک طراح سایت به راحتی می‌تواند آن‌ها را در طراحی سایت خود بکار ببرد. لازم است این را بدانید که در هر صفحه عموما تنها از یک کامپوننت استفاده خواهد شد. - ماژول جوملا: برخلاف کامپوننت‌ها، از ماژول‌های جوملا می‌توانید بارها و بارها در طراحی‌ سایت خود استفاده کنید. درواقع آن‌ها المان‌هایی هستند که می‌توانند در سمت چپ، راست، بالا، پایین و هر مکانی دیگر از صفحه وب سایت شما قرار گیرند. بخش مدیریتی ماژول‌ها غالبا دارای ویژگی‌های مدیریتی محدودی می‌باشد و تنها به شما امکان می‌دهد یکسری از ویژگی‌های پایه را تغییر دهید. - پلاگین‌ها: پلاگین جوملا با پایینترین سطح جوملا در تماس است و می‌تواند بنا به ویژگی‌های خود خروجی حاصل از کامپوننت‌ها و ماژول‌ها را قبل از ارسال به مرورگرها منطبق بر پارامترهای خود تغییر دهد. از طرفی دیگر می‌توان از پلاگین ها در جهت افزایش ویژگی‌ها در هسته کامپوننت‌ها نیز استفاده نمود. بخش مدیریتی آن‌ها، همانند ماژول‌ها شامل دسترسی‌های محدودی می‌باشد. پلاگین‌های پیش فرض قالب سایت جوملا عموما به محتوا و شناسایی کاربران و ویرایشگر متن مربوط می‌شوند.
  9. دوست عزیز اگر سایت شرکتی و در حد معرفی باشه از یک تومن و اگر قراره سایتتون درگاه بانکی داشته باشه و به صورت فروشگاه آنلاین باشه، شروع قیمت از دو تومن خواهد بود. که البته بد نیست از فروشگاه ما دیدن کنید. اونجا قالب‌های آماه ای را فراهم کرده‌ایم که می‌تونید با قیمت خیلی کمتر و مناسبتر خریداری کنید. سایت ما:www.setrokate.com/store
  10. برای نمایش فایل های ویدئویی در سایت های دارای سیستم مدیریت محتوای جوملا می‌توانید از دو روش زیر اقدام کنید: ۱- ویدئو را در سایت خود بارگذاری نمایید. ۲ -ویدئو را در سایت‌های دیگر همانند آپارات، یوتیوب،.. بارگذاری نمایید و از لینک نمایش آن در سایت خود استفاده کنید. یادآوری میکنم پیش از هر اقدامی حتما چک کنید فرمت و پسوندهای موردنیاز شما در بخش تنظیمات محیط رسانه(Media) معرفی شده باشند. برای این کار: به زیر منوی رسانه (Media) از منوی محتوا (Content) بروید و در سمت راست صفحه باز شده دکمه تنظیمات (Options) را انتخاب نمایید. دقت داشته‌باشید که در قسمت‌های مشخص شده، پسوند تمامی فایل‌های موردنیاز برای آپلود را تایپ کرده‌باشید. اکنون به بررسی دوحالت ذکر شده در ابتدای مقاله خواهیم پرداخت: حالت اول: در این حالت شما نخست می‌بایست ویدئوی مورد نظر را در قسمت رسانه (Media) بارگذاری کنید. برای این کار پیشنهاد می‌کنیم به جهت منظم بودن محتوا، ابتدا پوشه‌ای را با نامی مناسب (فیلم، ویدئو،...) ایجاد کنید. حال به داخل پوشه ایجاد شده بروید و دکمه آپلود(Upload) را بزنید. اکنون شما می‌بایست ابتدا با انتخاب Choose Files به مسیر دلخواه خود رفته و فایل مورد نظر خود را انتخاب نمایید، سپس با زدن دکمه Start Upload کار بارگذاری در این قسمت را تمام کنید. در مرحله بعد می‌بایست به محل مورد نظر (مقاله/ماژول) رفته و به صورت زیر ویدئوی خود را بارگذاری نمایید. ۱- در ویرایشگر TinyMCE بر روی آیکون مخصوص بارگذاری ویدئو کلیک کنید. حال کافی است مسیر درست ویدئوی بارگذاری شده را در محل مشخص شده وارد نمایید. درواقع طریقه مسیر دهی به این صورت خواهد بود: نام فایل آپلود شده به همراه پسوند مربوطه/نام فولدر ایجاد شده/Images حالت دوم: به سایت مورد نظر (یوتیوب، آپارات، ..) رفته، کد نمایش آماده شده در پایین هر فایل ویدئویی را کپی کنید. اکنون به محل مورد نظر خود (مقاله/ماژول) رفته و بر روی آیکون بارگذاری ویدئوی موجود در ویرایشگر کلیک نمایید. در پنجره باز شده به تب Embed رفته و کد را قرار دهید. http://p30droid.com/topic/498-آموزش-برنامه-نویسی-اندروید/
  11. ورژن جدید جوملا شما را بسیار شگفت زده خواهد کرد. این نسخه از جوملا امکانات کاربردی فوق العاده ای را به این سیستم مدیریت محتوا اضافه می‌کند که کار را برای کاربر بسیار دلچسب‌تر از گذشته می‌کند. با ما در این مقاله همرا باشید تا این ویژگی‌های جدید را بررسی کنیم. - امکان ایجاد مقاله به محض تعریف منوی Single Article در ورژن جدید جوملا شما قادر خواهید بود زمانی که قصد دارید منوی Single Article خود را ایجاد کنید، مقاله خود را با کمک گزینه جدید Create در همان موقع ایجاد کنید. - امکان اضافه کردن دسته‌بندی های جدید داخل مقالات با این ویژگی جوملا شما می‌توانید در داخل مقاله‌های خود، دسته‌بندی‌های جدید را ایجاد کنید. در کنار این ویژگی همچنین شما می‌توانید تگ‌های جدید خود را در داخل مقاله‌ها تعریف و ایجاد کنید. - امکان مرتب‌سازی مقالات براساس میزان بازدیدها و امتیازها در نمای کلی منوی مقاله‌های شما، دو گزینه امتیازها(Rating) و رای‌ها (Voting) را به تازگی مشاهده خواهید کرد که تنها کافی است بر روی هدینگ‌ هر ستون کلیک کنید تا بتوانید مقاله‌ها را بر اساس آن ویژگی مرتب‌سازی نمایید. - باز طراحی محیط مدیریتی جوملا و تبدیل آن به محیطی مسطح و فلت در ورژن جوملا ۳.۷ محیط مدیریتی سایت بهینه سازی شده و ساختاری فلت و مسطح برای آن در نظر گرفته شده‌است. - ویژگی‌های ویرایشگر Tiny MCE خود را شخصی سازی کنید این ویژگی به شما این امکان را خواهد داد تا ویژگی‌های پیش‌فرض ویرایشگر خود را شخصی سازی کنید. اکنون شما می‌توانید پلاگین Tiny MCE خود را بازکنید و دکمه‌های آن را بنابه کاربرد خود اضافه ، جابجا و یا حتی حذف کنید. ویژگی‌های جوملای ۳ و ۴ گفته‌ها حاکی از آن است که ورژن ۳.۸ جوملا، برنامه آینده این تیم توسعه‌دهنده جوملا و البته آخرین ورژن جوملا از سری ۳ آن می‌باشد. با توجه به روند توسعه دهندگان جوملا انتظار می‌رود سری ۴ جوملا، شش ماه بعد از نسخه ۳.۸ وارد بازار شود. واقعاً قرار است چه تحولاتی در سری ۴ جوملا صورت گیرد؟ با ما در ارتباط باشید چرا که حتماً در آینده به این موضوع خواهیم پرداخت.
  12. ما در این مقاله در نظر داریم نحوه ایجاد یک قالب جوملای بسیار ساده را به شما آموزش دهیم. روشن است برای این کار به یک سری فایل‌ها و کدهای اضافه نیاز دارید اما اصلا نگران نباشید ما در این آموزش تمامی کدهای مورد نیاز را برای شما فراهم کرده‌ایم. شما به راحتی می‌توانید آن‌ها را کپی کنید و بسته به نیاز خود آن‌ها را تغییر دهید. سلسله مراتب ایجاد یک قالب جوملا برای ایجاد یک قالب ابتدایی جوملا، در قدم اول شما باید یک پوشه با نامی مناسب برای قالب خود ایجاد کنید، همانند: mynewtemplate در مرحله بعد با یک ویرایشگر متن دو فایل index.php و templateDetails.xml را ایجاد کنید. بهتر است برای حفظ نظم و ترتیب در قالب، دو پوشه با نام‌های css و images ایجاد کنید و فایل‌های css و تصاویر خود را در آن‌ها قرار دهید. اکنون فایل css خود را (برای مثال template.css) ایجاد کنید و داخل پوشه css خود قرار دهید. درست است شما می‌توانید کدهای css خود را در داخل همان فایل index.php به همرا کدهای html خود قرار دهید اما بسیاری از طراحان وب ترجیح می‌دهند تا فایلی مجزا برای کدهای css خود درنظر بگیرند و با کمک یک تگ link در فایل index.php آن را فراخوانی کنند. نمای کلی از ساختار فایل‌ها و پوشه‌های ما در این قالب به شکل زیر می‌باشد: *mynewtemplate **css/ ***template.css **images **index.php **templateDetails.xml آماده سازی فایل templateDetails.xml اکنون نوبت آماده‌سازی فایل templateDeatails.xml فرا رسیده‌است. این فایل یک فایل بسیار ضروری در قالب شما به حساب می‌آید تا جایی که بدون این فایل، قالب شما در محیط جوملا نمایش داده نخواهدشد. این فایل شامل متا دیتا‌های اصلی قالب شما است که محتویات آن ممکن است متناسب با ورژن جوملا تغییر کند. برای جوملا با ورژن‌ ۲.۵ و ورژن‌های بالاتر از آن، ساختار زیر را بکار ببرید. فقط به یاد داشته‌باشید که قسمت "version="2.5 را متناسب با ورژن جوملای خود تغییر دهید. <?xml version="1.0" encoding="utf-8"?> <extension version="2.5" type="template"> <name>mynewtemplate</name> <creationDate>2008-05-01</creationDate> <author>John Doe</author> <authorEmail>john@example.com</authorEmail> <authorUrl>http://www.example.com</authorUrl> <copyright>John Doe 2008</copyright> <license>GNU/GPL</license> <version>1.0.2</version> <description>My New Template</description> <files> <filename>index.php</filename> <filename>templateDetails.xml</filename> <folder>images</folder> <folder>css</folder> </files> <positions> <position>breadcrumb</position> <position>left</position> <position>right</position> <position>top</position> <position>user1</position> <position>user2</position> <position>user3</position> <position>user4</position> <position>footer</position> </positions> </extension> همان‌طور که مشاهده می‌کنید، در این فایل یک سری اطلاعات پایه درباره قالب شما با کمک تگ‌های مربوطه قرار داده‌شده‌اند. بهترین کار این است که شما این کدها را از این قسمت کپی کنید و در فایل templateDetails.xml خود قرار دهید در نهایت، اطلاعاتی همانند <name> و <author> را متناسب با اطلاعات خود تغییر دهید. تگ <file> شامل تمام پوشه‌هایی است که شما در قالب خود به آن‌ها نیاز دارید مانند پوشه‌های css و images اما چون در حال حاضر نسبت به تعداد و یا حتی نام‌ آن‌ها آگاهی ندارید، کافی است آن‌ها را از این قسمت کپی کنید و بعداً در صورت لزوم پوشه‌های دیگر را به این تگ اضافه کنید. بخش position در این فایل در واقع موقعیت‌های معمولی است که شما در قالب ابتدایی خود به آن‌ها نیاز دارید، بعداً می‌توانید به راحتی موقعیت‌های دیگر خود را به آن‌ها اضافه کنید. آماده‌سازی فایل index.php فایل index.php فایل اصلی قالب شما است. اساساً در این قسمت شما با صفحه‌ای همانند صفحه HTML مواجه خواهید بود با این تفاوت که هر جا نیاز به تبادل داده باشد می‌توانید مابین تگ‌های HTML خود، از کدهای PHP استفاده کنید. فایل index.php شما با اضافه کردن یکسری کد مربوط به موقعیت‌های ماژولها و کامپوننت‌ها کامل خواهد شد. در ادامه ما این کدها را به صورت کاملاً تفکیک شده برای شما توضیح خواهیم داد. شروع قالب جوملای شما با کدهای زیر آغاز خواهد شد: <?php defined( '_JEXEC' ) or die( 'Restricted access' );?> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > - خط اول : مانع از شیطنت بعضی افراد جهت دسترسی به کدهای شما و سوء‌استفاده از آن‌ها می‌شود. - خط دوم : به مرورگر بیان می‌کند سند شما از چه نوعی است. Html یا html5 و یا .... در کدهای بالا از DOCTYPE با ورژن ۵ استفاده شده است. این ورژن در عین سازگاری با ورژن‌های قبلی خود دارای امکانات و ويژگی‌های کاملتری می‌باشد. ممکن است شما در هر پروژه ای تصمیم بگیرید از ورژن‌های متفاوتی استفاده کنید و بهتر است بدانید در جوملای ۳ و ورژن‌های بعدی آن از DOCTYPE با ورژن ۵ استفاده می‌شود. - خط سوم: در این قسمت مشخص می‌شود از چه زبانی در پروژه استفاده شده‌است. کدهای بخش Html از دو قسمت head و body تشکیل می‌شود. قسمت head آن شامل اطلاعاتی درباره این سند است و بخش body آن شامل کلیه کدهای کنترلی لایه‌های وب سایت شما می‌باشد. HEAD <head> <jdoc:include type="head" /> <link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" /> </head> با کمک خط اول، اطلاعات هدر در این قسمت قرار خواهدگرفت. این اطلاعات می‌تواند شامل عنوان صفحه، اطلاعات متا و ... باشد. در ادامه‌ی این بخش از تگ‌های لینک برای فراخوانی دو فایل‌ css سیستمی یعنی system.css ، general.css و فایل css خودمان یعنی template.css استفاده شده‌است. به مسیرهای فراخوانی دقت کنید و آن‌ها را مطابق با پروژه و نام فولدر‌های خود تغییر دهید. قسمت body <body> <jdoc:include type="modules" name="top" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="bottom" /> </body> حق با شماست این کدها خیلی مختصر و ابتدایی هستند اماخیالتان راحت آن‌ها بطرز شگفت‌انگیزی برای یک قالب ابتدایی جوملا کفایت خواهند کرد. تمامی کارهای دیگر توسط جوملا انجام خواهند شد. موقعیت‌های ماژولها اگر دقت کرده‌باشید، در قسمت body از کدهای شما، در قسمت فراخوانی ماژول، name=top قرار گرفته‌است، در واقع با این کار موقعیت top برای ماژول فراخوانی شده‌است و به جوملا اجازه می‌هد ماژول موردنظر را در این قسمت قرار دهد. بخش type=component معرفی بخش component شماست که شامل تمام مقالات و محتوای اصلی قالب شماست و عموما در وسط قالب قرار می‌گیرد. توجه : شما می‌توانید خط مربوط به ماژول‌ها را درهرقسمتی از بدنه قالب خود قرار دهید اما حتماً توجه داشته باشد که با اضافه کردن این خط حتماً خط مربوط به موقعیت آن را در فایل templateDetails.xml خود قرار دهید. در پایان: یک خط و تمام </html> تصاویر دلخواه برای اضافه کردن تصاویر دلخواه، به قالب خود، می‌توانید از دستور زیر استفاده کنید: <img src="/<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/myimage.png" alt="Custom image" class="customImage" /> در دستور بالا متغیر template با توجه به نام قالب شما تغییر خواهد کرد. Css شخصی شما می‌توانید فایل‌های css دلخواه خود را با کمک دستور زیر فراخوانی کنید: <link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/styles.css" type="text/css" /> توجه داشته‌باشد، هر فایلی که به قالب شما اضافه می‌شود حتماً باید در فایل templateDetails.xml فراخوانی شود مگر آنکه زیر مجموعه پوشه‌ای باشد که قبلاً فراخوانی شده‌است. در نهایت فایل index.php شما بصورت زیر خواهد بود: <?php defined('_JEXEC') or die('Restricted access');?> <!DOCTYPE html> <html xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <jdoc:include type="head" /> <link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> </head> <body> <jdoc:include type="modules" name="top" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="footer" /> </body> </html> فشرده کردن فایل قالب سایت جهت نصب قالب خود را نصب کنید و از آن لذت ببرید. برای این‌ کار شما می‌بایست فایل قالب خود را به یکی از فرمت‌های زیر فشرده کنید. .zip , .tar.gz, .tar.gz2 اکنون زمان آن فرا رسیده تا قالب خود را امتحان کنید. در محیط جوملا در بخش مدیریت قالب‌ها، قالب خود را انتخاب کنید و آن را بعنوان قالب پیش‌فرض جوملا قرار دهید. در جوملا 2.5 و ورژن‌های بعد از آن: شما ابتدا نیاز دارید تا قالب خود را آپلود و نصب کنید. به این کار معرفی افزونه‌ها گفته می‌شود و می‌توانید از مسیر زیر به آن دسترسی داشته‌باشید: Extensions -> Manage -> Install choose file →upload & install حال قالب خود را انتخاب کنید و گزینه install را بزنید با کمک این ویژگی شما می‌توانید قالب خود را در هر کجا خارج از محیط جوملا ایجاد کنید و سپس آن را به راحتی همانند دیگر افزونه‌ها نصب کنید. منبع: طراحی سایت ستروکیت
  13. آیا می‌دانید موتورهای جستجویی مانند گوگل، چگونه در بین میلیون‌ها صفحه وب سایتی که وجود دارند، به جستجو در بین آن‌ها می‌پردازند و به آن‌ها امتیاز می‌دهند، تا بتوانند به ازای پرس و جو که شما تایپ می‌کنید نتایجی را برای شما به نمایش بگذارند؟ با اینکه جزییات این فرآیند بسیار پیچیده می‌باشد، اما دانستن اطلاعات پایه درباره چگونگی خزیدن و جستجو بین سایت‌ها، فهرست کردن (index) آن‌‌ها و چگونگی امتیازدهی به آن‌ها می‌تواند به شما پیش‌زمینه‌ای درباره استراتژی‌های بکار گرفته شده در پشت صحنه هر موتور جستجو بدهد. تعهدی عظیم در حال حاضر که این مقاله نوشته می‌شود، گوگل اظهار می‌کند بیش از ۱۳۰ تریلیون صفحه وب را در این راستا می‌شناسد البته ممکن است خیلی بیشتر از این عدد نیز باشد. صفحات بسیاری وجود دارند که بنابه دلایلی گوگل آن‌ها را کنار گذاشته و عملیات جستجو، نشانه‌گذاری و امتیازدهی را بر روی آ‌ن‌ها انجام نمی‌دهد. از آنجایی که موتورهای جستجو همانند گوگل سعی دارند نتایجی مرتبط با درخواست‌های کاربران خود را ارائه دهند، برای آن‌ها فرآیندهای لازم به خوبی تعریف شده‌اند تا قادر باشند بهترین صفحات وب را با توجه به پرسش تایپ شده کاربران خود ارائه دهند. این فرآیندها در طول زمان تکامل یافته تا بتوانند نتایجی هر چه بهتر را فراهم کنند. برای آشکار شدن این موضوع ما تلاش کردیم تا بتوانیم به سوال زیر پاسخ بدهیم: - نتایج جستجوی گوگل چگونه کار می‌کنند؟ بطور خلاصه این فرآیند شامل مراحل زیر خواهد بود: - خزیدن و جستجو کردن: دنبال کردن لینک‌ها جهت یافتن صفحات مهم در وب - فهرست کردن: ذخیره کردن کلیه اطلاعات مربوط به صفحات وب بدست آمده برای رجوع‌های بعدی - امتیازدهی: مشخص کردن آن‌که هریک از آن صفحات وب درباره چه موضوعی هستند و چگونه به آن‌ها امتیاز بدهد تا در نتایج درخواست‌های مرتبط ظاهر شوند. اجازه بدهید به توضیح واضح‌تری برای هریک از مراحل گفته‌شده بپردازیم: خزیدن و جستجو کردن دربین صفحات وب موتورهای جستجو دارای ربات‌هایی تحت عنوان "خزنده” می‌باشند که وظیفه آن‌ها خزیدن در بین صفحات وب و تشخیص بهترین صفحات وب موجود برای ارزیابی پرسش و جوی کاربران می‌باشد. روش کار این خزنده یا بهتر بگوییم مسیر پیمایش این خزنده لینک‌های یک وب‌سایت خواهند بود. لینک‌های وب سایت، صفحات وب سایت را کنار یکدیگر نگه می‌دارند. وب سایت‌ها در سراسر وب، مسیری را با توجه به لینک‌های خود بوجود می‌آورند که خزنده می‌تواند به کمک پیمایش این مسیر به میلیون‌ها صفحه وب‌سایت متصل بهم، دست‌یابد. نظرتون درباره یک مثال تصویری چیه؟ در شکل زیر شما می‌توانید تصویری از صفحه نخست وب‌سایت ستروکیت را ببینید. زمانی که ربات خزنده به این صفحه نگاه می‌کند، به مدل شیء گرای سند(‌DOM) در هر صفحه نگاهی می‌اندازد تا بفهمد این صفحات شامل چه می‌شوند؟ مدل‌های شئ‌گرای هر صفحه وب کدهای HTML و JAVA SCRIPT آن می‌باشند که خزنده آن‌ها را بررسی می‌کند تا بتواند لینک‌های صفحات دیگر را بیابد. مثالی از این مطلب در کادر قرمزرنگ تصویر بالا نشان داده‌شده‌است. این روند به ربات‌های خزنده اجازه خواهد داد تا بتوانند صفحات جدید وب را پیدا کنند و هر لینک جدیدی که در این روند جستجو یافت شود در داخل صفی در داخل پایگاه داده آن‌ها قرار خواهد گرفت تا بعدا توسط خزنده‌ها بازدید شوند. خزیدن روزانه در بین صفحات وب، تعهد و عملکرد بسیار سنگینی است، از این‌رو گوگل خزنده‌های خود را در طول هفته‌ها در بین صفحات وب پخش می‌کند. بعلاوه موتورهای جستجویی همانند گوگل، همان طور که در ابتدای مقاله گفته شد تمام صفحات وب یا بهتر بگوییم هر صفحه موجود در وب را مورد جستجو قرار نخواهد داد. در عوض آن‌ها کار خود را با مجموعه‌ای از وب‌سایت‌های قابل اعتماد شروع خواهند کرد و آن‌ها را مبنایی برای سنجش دیگر وب‌سایت‌ها قرار خواهند داد و با بازدید از لینک‌های آن‌ها، خزندگان خود را در بین وب گسترش خواهند داد. ایندکس داده‌ها ایندکس کردن به معنای ذخیره اطلاعاتی مربوط به یک صفحه وب در فهرست موتور جستجو می‌باشد. ایندکس، مجموعه‌ای از صفحات وب – پایگاه داده – است که شامل اطلاعاتی در مورد کلیه صفحاتی که توسط خزنده‌ها مورد بررسی قرار گرفته‌اند می‌باشد. ساختار و سازمان ایندکس: - اطلاعات دقیق درمورد ماهیت هر محتوا و ارتباط موضوعی هر صفحه وب - نقشه ای از تمام صفحاتی که هر صفحه به آن‌ها لینک شده‌است - نوشته‌هایی که لینک شده‌اند - اطلاعاتی بیشتر در مورد لینک‌ها، آیا آن‌ها تبلیغ هستند یا خیر، آن‌ها در کدام بخش از صفحه قرار گرفته‌اند، صفحه‌ای که در ازای لینک به‌ آن میرسیم چه مضمون و مفهومی دارد. و خیلی مطالب بیشتر … ایندکس بانک اطلاعاتی هر موتور جستجو همانند گوگل است که زمانی که کاربران پرس و جویی را در آن‌ها تایپ می‌کنند، اطلاعات را از آن بازیابی خواهند کرد. قبل از اینکه موتور جستجو تصمیم بگیرد چه ایندکسی و طبق چه ترتیبی برای کاربر نمایش داده‌شود، الگوریتمی را اجرا خواهد کرد که به امتیاز دهی آن صفحات وب کمک خواهد کرد. امتیاز دهی نتایج به منظور نمایش نهایی نتایج موتورهای جستجو، موتورهای جستجو باید چند گام مهم را انجام دهند: ۱ – تفسیر قصد پرس و جوی کاربر ۲- تشخیص صفحات وب ایندکس شده که باپرس و جوی کاربر مرتبط هستند ۳- امتیازدهی آن صفحات وب با توجه به اهمیت و ارتباط آن‌‌ها این‌جا یکی از بخش‌های بزرگی‌ است که بحث بهینه‌سازی موتورهای جستجو به میان می‌آید. سئوی خوب و تاثیر گذار به اهمیت و ارتباط آن‌ها برای پرسش مطرح شده کمک زیادی خواهد کرد. ارتباط و اهمیت به چه معناست؟ ارتباط: به درجه‌ای از تطابق محتویات یک صفحه وب با منظور جستجوکننده ارتباط می‌گویند. (قصد و منظور در واقع آن چیزی است که کاربر قصد دارد آن را توسط این جستجو به انجام برساند که انجام این وظیفه برای موتورهای جستجو اصلا وظیفه کوچکی نیست ) اهمیت: صفحات وبی پر اهمیت می‌باشند که در جاهای بیشتری ذکر شده‌باشند. (یا به عبارتی قرارگیری صفحات وب می‌تواند رای اعتمادی برای آن‌ها باشد.) معمولا این اهمیت توسط لینک‌هایی که به آن صفحه داده شده‌اند جلوه می‌کند اما باید درنظر داشت که عوامل دیگری نیز وجود دارند که می‌توانند نقش بسیار مهمی را در این موضوع ایفا کنند. برای اینکه موتورهای جستجو بتوانند میزان اهمیت و ارتباط صفحات وب را با پرسش مطرح شده تعیین کنند، الگوریتم‌های بسیار پیچیده‌ای را بکارمی‌گیرند که با بررسی صدها معیار این درجه اهمیت و ارتباط را مشخص می‌کنند. معمولا این الگوریتم‌ها نحوه عملکرد موتورهای جستجو را تغییر می‌دهند تا روند دستیابی آن‌ها به نتایجی بهتر برای کاربرانشان را بهبود بخشند. حتی اگر آن‌‌ها مدام در حال بهینه سازی باشند بازهم برخی از اصولی که موتورهای جستجو بدنبال آن هستند به خوبی درک شده‌اند. اگرچه ما از لیست تمام معیارهایی که موتورهای جستجویی همانند گوگل در الگوریتم‌های خود بکار گرفته‌اند بی خبریم (که البته این محافظت بسیار خوبی است تا اسپمرها نتوانند سیستم جستجو را بازی دهند) اما موتورهای جستجو برخی از دانش‌های اصولی در این زمینه را منتشر کرده‌اند که ما می‌توانیم با بکارگیری آن‌ها به بروزترین استراتژی‌های بهینه سازی موتور‌های جستجو (SEO) دست‌یابیم.
  14. دلایل مختلفی وجود خواهد داشت که شما تصمیم می‌گیرید بخشی از تصویر خود را برش دهید. ممکن است بخاطر زیبایی هرچه بیشتر تصویر خود تصمیم بگیرید بردر و یا اطلاعاتی را از تصویر حذف نمایید.بطور خلاصه، برش عکس فرآیندی است در جهت تمیزتر کردن عکس توسط کوچک کردن نواحی آن: این روش برش تصویر بسیار راحت و سرراست است. شما می‌توانید این ابزار را در پنل CROP TOOLS پیدا کنید. یا می توانید با رفتن به منوی زیر آن را فعال نمایید: Tools → Transform Tools → Crop زمانی که این ابزار فعال شد شما شاهد تغییر شکل ماوس خود به شکل ابزار CROP خواهید بود.در هر ناحیه‌ای از تصویر خود می‌توانید کلیک چپ کنید و ناحیه‌ای را که مد نظر شماست با کشیدن پنجره‌ای، مشخص‌تر کنید. اصلا نگران آن نباشد که بخش مشخص شما دقیقا همانی نباشد که مدنظر شماست. شما می‌توانید این بخش انتخابی را تا رسیدن به آنچه مد نظر شماست تغییر دهید و سپس عمل Crop را انجام دهید. پس از آنکه ناحیه مورد نظر را انتخاب کردید مشاهده خواهید کرد که اطراف ناحیه انتخابی به حالت فعال باقی مانده‌است. در این‌حالت شما می‌توانید با بردن ماوس خود بر روی گوشه‌ها و اطراف این ناحیه و تغییر شکل ماوس این ناحیه را کوچک و بزرگ کرده و به آنچه در نظر خود است نزدیکتر کنید. پس از آنکه از ناحیه انتخابی راضی بودید کافی است دکمه Enter را از روی کیبورد خود بزنید. اگر به هر دلیلی از نتیجه حاصل شده راضی نبودید می‌توانید با زدن دکمه ESC از روی کیبورد فرآیند را مجدد به عقب بازگردانید. روش دیگر: کافی است شما با ابزار Rectangle Tools ناحیه خود را در ابتدا انتخاب کنید. یا از منوی زیر: Tools → Selection Tools → Rectangle Select حال با این ابزار می‌توانید ناحیه مورد نظر خود را انتخاب کنید. پس از آن Image → Crop to Selection منبع: طراحی سایت ستروکیت
  15. ۲) تغییر اندازه (حجم فایل) JPEG شما حتی می‌توانید به هنگام خروجی گرفتن تصویر خود در قالب فرمت‌هایی از قبیل JPEG حجم فایل را کاهش دهید. تصویر قبل را به اندازه 200PX تغییر سایز داده ایم و با فرمت JPEG در کیفیت‌های مختلف خروجی گرفته‌ایم: [align=center][/align] همانطور که در تصویر قابل مشاهده است در کیفیت ۸۰ درصد علی رغم آنکه وضوح تصویر چندان تغییر نکرده‌است اما حجم فایل بطور محسوسی کاهش یافته‌است. برای اینکار، زمانی‌که کار شما برای ویرایش تصویر تمام شد : [align=center]File → Export[/align] با اینکار پنجره زیر برای شما باز خواهد شد: [align=center][/align] شما در این قسمت می‌توانید نام جدیدی برای تصویر خود انتخاب کنید. اگر شما در حال خروجی گرفتن از تصویری با فرمت JPEG هستید، GIMP نیز خروجی تصویر جدید را بطور اتوماتیک با فرمت JPEG انجام خواهد داد. از سویی دیگر شما می‌توانید مکان ذخیره تصویر را با کمک نوار آدرس تعیین کنید. هر زمان که آماده بودید تا خروجی تصویر را بگیرید کافی است بر روی دکمه Export کلیک نمایید. در نتیجه آن پنجره ای مربوط به فرمت JPEG برای شما باز خواهد شد جایی که شما امکان تغییر حجم فایل را خواهید داشت. [align=center][/align] در این قسمت تعیین شده شما می‌توانید حجم فایل خود را تغییر دهید. اگر گزینه Show Preview in image window انتخاب شده باشد شما می‌توانید پیش نمایش فایل را نیز در پنجره GIMP مشاهده کنید. اگر شما از نتیجه بدست آمده راضی بودید کافی است دکمه Export را انتخاب نمایید. منبع: طراحی سایت ستروکیت