سبک های جدید طراحی قالب وب سایت و تعاریف مربوط به آنها

عضو شوید

عضویت سریع

تلفن تهران: 22083926 - 22085386 - 22082258 | آدرس: تهران، سعادت آباد، سرو غربی، کوچه آریا، پلاک 4، واحد 7 http://sitedesign.joomir.com http://sitedar.com

براي اطلاع از آپيدت شدن وبلاگ در خبرنامه وبلاگ عضو شويد تا جديدترين مطالب به ايميل شما ارسال شود

خدمات طراحی سایت

جشنواره وب ایران

Darkob web design

stackoverflow web design

هاست دارکوب

طراحي سايت دارکوب

slideshare

موتور جستجوی طراحی سایت

موتور جستجوی هاستینگ

طراحی سایت دارکوب در behance

طراحی سایت و هاست در behance

اینستاگرام طراحی وب و هاست دارکوب

دفتر شرکت طراحی صفحات سایت دارکوب

دفتر مربوط به شرکت هاست دارکوب

لینکدین دارکوب

اینستاگرام طراحی وب و هاستینگ دارکوب

تویتر هاست و ساخت وب گروه دارکوب

مهدی موعود

لینکدین طراحی سایت و هاست دارکوب

الکترونیکی ها

خرید و فروش رایگان کالای دسته اول و مستعمل

هاست ویندوز

فیس بوک دارکوب

فروم طراحی سایت و هاست دارکوب

آمار وب سایت:

بازدید امروز : 29
بازدید دیروز : 0
بازدید هفته : 29
بازدید ماه : 1468
بازدید کل : 433839
تعداد مطالب : 271
تعداد نظرات : 0
تعداد آنلاین : 1

آمار مطالب

:: کل مطالب : 271
:: کل نظرات : 0

آمار کاربران

:: افراد آنلاین : 1
:: تعداد اعضا : 22

کاربران آنلاین

آمار بازدید

:: بازدید امروز : 29
:: باردید دیروز : 0
:: بازدید هفته : 29
:: بازدید ماه : 1468
:: بازدید سال : 5303
:: بازدید کلی : 433839

سبک های جدید طراحی قالب وب سایت و تعاریف مربوط به آنها

نوشته شده توسط : طراحی سایت

سبک های جدید طراحی قالب وب سایت

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

{star-snippet}

طراحی دو بعدی Flat Design

به نوعی از طراحی اطلاق می گردد که از گرافیک های سه بعدی در قالب استفاده نمی گردد و المان ها در ساده ترین وضعیت خود طراحی می گردند. در این مدل طراحی دریافت و درک اطلاعات وب سایت بسیار سریعتر صورت می پذیرد زیرا ذهن کاربر درگیر گرافیک ها و بعدهای مختلف وب سایت نمی گردد. این مدل طراحی وب سایت همچنین با سایزهای مختلف صفحه نمایش بسیار ساده تر سازگار می گردد زیرا از گرافیک های تصویری در این مدل کمتر استفاده می گردد. در این مدل طراحی معمولا فونت ها بسیار بزرگتر از قبل می باشد به طوری که ارائه اطلاعات به کاربر در اولویت قرار می گیرد تا گرافیک وب سایت و به این نوع طراحی وب سایت معمولا محتوا اول Content Firest نیز گفته می شود. منبع

طراحی تک صفحه One Page Design

در این مدل طراحی با کلیک بر روی برخی از منوهای وب سایت به جای آنکه به صفحه دیگری منتقل گردیم به بخشی از همان صفحه منتقل می شویم و قادر خواهیم بود تا اطلاعات لازم را در همان بخش مطالعه نماییم. سرعت ارائه مطالب در وب سایت های تک صفحه بسیار بالاتر می باشد و نیازی نیست تا صفحه جدیدی بارگذاری گردد تا کاربر اطلاعات را مشاهده نماید. این سبک طراحی همچنین با توجه به بالا بردن مدت زمانی که کاربر در صفحه اصلی وب سایت باقی می ماند سبب افزایش رنکینگ صفحه و در نتیجه افزایش رتبه سئو صفحه وب سایت می گردد. امروزه مدت زمانی که کاربر در یک صفحه از وب سایت می ماند یکی از مهترین المان هایی است که گوگل در رنک دهی نتایج جستجو لحاظ می نماید.

طراحی ریسپانسیو Responsive Design

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

طراحی انیمیشنی Animated Design

وجود بخش های متحرک در وب سایت باعث جذابیت بیشتر وب سایت و پویا بودن آن می گردد و در صورتی که این کار به درستی انجام گردد حس بهتری نسبت به سایت های بدون تحرک در کاربر ایجاد می گردد. قبل از این، برای انیمیشن سازی در صفحه وب سایت مجبور بودیم از فلش برای متحرک سازی المان های مختلف صفحه استفاده نماییم که مشکلی که وجود داشت آن بود که برخی از مرورگرها از فلش پشتیبانی نمی گردند و معمولا فایل های فلش بسیار سنگین تر نسبت به سایر المان های صفحه بودند و باعث کندی وب سایت می شدند. امروزه متحرک سازی معمولا با استفاده از HTML و CSS و کتابخانه های جاوا اسکریپت نظیر JQUERY و MOOTOOLS و ... انجام می گردند که حجم پیاده سازی انیمیشن به مراتب پایین تر از فلش می باشد.

طراحی 3D Design

