nooshin88

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

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

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

  • Days Won

    1

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

nooshin88 had the most liked content!

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

1 Neutral

درباره nooshin88

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

Converted

  • website
    http://www.setrokate.com
  1. SVG یک فرمت گرافیکی برداری بر پایه‌ی XML است و از آن برای نمایش انواع گرافیک در وب و محیط‌های دیگر استفاده می‌شود. SVG چیزی جز فایل‌های متنی ساده نیست که خطوط، منحنی‌ها، شکل‌ها، رنگ‌ها و متن را توصیف می‌کند که قابل خواندن، فهم ساده و قابل ویرایش است. کدهای SVG میتواند با CSS و Javascript همراه شود. این کار به SVG انعطاف‌پذیری و تطبیق‌پذیری را میدهد که در فرمت‌های مرسوم PNG، GIF یا JPG نبود. SVG یک استاندارد W3C هست، بدین معناست که میتواند به را حتی با دیگر استانداردها شامل JavaScript، ‌DOM، CSS، و HTML تعامل داشته باشد. به نظر می‌رسد تا زمانی که W3C این استاندارهای جهانی را تنظیم می‌کند SVG به عنوان یک استاندارد برای گرافیک برداری برای مرورگرها باقی بماند. SVG توانسته است بسیاری از مشکلات آزاردهنده در توسعه و طراحی وب سایت مدرن را برطرف کند. بیایید نگاهی به آن‌ها بیاندازیم: مقیاس‌پذیری و پاسخ‌گویی SVG از شکل‌ها، اعداد و مختصات به جای شبکه پیکسلی برای رندر گرافیک در مرورگر استفاده می‌کند که باعث می‌شود مستقل از پیکسل و بی‌نهایت مقیاس‌پذیر باشد. با ‌SVG شما می‌توانید انواع شکل‌ها، خطوط و متن‌ها را با هم ترکیب کنید تا انواع تصاویر را بیافرینید. در مقابل فرمت‌های مانند PNG، GIF و JPG اندازه‌های ثابت دارند که در هنگام مقیاس‌پذیری دچار افت پیکسل می‌شوند و کیفیتشان افت می‌کند. قابل برنامه نویسی و تعامل پذیر SVG بطور کامل قابل ویرایش و برنامه‌پذیر است. انواع انیمیشن‌ها و تعاملات می‌توانند بوسیله CSS و JavaScript به تصاویر اضافه شوند. دسترسی فایل‌های SVG مبتنی بر متن هستند و می‌توانند ایندکس و جستجو شوند. این قابلیت باعث می‌شود تا آن‌ها قابل خواندن برای موتورهای جستجو، اسکرین ریدرها و سایر دستگاه‌ها باشند. کارایی یکی از جنبه‌های تاثیرگذار در کارایی وب اندازه فایل‌های استفاده شده در صفحه وب است. اندازه SVG های گرافیکی بطور معمول از فرمت های تصویری دیگر کمتر است. موارد استفاده معمول و پشتیبانی مرورگرها SVG کاربردهای بیشماری دارد. در زیر تعدادی از آن‌ها که قابل توجه هستند ذکر شده‌اند: تصاویر ساده و نمودارها هر طراحی سنتی که ممکن است با قلم و خودکار کشیده شده باشد می‌تواند بصورت به فرمت SVG درآید. لوگوها و آیکون ها لوگوها و آیکون‌ها اغلب در ویژگی وضوح و شارپ بودن در هر اندازه‌ای از یک دکمه تا بیلبورد مشترک هستند و به همین دلیل ساخت آن‌ها با SVG می‌تواند ایده‌آل باشد. انیمیشن شما میتوانید انیمیشن‌های جذاب و حتی طرح های زیبا بسازید. SVG می‌تواند با انیمیشن‌های CSS نیز کار کند. تعامل(چارت، گراف، اینفوگرافیک، نقشه) ساخت رابط کاربری اپلیکیشن ها همانطور که دیدید، SVG تقریبا هر جایی و در هر شرایطی می‌تواند استفاده شود. خبر خوب اینست که پشتیبانی مرورگرها از SVG بهتر خواهد شد. هم اکنون اکثر مرورگرهای مدرن ویژگی‌های مهم و پایه SVG را پشتیبانی می‌کنند. نظر شما درباره آینده SVG چیست؟ آیا تا به حال تجربه کار با ‌SVG را داشته‌اید؟ منبع: طراحی سایت ستروکیت
  2. دوست عزیز اگر سایت شرکتی و در حد معرفی باشه از یک تومن و اگر قراره سایتتون درگاه بانکی داشته باشه و به صورت فروشگاه آنلاین باشه، شروع قیمت از دو تومن خواهد بود. که البته بد نیست از فروشگاه ما دیدن کنید. اونجا قالب‌های آماه ای را فراهم کرده‌ایم که می‌تونید با قیمت خیلی کمتر و مناسبتر خریداری کنید. سایت ما:www.setrokate.com/store
  3. برای نمایش فایل های ویدئویی در سایت های دارای سیستم مدیریت محتوای جوملا می‌توانید از دو روش زیر اقدام کنید: ۱- ویدئو را در سایت خود بارگذاری نمایید. ۲ -ویدئو را در سایت‌های دیگر همانند آپارات، یوتیوب،.. بارگذاری نمایید و از لینک نمایش آن در سایت خود استفاده کنید. یادآوری میکنم پیش از هر اقدامی حتما چک کنید فرمت و پسوندهای موردنیاز شما در بخش تنظیمات محیط رسانه(Media) معرفی شده باشند. برای این کار: به زیر منوی رسانه (Media) از منوی محتوا (Content) بروید و در سمت راست صفحه باز شده دکمه تنظیمات (Options) را انتخاب نمایید. دقت داشته‌باشید که در قسمت‌های مشخص شده، پسوند تمامی فایل‌های موردنیاز برای آپلود را تایپ کرده‌باشید. اکنون به بررسی دوحالت ذکر شده در ابتدای مقاله خواهیم پرداخت: حالت اول: در این حالت شما نخست می‌بایست ویدئوی مورد نظر را در قسمت رسانه (Media) بارگذاری کنید. برای این کار پیشنهاد می‌کنیم به جهت منظم بودن محتوا، ابتدا پوشه‌ای را با نامی مناسب (فیلم، ویدئو،...) ایجاد کنید. حال به داخل پوشه ایجاد شده بروید و دکمه آپلود(Upload) را بزنید. اکنون شما می‌بایست ابتدا با انتخاب Choose Files به مسیر دلخواه خود رفته و فایل مورد نظر خود را انتخاب نمایید، سپس با زدن دکمه Start Upload کار بارگذاری در این قسمت را تمام کنید. در مرحله بعد می‌بایست به محل مورد نظر (مقاله/ماژول) رفته و به صورت زیر ویدئوی خود را بارگذاری نمایید. ۱- در ویرایشگر TinyMCE بر روی آیکون مخصوص بارگذاری ویدئو کلیک کنید. حال کافی است مسیر درست ویدئوی بارگذاری شده را در محل مشخص شده وارد نمایید. درواقع طریقه مسیر دهی به این صورت خواهد بود: نام فایل آپلود شده به همراه پسوند مربوطه/نام فولدر ایجاد شده/Images حالت دوم: به سایت مورد نظر (یوتیوب، آپارات، ..) رفته، کد نمایش آماده شده در پایین هر فایل ویدئویی را کپی کنید. اکنون به محل مورد نظر خود (مقاله/ماژول) رفته و بر روی آیکون بارگذاری ویدئوی موجود در ویرایشگر کلیک نمایید. در پنجره باز شده به تب Embed رفته و کد را قرار دهید. http://p30droid.com/topic/498-آموزش-برنامه-نویسی-اندروید/
  4. ورژن جدید جوملا شما را بسیار شگفت زده خواهد کرد. این نسخه از جوملا امکانات کاربردی فوق العاده ای را به این سیستم مدیریت محتوا اضافه می‌کند که کار را برای کاربر بسیار دلچسب‌تر از گذشته می‌کند. با ما در این مقاله همرا باشید تا این ویژگی‌های جدید را بررسی کنیم. - امکان ایجاد مقاله به محض تعریف منوی Single Article در ورژن جدید جوملا شما قادر خواهید بود زمانی که قصد دارید منوی Single Article خود را ایجاد کنید، مقاله خود را با کمک گزینه جدید Create در همان موقع ایجاد کنید. - امکان اضافه کردن دسته‌بندی های جدید داخل مقالات با این ویژگی جوملا شما می‌توانید در داخل مقاله‌های خود، دسته‌بندی‌های جدید را ایجاد کنید. در کنار این ویژگی همچنین شما می‌توانید تگ‌های جدید خود را در داخل مقاله‌ها تعریف و ایجاد کنید. - امکان مرتب‌سازی مقالات براساس میزان بازدیدها و امتیازها در نمای کلی منوی مقاله‌های شما، دو گزینه امتیازها(Rating) و رای‌ها (Voting) را به تازگی مشاهده خواهید کرد که تنها کافی است بر روی هدینگ‌ هر ستون کلیک کنید تا بتوانید مقاله‌ها را بر اساس آن ویژگی مرتب‌سازی نمایید. - باز طراحی محیط مدیریتی جوملا و تبدیل آن به محیطی مسطح و فلت در ورژن جوملا ۳.۷ محیط مدیریتی سایت بهینه سازی شده و ساختاری فلت و مسطح برای آن در نظر گرفته شده‌است. - ویژگی‌های ویرایشگر Tiny MCE خود را شخصی سازی کنید این ویژگی به شما این امکان را خواهد داد تا ویژگی‌های پیش‌فرض ویرایشگر خود را شخصی سازی کنید. اکنون شما می‌توانید پلاگین Tiny MCE خود را بازکنید و دکمه‌های آن را بنابه کاربرد خود اضافه ، جابجا و یا حتی حذف کنید. ویژگی‌های جوملای ۳ و ۴ گفته‌ها حاکی از آن است که ورژن ۳.۸ جوملا، برنامه آینده این تیم توسعه‌دهنده جوملا و البته آخرین ورژن جوملا از سری ۳ آن می‌باشد. با توجه به روند توسعه دهندگان جوملا انتظار می‌رود سری ۴ جوملا، شش ماه بعد از نسخه ۳.۸ وارد بازار شود. واقعاً قرار است چه تحولاتی در سری ۴ جوملا صورت گیرد؟ با ما در ارتباط باشید چرا که حتماً در آینده به این موضوع خواهیم پرداخت.
  5. ما در این مقاله در نظر داریم نحوه ایجاد یک قالب جوملای بسیار ساده را به شما آموزش دهیم. روشن است برای این کار به یک سری فایل‌ها و کدهای اضافه نیاز دارید اما اصلا نگران نباشید ما در این آموزش تمامی کدهای مورد نیاز را برای شما فراهم کرده‌ایم. شما به راحتی می‌توانید آن‌ها را کپی کنید و بسته به نیاز خود آن‌ها را تغییر دهید. سلسله مراتب ایجاد یک قالب جوملا برای ایجاد یک قالب ابتدایی جوملا، در قدم اول شما باید یک پوشه با نامی مناسب برای قالب خود ایجاد کنید، همانند: 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 را بزنید با کمک این ویژگی شما می‌توانید قالب خود را در هر کجا خارج از محیط جوملا ایجاد کنید و سپس آن را به راحتی همانند دیگر افزونه‌ها نصب کنید. منبع: طراحی سایت ستروکیت
  6. آیا می‌دانید موتورهای جستجویی مانند گوگل، چگونه در بین میلیون‌ها صفحه وب سایتی که وجود دارند، به جستجو در بین آن‌ها می‌پردازند و به آن‌ها امتیاز می‌دهند، تا بتوانند به ازای پرس و جو که شما تایپ می‌کنید نتایجی را برای شما به نمایش بگذارند؟ با اینکه جزییات این فرآیند بسیار پیچیده می‌باشد، اما دانستن اطلاعات پایه درباره چگونگی خزیدن و جستجو بین سایت‌ها، فهرست کردن (index) آن‌‌ها و چگونگی امتیازدهی به آن‌ها می‌تواند به شما پیش‌زمینه‌ای درباره استراتژی‌های بکار گرفته شده در پشت صحنه هر موتور جستجو بدهد. تعهدی عظیم در حال حاضر که این مقاله نوشته می‌شود، گوگل اظهار می‌کند بیش از ۱۳۰ تریلیون صفحه وب را در این راستا می‌شناسد البته ممکن است خیلی بیشتر از این عدد نیز باشد. صفحات بسیاری وجود دارند که بنابه دلایلی گوگل آن‌ها را کنار گذاشته و عملیات جستجو، نشانه‌گذاری و امتیازدهی را بر روی آ‌ن‌ها انجام نمی‌دهد. از آنجایی که موتورهای جستجو همانند گوگل سعی دارند نتایجی مرتبط با درخواست‌های کاربران خود را ارائه دهند، برای آن‌ها فرآیندهای لازم به خوبی تعریف شده‌اند تا قادر باشند بهترین صفحات وب را با توجه به پرسش تایپ شده کاربران خود ارائه دهند. این فرآیندها در طول زمان تکامل یافته تا بتوانند نتایجی هر چه بهتر را فراهم کنند. برای آشکار شدن این موضوع ما تلاش کردیم تا بتوانیم به سوال زیر پاسخ بدهیم: - نتایج جستجوی گوگل چگونه کار می‌کنند؟ بطور خلاصه این فرآیند شامل مراحل زیر خواهد بود: - خزیدن و جستجو کردن: دنبال کردن لینک‌ها جهت یافتن صفحات مهم در وب - فهرست کردن: ذخیره کردن کلیه اطلاعات مربوط به صفحات وب بدست آمده برای رجوع‌های بعدی - امتیازدهی: مشخص کردن آن‌که هریک از آن صفحات وب درباره چه موضوعی هستند و چگونه به آن‌ها امتیاز بدهد تا در نتایج درخواست‌های مرتبط ظاهر شوند. اجازه بدهید به توضیح واضح‌تری برای هریک از مراحل گفته‌شده بپردازیم: خزیدن و جستجو کردن دربین صفحات وب موتورهای جستجو دارای ربات‌هایی تحت عنوان "خزنده” می‌باشند که وظیفه آن‌ها خزیدن در بین صفحات وب و تشخیص بهترین صفحات وب موجود برای ارزیابی پرسش و جوی کاربران می‌باشد. روش کار این خزنده یا بهتر بگوییم مسیر پیمایش این خزنده لینک‌های یک وب‌سایت خواهند بود. لینک‌های وب سایت، صفحات وب سایت را کنار یکدیگر نگه می‌دارند. وب سایت‌ها در سراسر وب، مسیری را با توجه به لینک‌های خود بوجود می‌آورند که خزنده می‌تواند به کمک پیمایش این مسیر به میلیون‌ها صفحه وب‌سایت متصل بهم، دست‌یابد. نظرتون درباره یک مثال تصویری چیه؟ در شکل زیر شما می‌توانید تصویری از صفحه نخست وب‌سایت ستروکیت را ببینید. زمانی که ربات خزنده به این صفحه نگاه می‌کند، به مدل شیء گرای سند(‌DOM) در هر صفحه نگاهی می‌اندازد تا بفهمد این صفحات شامل چه می‌شوند؟ مدل‌های شئ‌گرای هر صفحه وب کدهای HTML و JAVA SCRIPT آن می‌باشند که خزنده آن‌ها را بررسی می‌کند تا بتواند لینک‌های صفحات دیگر را بیابد. مثالی از این مطلب در کادر قرمزرنگ تصویر بالا نشان داده‌شده‌است. این روند به ربات‌های خزنده اجازه خواهد داد تا بتوانند صفحات جدید وب را پیدا کنند و هر لینک جدیدی که در این روند جستجو یافت شود در داخل صفی در داخل پایگاه داده آن‌ها قرار خواهد گرفت تا بعدا توسط خزنده‌ها بازدید شوند. خزیدن روزانه در بین صفحات وب، تعهد و عملکرد بسیار سنگینی است، از این‌رو گوگل خزنده‌های خود را در طول هفته‌ها در بین صفحات وب پخش می‌کند. بعلاوه موتورهای جستجویی همانند گوگل، همان طور که در ابتدای مقاله گفته شد تمام صفحات وب یا بهتر بگوییم هر صفحه موجود در وب را مورد جستجو قرار نخواهد داد. در عوض آن‌ها کار خود را با مجموعه‌ای از وب‌سایت‌های قابل اعتماد شروع خواهند کرد و آن‌ها را مبنایی برای سنجش دیگر وب‌سایت‌ها قرار خواهند داد و با بازدید از لینک‌های آن‌ها، خزندگان خود را در بین وب گسترش خواهند داد. ایندکس داده‌ها ایندکس کردن به معنای ذخیره اطلاعاتی مربوط به یک صفحه وب در فهرست موتور جستجو می‌باشد. ایندکس، مجموعه‌ای از صفحات وب – پایگاه داده – است که شامل اطلاعاتی در مورد کلیه صفحاتی که توسط خزنده‌ها مورد بررسی قرار گرفته‌اند می‌باشد. ساختار و سازمان ایندکس: - اطلاعات دقیق درمورد ماهیت هر محتوا و ارتباط موضوعی هر صفحه وب - نقشه ای از تمام صفحاتی که هر صفحه به آن‌ها لینک شده‌است - نوشته‌هایی که لینک شده‌اند - اطلاعاتی بیشتر در مورد لینک‌ها، آیا آن‌ها تبلیغ هستند یا خیر، آن‌ها در کدام بخش از صفحه قرار گرفته‌اند، صفحه‌ای که در ازای لینک به‌ آن میرسیم چه مضمون و مفهومی دارد. و خیلی مطالب بیشتر … ایندکس بانک اطلاعاتی هر موتور جستجو همانند گوگل است که زمانی که کاربران پرس و جویی را در آن‌ها تایپ می‌کنند، اطلاعات را از آن بازیابی خواهند کرد. قبل از اینکه موتور جستجو تصمیم بگیرد چه ایندکسی و طبق چه ترتیبی برای کاربر نمایش داده‌شود، الگوریتمی را اجرا خواهد کرد که به امتیاز دهی آن صفحات وب کمک خواهد کرد. امتیاز دهی نتایج به منظور نمایش نهایی نتایج موتورهای جستجو، موتورهای جستجو باید چند گام مهم را انجام دهند: ۱ – تفسیر قصد پرس و جوی کاربر ۲- تشخیص صفحات وب ایندکس شده که باپرس و جوی کاربر مرتبط هستند ۳- امتیازدهی آن صفحات وب با توجه به اهمیت و ارتباط آن‌‌ها این‌جا یکی از بخش‌های بزرگی‌ است که بحث بهینه‌سازی موتورهای جستجو به میان می‌آید. سئوی خوب و تاثیر گذار به اهمیت و ارتباط آن‌ها برای پرسش مطرح شده کمک زیادی خواهد کرد. ارتباط و اهمیت به چه معناست؟ ارتباط: به درجه‌ای از تطابق محتویات یک صفحه وب با منظور جستجوکننده ارتباط می‌گویند. (قصد و منظور در واقع آن چیزی است که کاربر قصد دارد آن را توسط این جستجو به انجام برساند که انجام این وظیفه برای موتورهای جستجو اصلا وظیفه کوچکی نیست ) اهمیت: صفحات وبی پر اهمیت می‌باشند که در جاهای بیشتری ذکر شده‌باشند. (یا به عبارتی قرارگیری صفحات وب می‌تواند رای اعتمادی برای آن‌ها باشد.) معمولا این اهمیت توسط لینک‌هایی که به آن صفحه داده شده‌اند جلوه می‌کند اما باید درنظر داشت که عوامل دیگری نیز وجود دارند که می‌توانند نقش بسیار مهمی را در این موضوع ایفا کنند. برای اینکه موتورهای جستجو بتوانند میزان اهمیت و ارتباط صفحات وب را با پرسش مطرح شده تعیین کنند، الگوریتم‌های بسیار پیچیده‌ای را بکارمی‌گیرند که با بررسی صدها معیار این درجه اهمیت و ارتباط را مشخص می‌کنند. معمولا این الگوریتم‌ها نحوه عملکرد موتورهای جستجو را تغییر می‌دهند تا روند دستیابی آن‌ها به نتایجی بهتر برای کاربرانشان را بهبود بخشند. حتی اگر آن‌‌ها مدام در حال بهینه سازی باشند بازهم برخی از اصولی که موتورهای جستجو بدنبال آن هستند به خوبی درک شده‌اند. اگرچه ما از لیست تمام معیارهایی که موتورهای جستجویی همانند گوگل در الگوریتم‌های خود بکار گرفته‌اند بی خبریم (که البته این محافظت بسیار خوبی است تا اسپمرها نتوانند سیستم جستجو را بازی دهند) اما موتورهای جستجو برخی از دانش‌های اصولی در این زمینه را منتشر کرده‌اند که ما می‌توانیم با بکارگیری آن‌ها به بروزترین استراتژی‌های بهینه سازی موتور‌های جستجو (SEO) دست‌یابیم. منبع: طراحی وب سایت ستروکیت
  7. دلایل مختلفی وجود خواهد داشت که شما تصمیم می‌گیرید بخشی از تصویر خود را برش دهید. ممکن است بخاطر زیبایی هرچه بیشتر تصویر خود تصمیم بگیرید بردر و یا اطلاعاتی را از تصویر حذف نمایید.بطور خلاصه، برش عکس فرآیندی است در جهت تمیزتر کردن عکس توسط کوچک کردن نواحی آن: این روش برش تصویر بسیار راحت و سرراست است. شما می‌توانید این ابزار را در پنل CROP TOOLS پیدا کنید. یا می توانید با رفتن به منوی زیر آن را فعال نمایید: Tools → Transform Tools → Crop زمانی که این ابزار فعال شد شما شاهد تغییر شکل ماوس خود به شکل ابزار CROP خواهید بود.در هر ناحیه‌ای از تصویر خود می‌توانید کلیک چپ کنید و ناحیه‌ای را که مد نظر شماست با کشیدن پنجره‌ای، مشخص‌تر کنید. اصلا نگران آن نباشد که بخش مشخص شما دقیقا همانی نباشد که مدنظر شماست. شما می‌توانید این بخش انتخابی را تا رسیدن به آنچه مد نظر شماست تغییر دهید و سپس عمل Crop را انجام دهید. پس از آنکه ناحیه مورد نظر را انتخاب کردید مشاهده خواهید کرد که اطراف ناحیه انتخابی به حالت فعال باقی مانده‌است. در این‌حالت شما می‌توانید با بردن ماوس خود بر روی گوشه‌ها و اطراف این ناحیه و تغییر شکل ماوس این ناحیه را کوچک و بزرگ کرده و به آنچه در نظر خود است نزدیکتر کنید. پس از آنکه از ناحیه انتخابی راضی بودید کافی است دکمه Enter را از روی کیبورد خود بزنید. اگر به هر دلیلی از نتیجه حاصل شده راضی نبودید می‌توانید با زدن دکمه ESC از روی کیبورد فرآیند را مجدد به عقب بازگردانید. روش دیگر: کافی است شما با ابزار Rectangle Tools ناحیه خود را در ابتدا انتخاب کنید. یا از منوی زیر: Tools → Selection Tools → Rectangle Select حال با این ابزار می‌توانید ناحیه مورد نظر خود را انتخاب کنید. پس از آن Image → Crop to Selection منبع: طراحی سایت ستروکیت
  8. ۲) تغییر اندازه (حجم فایل) 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 را انتخاب نمایید. منبع: طراحی سایت ستروکیت
  9. [align=center][/align] GIMP یک ویرایشگر تصویر مناسب برای تمامی سیستم‌عامل‌ها از جمله لینوکس، ویندوز و مک موجود می‌باشد. GIMP یک نرم‌افزار رایگان و منبع باز است. به اینصورت که شما قادر خواهید بود کد‌های منبع را به دلخواه خود تغییر دهید و سپس تغییرات خود را اعمال کنید. اگر شما یک گرافیست، عکاس، طراح سایت، محقق و یا دانشمند هستید، GIMP با ابزار پیشرفته خود به شما در راستای فعالیت‌هایتان کمک زیادی خواهد کرد. درواقع GIMP با کمک پلاگین‌ها و گزینه‌های سفارشی‌سازی خود، بهره‌وری شما را افزایش می‌هد. در GIMP کلیه ابزار مورد نیاز برای دستکاری و ویرایش تصاویر با کیفیت بالا گردهم آورده‌شده‌اند. این نرم افزر قدرت و انعطاف‌پذیری کافی را برای تبدیل تصاویر به آثار منحصربفرد واقعی دارا می‌باشد. در واقع GIMP برای ایجاد آیکون‌ها، عناصر طراحی گرافیکی، می‌تواند مورد استفاده کاربران خود قرار گیرد. GIMP یک نرم‌افزار ویرایشگر تصویر بسیار قدرتمند است. اگر شما زمان کافی برای یادگیری پیشرفته این نرم‌افزار را ندارید، اصلا نگران نباشید.GIMP می‌تواند نرم‌افزاری مفید و کاربردی برای تغییرات سریع تصاویر شما نیز باشد. در ادامه امیدواریم مثال‌هایی که آورده می‌شوند بتوانند مشکلات شما را در انجام تغییرات سریع و کوچک برطرف کنند. برای تغییرات سریع، آموزش چهار مورد زیر را انتخاب کرده‌ایم: - تغییر اندازه و مقیاس تصاویر - تغییر اندازه (حجم فایل) JPEG - برش تصویر - چرخش یک تصویر برای اینکه بتوانید تمامی موارد بالا را دنبال کنید ابتدا لازم است تصویر خود را در محیط GIMP باز کنید. [align=center]File → Open[/align] تغییر اندازه و مقیاس تصاویر در اغلب موارد شما با این مشکل مواجه خواهید شد که اندزه و مقیاس تصویر موجود بسیار بزرگتر از مقیاس و اندازه‌ی تصویر مورد نیاز شماست. ( همانند زمان قرار دادن تصویر در صفحه وب، ارسال آنلاین آن، قرار دادن آن در ایمیل) در این مواقع است که شما نیاز پیدا می‌کنید تا اندازه عکس را کاهش دهید تا مناسب کاربرد شما شود. ‌‌GIMP انجام این‌ کار را برای شما بسیار ساده کرده‌است. وقتی شما برای اولین‌بار تصویر را در محیط GIMP باز می‌کنید، تصویر به اندازه بوم یا همان صفحه کار شما در GIMP بزرگ خواهد شد. نکته قابل توجه در این مثال آن است که در بالای پنجره پیش‌فرض GIMP برخی از اطلاعات مربوط به تصویر برای شما نمایش داده خواهد شد. [align=center][/align] توجه داشته‌باشید که اطلاعات بالای این پنجره، ابعاد پیکسلی فعلی تصویر شما هستند. در این مثال ابعاد پیکسلی تصویر شما 1225*1280 می‌باشند.جهت تغییر سایز تصویر ما تنها نیاز داریم بخش Scale Image را فراخوانی کنیم. [align=center]Image → Scale Image[/align] پس از این مرحله‌، بخش Scale Image برای شما باز خواهد شد. [align=center][/align] در این بخش مکان‌هایی وجود دارند که شما می‌توانید مقادیر جدید عرض و ارتفاع مورد نظر خود را تایپ کنید. اگر شما ابعاد جدید تصویر خود را می‌دانید، مکان‌های مناسب هریک را پر کنید. شما می‌بایست به علامت زنجیر کوچکی که در سمت راست جعبه مقادیر عرض و ارتفاع وجود دارند توجه کنید. این نماد بیانگر آن است که هریک از دو مقدار عرض و ارتفاع با توجه به مقادیر دیگری تغییر خواهد کرد. به این معنی که با تغییر مقدار یکی از آن‌ها، مقدار دیگری نیز برای حفظ تناسب ابعاد تصویر تغییر خواهد کرد.( بدون هیچ فشرده‌سازی و یا کشش در تصویر) برای مثال اگر شما می‌دانید که عرض موردنظر تصویرشما 600px است شما می‌توانید این مقدار را در فیلد مربوط به عرض تصویر وارد نمایید. خواهید دید که مقدار ارتفاع تصویر نیز به طور اتوماتیک جهت حفظ نسبت ابعاد تصویر تغییر خواهد کرد. [align=center][/align] همانطور که در تصویر بالا مشاهده می‌کنید، با تغییر مقدار عرض تصویر به 600px ارتفاع نیز به طور اتوماتیک به مقدار 627px تغییر کرده‌است. پس از آن در قسمت Quality → Interpolation از پنجره پیش‌رو که دارای مقدار پیش فرض cubic است بهتر است برای حفظ بهترین کیفیت گزینه Sinc (Lanczos3) را انتخاب نمایید. اگر شما می‌خواهید مقادیر تصویر خود را براساس واحد دیگری غیر از پیکسل مشخص کنید شما می‌توانید با کلیک بر روی کلمه px از منویی که در اختیار شما قرار می‌گیرد واحد موردنظر خود را انتخاب کنید. [align=center][/align] این قابلیت بیشتر برای این مفید خواهد بود که شما بخواهید اندازه تصویر جدید را برحسب درصدی از تصویر قدیمی‌ تنظیم کنید. برای مثال کافی است این فیلد را به مقدار Percent(درصد) تغییر داده و عدد ۵۰ را تایپ کنید. با اینکار اندازه تصویر را به میزان نصف تغییر می‌دهید. حالا وقت آن است که از تصویر جدید خود خروجی بگیرید: [align=center]File → Export[/align] جهت خروجی یک فایل جدید است و [align=center]File → Overwrite {FILENAME}[/align] جهت بازنویسی بر روی فایل قدیمی. منبع: طراحی سایت ستروکیت
  10. ماژول نقشه گوگل ، ماژولی است که شما میتوانید بوسیله آن نقشه گوگل را در سایت جوملایی خود نشان دهید. طراحی وب سایت ستروکیت، این ماژول از API های گوگل استفاده کرده و قابلیت سفارشی سازی دارد. این ماژول به بصورت رایگان برای اسفاده در اختیار شما قرار می‌گیرد. کاربران می‌توانند تنها با تعیین پارامترهایی اندک، نقشه گوگل را در سایت خود با سایز و ظاهری که تمایل دارند، قرار دهند. برای نصب باید به محیط Administrator سایت جوملای خود وارد شوید و در قسمت افزونه ها (Extentions)، روی Manage کلیک کرده و فایل فشرده ماژول را انتخاب و نصب کنید. بعد از نصب به قسمت ماژول ها وارد شوید و روی ماژول مربوطه کلیک کنید. [align=center][/align] نحوه استفاده از آن: محیط این ماژول از ۴ تب تشکیل شده‌است که به طور مفصل و کاربردی به توضیح درباره‌ی هریک از آن‌ها خواهیم پرداخت. ۱- تب Module در این قسمت از ماژول، شما می‌بایست پارامترهایی مربوط به مختصات نقشه، میزان بزرگ‌نمایی آن، عرض و طول و... را مشخص کنید. - Google API Key : برای داشتن این مقدار کافی است ابتدا یک اکانت گوگل داشته باشید و سپس به Google API Console رفته و پس از انجام مراحل،Google API Key را در جایگاه مناسب خود در ماژول قرار دهید. - Latitude و Longitude : با این دو مشخصه می‌توان مختصات جغرافیایی نقشه را تعیین نمود. - Zoom Level : می‌توان مشخص کرد با چه میزان و درجه‌ای از بزرگ‌نمایی، نقشه در صفحه‌ی ما قرار بگیرد. - Color : می‌توان در اینجا رنگی را که در نظر داریم نقشه با آن نمایش داده‌شود، تعیین کنیم. کافی است یا شماره‌ی رنگ مورد نظر خود را تایپ کنید و یا با کلیک بر روی مربع رنگی واقع در سمت چپ، از روی پالت رنگی که برای شما باز می‌شود رنگ خود را انتخاب کنید. در شکل بالا همان‌طور که قابل مشاهده‌است، رنگ آبی انتخاب شده که در نتیجه آن نقشه به صورت زیر خواهد بود: [align=center][/align] - Width و Height: میزان پهنا و ارتفاع نقشه را در این قسمت می‌توان مشخص کرد. در این قسمت می‌توان مقادیر را یا بر حسب پیکسل (به همراه px)و یا بر حسب درصد (به همراه علامت ٪) بیان کرد. - Marker Title: عنوانی است که با قرار گرفتن ماوس بر روی علامت لوکیشن نمایش داده خواهد شد. به صورت پیش‌فرض دارای مقدار Our Location می‌باشد که شما می‌توانید آن را به هر عبارت دلخواه دیگری تغییر دهید. [align=center][/align] - Marker: اگر مارکر و علامت دیگری برای نمایش مکان در نقشه درنظر دارید، می‌توانید آن را در قالب عکس ابتدا در قسمت رسانه جوملا آپلود کنید و سپس در این مکان آن را فراخوانی کنید تا به جای علامت مکان پیش‌فرض در نقشه نمایش داده شود. - Title: می‌توانید معین کنید که به‌همراه ماژول نقشه‌ی شما عنوان آن نیز در صفحه وب نمایش داده شود یا خیر. - Position: این پارامتر یکی از مهمترین پارامترها در ماژول‌ها می‌باشد که باید در تعیین مقدار آن بسیار دقت داشت. این پارامتر مربوط به مکانی است که شما قصد دارید در آن قسمت ماژول شما نمایش داده شود. - Status: از دیگر پارامترهای مهم می‌باشد. این پارامتر وضعیت ماژول را تعیین می‌کند. می‌توان سه حالت Published، Unpublished، Trashed را برای آن تعریف کرد. برای نمایش ماژول این پارامتر حتما می‌بایست در وضعیت Published قرار گیرد. - Start publishing وFinal publishing: چنانچه برای انتشار ماژول خود محدوده زمانی را در نظر دارید می‌توانید آغاز و پایان آن را با کمک این دو پارامتر تعیین کنید. ۲- Menu Assignment [align=center][/align] از دیگر قسمت‌های مهم ماژول، تب Menu Assignment است که حتما می‌بایست به هنگام استفاده از ماژول آن را چک کنید. در این تب شما می‌توانید مشخص کنید در کدام یک از صفحات شما این ماژول نمایش داده شود. باید توجه داشته باشید که برای برخی از ماژول‌ها در این قسمت عبارت No Pages تعیین شده که باعث می‌شود ماژول شما اصلا نمایش داده نشود. ۳- Module Permissions [align=center][/align] در این قسمت از ماژول می‌توان نوع دسترسی‌ها را مشخص کرد. به این صورت که برای هریک از کاربران سایت یک نوع دسترسی به ماژول تعریف کنید. برای مثال برای برخی هیچ نوع اجازه‌ی ویرایشی تعریف نشود، برای برخی دیگر اجازه ویرایش یا حتی حذف ماژول داده‌شود. ۴- Advanced (انتخابی) [align=center][/align] تنظیمات پیشرفته ماژول در این قسمت صورت خواهد گرفت. تنظیماتی از قبیل: 1) تعریف لایه جدید برای ماژول 2) تعیین کلاس css برای ماژول 3) تعیین اندازه بوت استرپ 4) تعیین تگ هدر پس از تعیین این پارامترها، کافی است گزینه save را انتخاب نمایید. [align=center][/align] دانلود ماژول منبع: طراحی سایت ستروکیت
  11. پس از مشخص کردن نوع منو، در صفحه Menu Items (آیتم‌های منو)، گزینه سبز رنگ ‌New (جدید) را انتخاب کنید. [align=center][/align] با صفحه‌ای همانند صفحه بالا مواجه خواهید شد. ۱-شامل گزینه‌هایی جهت ذخیره و انصراف می‌باشد. ۲-عنوان منو است که جزو گزینه‌های ستاره‌دار است و پر کردن آن الزامی است. ۳-نام مستعار است. نام آن را هم‌نام عنوان منو انتخاب کنید. این کار به سئوی سایت شما کمک خواهد کرد. ۴-Menu (موقعیت منو): این یک گزینه اجباری است و می‌بایست مشخص کنید قصد اضافه کردن آیتم به کدامین منو را دارید. ۵- Parent Item (گزینه مادر)، این امکان را فراهم خواهد کرد که مشخص کنید، آیتم شما، آیتم اصلی است و یا زیر مجموعه‌ای از یک آیتم اصلی دیگر است. چنانچه آیتم اصلی باشد آن را در حالت پیش‌فرض خود، Menu Item Root ( ریشه گزینه منو) رها می‌کنیم اما چنانچه زیر مجموعه‌ای از یک آیتم اصلی دیگر باشد به کمک منوی کشویی فراهم شده آیتم اصلی را انتخاب می‌کنیم. ۶-Status (حالت)، حالت آیتم را مشخص کنید. ۷- در اینجا مشخص کنید که آیتمی که ایجاد می‌کنید به عنوان صفحه پیش‌فرض نمایش داده‌شود یا خیر. عموما برای صفحه/ آیتم، خانه در حالت ‌Yes (بله) قرار خواهد گرفت. ۸-نوع دسترسی برای آیتم را می‌توان در این قسمت مشخص کرد. ۹-در این قسمت می‌توان زبان را برای این آیتم تعیین کنید. ۱۰- تنظیمات مرتبط با هر آیتم به صورت بخش‌بندی‌هایی در قالب تب تنظیم شده‌اند. تعداد و نوع این تب‌ها با توجه به نوع منو متفاوت خواهد بود. نوع آیتم منو: [align=center][/align] کافی است بر روی دکمه Select (انتخاب) کلیک نمایید. فهرستی برای شما باز خواهد شد. لیستی از انواع منوها در این فهرست برای شما مهیا شده‌است. حال به توضیح مختصری در مورد هریک از اجزای این فهرست خواهیم پرداخت. Article (مطلب): Archived Articles (مطالب بایگانی شده): با انتخاب این گزینه، مطالبی که بایگانی شده‌اند نمایش داده خواهند شد. Category Blog (مجموعه بلاگ): چنانچه قصد دارید در صفحه شما، مجموعه‌ای از مقالات همانند یک بلاگ نمایش داده‌شوند می‌توانید از گزینه Article (مطلب)، Category Blog (مجموعه بلاگ) را انتخاب کنید. با انتخاب این گزینه‌، بلافاصله از شما دسته‌بندی مربوطه که مجموعه مقالات خود را در آن قرار داده‌اید از شما پرسیده‌می‌شود. در تب‌های موجود، امکانات زیادی جهت تنظیم نمایش صفحه بلاگ برای شما فراهم شده‌است . یکی از مهمترین تب‌ها، تب Blog Layout (طرح بلاگ) است. [align=center][/align] در این تب شما براحتی می‌توانید مشخص کنید که چه تعداد از مطالب شما، بعنوان مطالب برجسته نمایش داده شوند، صفحه بلاگ شما حداکثر شامل چه تعداد مقاله خواهد بود، مطالب شما در قالب چند ستون نمایش داده‌شوند. Category List (لیست مجموعه): این گزینه این امکان را به شما خواهد داد تا در صفحه خود لیستی از مطالب یک مجموعه را داشته باشید. پس از انتخاب این گزینه از شما نام مجموعه مورد نظر پرسیده خواهد شد. [align=center][/align] Create Article (ایجاد مطلب): با این گزینه، امکان ایجاد و ساخت مطلب جدید را برای کاربران خود بوجود خواهیدآورد. Featured Articles (مطلب ویژه): با این گزینه در صفحه شما کلیه مطالبی که آن‌ها را بعنوان Featured (ویژه) معرفی کرده اید نمایش داده خواهند شد. List All Categries (لیست همه مجموعه‌ها): با کمک این گزینه می‌توان لیستی از مجموعه‌ها را که داخل یک مجموعه تعریف کرده‌اید نمایش دهید. [align=center][/align] تنها کافی است پس از انتخاب این گزینه، در محلی که با دایره قرمز رنگ مشخص شده است، مجموعه سطح بالای خود را معرفی کنید. Single Article (یک مطلب خاص): چنانچه آیتم شما تنها شامل یک مقاله است کافی است از گزینه Article (مطالب) گزینهSingle Article (یک مطلب خاص) را انتخاب کنید. [align=center][/align] در اینجا با انتخاب این گزینه، گزینه‌ای برای شما ایجاد خواهد شد که به شما این امکان را می‌دهد که مطلب موردنظر خود را مشخص کنید. Contacts (تماس‌ها): Featured Contacts (تماس‌های ویژه): این گزینه کلیه تماس‌ّهایی که با عنوان تماس ویژه معرفی شده‌اند را نمایش خواهد داد. List All Contacts Categories (لیست تماس‌ها در مجموعه): لیست تمامی مجموعه‌های تماسی است که در یک مجموعه خاص تعریف کرده‌ایم. [align=center][/align] تنها کافی است پس از انتخاب آن ، مجموعه سطح بالایی را که برای تماس‌ها تعریف کرده‌اید، انتخاب کنید. List Contact In a Category ( لیست تماس‌ها در مجموعه): با کمک این گزینه می‌توانیم لیستی از تماس‌ها را که در یک مجموعه خاص تعریف کرده‌اید انتخاب کنید و نمایش دهید. پس از انتخاب این گزینه می‌بایست نام مجموعه دلخواه را نیز تعیین کنید. [align=center][/align] Single Contact (یک تماس خاص): چنانچه قصد ایجاد آیتم برای منظور تماس یا تماس با ما هستید، کافی است از فهرست مذکور، گزینه Contacts (تماس‌ها)، Single Contact (یک تماس خاص) را انتخاب کنید. در این‌جا نیز از شما Contact (تماس) مورد نظر سوال خواهد شد. لازم به ذکر است شما می‌بایست از قبل، از منوی Component (کامپوننت) جوملا، Contact (تماس) مورد نظر خود را تعریف کرده‌باشید و سپس در این‌جا تنها آن را انتخاب نمایید. [align=center][/align] System Links (سیستم لینک‌ها): External Url (آدرس خارجی): زمانی‌که شما قصد دارید، آیتم خود را به یک لینکی که خارج از صفحه است مرتبط کنید، این گزینه به شما کمک خواهد کرد. Menu heading (عنوان منو): عنوانی است که شما در قالب منو آن را تعریف می‌کنید. به این معنی که دیگر خاصیت لینک را ندارد. Menu Item Alias (نام مستعار گزینه منو): این گزینه زمانی کاربرد دارد که شما منویی را دارید که قصد دارید از آن در مکان دیگری مجدد استفاده کنید که به جهت تشابه نام این کار امکان‌پذیر نخواهد بود. در این موقعیت این گزینه کمک بزرگی به شما خواهد کرد. فقط پس از انتخاب این گزینه از شما خواسته می‌شود تا منوی خود را که قصد ایجاد مجدد آن را دارید مشخص کنید. [align=center][/align] Text Separator (جدا کننده متن): این گزینه تنها در حکم جدا کننده‌ی متن کاربرد خواهد داشت. Tags (برچسب‌ها): Compact List of Tag Items (لیست فشرده‌ای از گزینه‌های برچسب شده): کافی است برچسب مورد نظر را تایپ کرده، در نتیجه آن لیستی از گزینه‌هایی که با برچسب مورد نظر شما برچسب‌گذاری شده‌اند، فراهم خواهند شد. List of All Tags (لیست همه برچسب‌ها): با انتخاب این گزینه کلیه برچسب‌های تعریف شده مهیا خواهند شد. Tagged Items (گزینه‌های برچسب شده): به ازای هر تگ انتخاب شده، کلیه آیتم‌های مربوط به آن تگ نمایش داده خواهند شد. Users (کاربران) : Edit User Profile (ویرایش مشخصات کاربر): به کمک این گزینه کاربران سایت می‌توانند مشخصات پروفایل خود را اعم از نام، نام کاربری، رمز ورود، نشانی پست الکترونیک و... را ویرایش کنند. Login Form (فرم ورود) همانطور که از اسم آن پیداست، آیتم با این ویژگی امکان ورود کاربر به سایت را فراهم خواهد کرد. Logout (خروج): این آیتم امکان خروج از سایت را، فراهم می‌کند. Password Reset (یادآوری رمز عبور): با اضافه کردن این گزینه این امکان را برای کاربر خود فراهم خواهید کرد که در صورتی که رمز عبور خود را فراموش کرده از آن کمک بگیرد. با زدن این آیتم به صفحه‌ای هدایت خواهد شد که نشانی پست الکترونیک از او پرسیده‌ می‌شود که در نتیجه وارد کردن آن، رمز عبور به آدرس الکترونیک کاربر ایمیل خواهد شد. Registration Form (فرم عضویت): این گزینه کاربر را به سمت فرمی برای عضویت هدایت خواهد کرد. User Profile (مشخصات کاربر): این گزینه، مشخصات کاربر را برای او نمایش خواهد داد. Username Reminder Request (درخواست یادآوری نام کاربری): کاربران درصورتی‌که نام کاربری خود را فراموش کرده‌باشند، این گزینه کمک زیادی به آن‌ها خواهد کرد. Wrapper (لینک‌آور) Iframe Wrapper ( لینک‌آور Iframe): این گزینه این امکان را فراهم خواهد کرد تا از ویژگی Iframe در وب‌سایت خود بهره ببرید. در واقع این گزینه امکان نمایش وب‌سایتی دیگر را در داخل وب‌سایت شما فراهم خواهد کرد. منبع: طراحی سایت ستروکیت
  12. همانطور که از عنوان آن پیداست کلیه اطلاعات مبنی بر حساب‌ها، سفارشات‌ در این قسمت قابل دسترسی و تنظیم خواهد بود. [align=center] [/align] ۱-سفارشات (Orders) [align=center][/align] جدولی پیش‌روی شما خواهد آورد که شامل جزییات سفارشات شما خواهد بود. ستون‌های این جدول به گونه‌ای طراحی شده‌‌اند که شما قادرخواهید بود در کسری از زمان یک دید کلی نسبت به سفارشات خود بدست آورید. برای مثال چه محصولی به چه تعداد سفارش داده شده‌است، چه تاریخی سفارش صورت گرفته و چه روش پرداختی توسط خریدار انتخاب شده‌است، محصول سفارش داده شده در چه وضعیتی قرار دارد. ۲-گزارش درآمد (Revenue Report) [align=center][/align] با کمک فیلترهای تعریف شده در این قسمت، دست‌های شما کاملا باز خواهد بود که به صورت ماهانه‌‌، روزانه، دربازه‌های زمانی دلخواه و با تعیین نوع سفارش، گزارشات درآمدی خود را بررسی کنید. ۳-خریداران (Shoppers) [align=center][/align] زیرمنوی خریداران، لیستی از مشتریان فروشگاه خواهد بود. به این‌صورت که نام مشتری به همراه ایمیل آن برای شما به صورت فهرست‌وار نشان داده‌خواهد شد. ضمن اینکه چنانچه مشتری عضو گروهی از گروه‌های خریداران که شما تعریف کرده‌اید، نیز باشد در ستونی مجزا، مشخص می‌شود. ۴-گروه خریداران (Shopper Groups) [align=center][/align] شما می‌توانید گرو‌های مختلفی از خریداران را در این بخش تعریف کنید و در جهت ارائه‌ی خدمات و مزایای متمایز، از این گروه‌های تعریف شده، در بخش‌های دیگر فروشگاه بهره ببرید. برای مثال گروه همکاران، مشتریان خاص، مشتریان معمولی و... ۵-کوپن‌ها (Coupons) [align=center][/align] در این قسمت‌، شما به راحتی می‌توانید کوپن‌های فروشگاهی خود را با جزییاتی از قبیل کد، درصد اختصاص یافته به هر کوپن، ارزش آن به قیمت و... را ببینید. منبع: طراحی وب سایت ستروکیت
  13. [align=center][/align] ویرچومارت (Virtumart) ، یک کامپوننت فروشگاه است که با زبان پی اچ پی طراحی شده‌است. از این کامپوننت در جهت فروش محصولات فروشگاه استفاده می‌شود. ویرچومارت دارای قابلیت نصب آسان است و کاربران می‌توانند با کمک آن به سادگی فروشگاه خود را راه‌اندازی نمایند. به محض ورود به این سیستم، شما با صفحه ای مواجه خواهیدشد که از دو تب کنترل پنل (Control Panel) و آمار (Statistics) تشکیل شده است. که در بخش کنترل پنل(Control Panel) شما می‌توانید رویدادها و افزونه‌های مربوط به بخش فروشگاه را مدیریت کنید و در تب آمار نیز می‌توانید آمار کلی فروشگاه را اعم از خریداران، محصولات فعال، محصولات غیر فعال، تایید شده، در انتظار اقدام و... بدست آورید. منبع: طراحی سایت ستروکیت
  14. جهت مدیریت ماژول‌های سایت کافی است به یکی از دو مسیر زیر بروید. ۱- [align=center][/align] ۲- [align=center][/align] شما با صفحه‌ای همانند صفحه زیر مواجه خواهید شد. [align=center][/align] این صفحه، شامل کلیه ماژول‌های بکاربرده شده در سایت است و امکان مدیریت آن‌ها برای شما در این قسمت فراهم شده‌است. [align=center][/align] New (جدید): به کمک این گزینه میتوانیم ماژول‌ها رااضافه نماییم. جهت استفاده از گزینه‌های دیگر این سطر می‌بایست در ابتدا آیتم مورد نظر را با تیک زدن مربع کوچک کنار نام هر آیتم انتخاب نمایید و سپس بر روی گزینه مورد نیاز از سطر کلیک کنید. Edit (ویرایش): این گزینه امکان ویرایش کلیه تنظیمات ماژول‌ را برای شما فراهم خواهد کرد. Publish (انتشار): ماژول مورد نظر را در حالت انتشار قرار خواهد داد. Unpublish (منتشر نشده): ماژول را در حالت منتشر نشده قرار می‌دهد. Batch (دسته): برای استفاده از این گزینه می‌توان چند ماژول را انتخاب کرد و بصورت گروهی تغییراتی از قبیل تغییر زبان، کپی، انتقال ، تغییر دسترسی را بر همه آن‌ها اعمال کرد. Trash (زباله‌دان): می‌توانیم ماژول‌های انتخاب شده را پاک نماییم. لازم به ذکر است با استفاده از این گزینه ماژول‌ها از لیست حذف خواهند شد اما همچنان در محیط جوملا باقی خواهند ماند. چنانچه بعدها قصد ایجاد ‌ماژول را مجدد پیدا کنید خطایی مبنی بر وجود تشابه نام برای شما صادر خواهد شد. جهت از بین رفتن ماژول از محیط جوملا لازم است آن را از زباله‌دان نیز پاک کنید. در این قسمت مشخص می کنید که ماژول‌های بخش سایت (Site) برای شما نشان داده‌شوند یا ماژول‌های بخش مدیریت (Administrator). شما می‌توانید در این نوار جستجو نام ماژول دلخواه خود را تایپ کرده و آن‌را جستجو کنید. این گزینه فیلترهایی را در اختیار شما قرار می‌دهد که شما می‌توانید براساس تنظیم آن‌ها ماژول‌ها را نمایش دهید. فیلترهایی براساس حالت، موقعیت، نوع، دسترسی، زبان . باکمک Clear (پاک‌سازی)، شما می‌توانید هرآنچه در نوار جستجو تایپ کرده‌اید را پاک نمایید. لازم به ذکر است برای ویرایش هر ماژول کافی است بر روی نام آن کلیک کرده و یا با تیک زدن مربع کوچک کناری نام ماژول و سپس زدن دکمه Edit(ویرایش)، وارد مشخصات ماژول شوید و تنظیمات آن را ویرایش کنید. افزودن ماژول جهت افزودن ماژول جدید به وب‌سایت خود کافی است دکمه سبزرنگNew (جدید) را انتخاب کنید. [align=right]با لیستی از ماژول‌های نصب شده در جوملا مواجه خواهید شد.[/align] [align=center][/align] ماژول دلخواه را با کلیک بر روی نام آن انتخاب کنید. به صفحه‌ تنظیمات مربوط به ماژول هدایت خواهید شد. هر ماژول متناسب با کارآیی خود شامل تب‌ها و تنظیمات منحصر بفرد خود است. نکات کلی در ماژول‌ها: انتخاب نامی مناسب و مرتبط برای آن [align=center][/align] انتخاب موقعیتی مناسب برای آن [align=center][/align] قراردادن آن در وضعیت انتشار [align=center][/align] تخصیص ماژول به صفحه مورد نظر [align=center][/align] مشخص کردن سایز Bootstrap (بوتسترپ) [align=center][/align] منبع: طراحی وب سایت ستروکیت
  15. همان‌طور که از عنوان مشخص است، تنظیمات کلی، برای مدیریت محتوای جوملا را می‌توان در این قسمت انجام داد. تنظیماتی همانند: تنظیمات سایت، تنظیمات ‌SEO، تنظیمات سیستمی، تنظیمات عیب‌یابی، تنظیمات مجوز‌ها و... برای رفتن به بخش تنظیمات کلی (Global Configuration) همانند بخش‌های قبل دو مسیر درنظر گرفته شده‌است. ۱- [align=center][/align] ۲- [align=center][/align] صفحه مربوط به تنظیمات کلی همانند صفحه‌ای به شکل زیر خواهد بود. [align=center][/align] ازجمله مهمترین تنظیمات این صفحه، تنظیمات مربوط به سئو می‌باشد. که حتما می‌بایست مورد توجه قرار گیرد. [align=center] [/align] تنظیماتی شامل فعال /غیرفعال کردن آدرس‌های بهینه برای موتورهای جستجو، فعال/غیرفعال کردن افزودن پسوند به آدرس‌ها، استفاده از نام‌های مستعار در آدرس‌ها، مشخص کردن جایگاه نام سایت در عنوان صفحات از دیگر تنظیمات این قسمت است. تنظیمات مرتبط با سیستم، عیب‌یابی سیستم، کش سیستم، تنظیمات مرتبط با سرور، تنظیمات دسترسی‌ها و....دیگر تنظیماتی هستند که در قالب تب‌های مختلف در این بخش از جوملا، گردآوری شده‌اند. منبع: طراحی سایت فروشگاهی ستروکیت