این نوع طراحی وب سایت طرفداران خاص خود را دارد و برای آنهایی مناسب تر است که به دنبال قالب های خاص می باشند. در این نوع طراحی قالب به گونه ای طراحی می گردد که حس سه بعدی بودن فضا در کاربر ایجاد گردد و البته این سبک طراحی تداخلی با طراحی دو بعدی ندارد زیر فقط در بخشی از وب سایت این کار انجام می گردد و حس بودن در فضا در کاربر ایجاد گردد.

در پایان

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

منبع:

سبک های جدید طراحی قالب وب سایت

:: برچسب‌ها: طراحی وب سایت , طراحی سایت , طراحی قالب وب سایت , طراحی قالب , طراحی قالب سایت ,
:: بازدید از این مطلب : 410

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

تاریخ انتشار : سه شنبه 30 تير 1394 | نظرات ()

تغییر دادن عنوان صفحه اصلی فروشگاه ساز VirtueMart در جوملا

نوشته شده توسط : طراحی سایت

VirtueMart یکی از کامپوننت های ساخت فروشگاه در جوملا می باشد که دارای امکانات بسیاری می باشد. این فروشگاه ساز بخشی برای ست کردن عنوان صفحه اصلی فروشگاه دارد که در جوملا 2.5 درست کار نمی کند. جهت عوض کردن عنوان صفحه اول فروشگاه ساز راه های بسیاری در آموزشی های مربوط به این کار آمده که همه آن ها را تست نموده ام و روشی که درست کار کرد این روش بود: می بایست فایل view.html.php موجود در فلدر components\com_virtuemart\views\virtuemart را باز نموده و کد زیر را در خط 337 اضافه نمایید:

$document->setTitle("عنوان صفحه مورد نظر شما");

پس از این کد :

if(!empty($error)){
$document->setTitle(JText::_('COM_VIRTUEMART_PRODUCT_NOT_FOUND').JText::sprintf('COM_VIRTUEMART_HOME',$vendor->vendor_store_name));
} else {
$app = JFactory::getApplication();
$menus = $app->getMenu();
$menu = $menus->getActive();
if ($menu) $title = $menu->title;
if(empty($title)) $title = JText::sprintf('COM_VIRTUEMART_HOME',$vendor->vendor_store_name);
$document->setTitle($title);
}

آدرس و لینک:

عنوان صفحه اصلی فروشگاه ساز VirtueMart

:: برچسب‌ها: VirtueMart , فروشگاه ساز , جوملا ,
:: بازدید از این مطلب : 462

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

تاریخ انتشار : یک شنبه 14 تير 1394 | نظرات ()

طراحی و ساخت سایت با جوملا در چند گام ساده

نوشته شده توسط : طراحی سایت

در این مقاله قصد دارم به شما که هیچ تجربه ای در زمینه ساخت و طراحی وب سایت ندارید آموزش ساخت وب سایت توسط جوملا را در چند مرحله بسیار بیان نمایم. جوملا سیستم مدیریت محتوای رایگانی می باشد که به شما امکان ساخت وب سایت را می دهد. برای نصب جوملا بر روی سرور می بایست سرور از php و mysql پشتیبانی نماید. می توانید هاست جوملا خود را از هاست دارکوب تهیه نمایید، سرورهای لینوکس cpanel سرورهای مناسبتری جهت میزبانی سایت های جوملا هستند. پس از تهیه هاستینگ می بایست نرم افزار جوملا را از سایت رسمی جوملا http://joomla.org دانلود نموده و بر روی سرور وب سایت خود بارگذاری نمایید. سرورهای هاست دارکوب دارای سیستم نصب خودکار جوملا می باشد بنابراین نیازی به دانلود آخرین نسخه جوملا ندارید و کافیه در کنترل پانل هاستینگ ویزارد نصب جوملا را اجرا نمایید.

فراموش نکنید برای نصب جوملا بر روی سرور ابتدا می بایست دیتابیس mysql خود را ایجاد نمایید و برای دیتابیس خود نام کاربری و رمز عبور ایجاد نمایید. پس از انجام این کار ویزارد نصب جوملا را اجرا نموده و اطلاعات را تکمیل نمایید. پس از نصب جوملا سایت جوملای شما آماده به کار می باشد. جهت پشتیبانی جوملا از زبان فارسی فایل زبان فارسی را از این آدرسhttp://extensions.joomla.org/extensions/languages/translations-for-joomla/17478 دانلود نموده و در کنترل پانل خود نصب نمایید. برای تغییر قالب پیش فرض جوملا کافی است قالب مورد نظر خود را از سایت های قالب های جوملا دانلود نموده و در سیستم جوملا خود نصب نمایید. دقت نمایید قالب سایتی که در جوملا نصب می نمایید حالت راست به چپ داشته باشد.

برای دانلود قالب های رایگان راست به چپ جوملا می توانید در گوگل جستجو نمایید "قالب های رایگان جوملا" و یا "joomla free rtl templates".

پس از نصب قالب جوملا کافی است قالب را در سیستم مدیریت محتوای جوملای خود نصب نموده و به عنوان قالب پیش فرض انتخاب نمایید. پس از انجام این کار تنها چیزی که لازم دارید درج منوها و اطلاعات وب سایت است.

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

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

جوملا یکی از بهترین سیستم های مدیریت محتوای تحت وب می باشد که در صورتی که در استفاده و کار با آن تجربه کسب نمایید می توانید سایت های اینترنتی بزرگی را راه اندازی نمایید.

لینک و منبع:

طراحی سایت با جوملا

:: برچسب‌ها: جوملا , طراحی سایت با جوملا , طراحی سایت جوملا , طراحی سایت ,
:: بازدید از این مطلب : 398

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

تاریخ انتشار : سه شنبه 2 تير 1394 | نظرات ()