طراحي سايت

EIS

ererere
برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۱۶ بهمن ۱۳۹۶ساعت: ۰۸:۵۹:۲۲ توسط:امامي موضوع:

sadsasd

fsfs
برچسب: ffds،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۱۰ بهمن ۱۳۹۶ساعت: ۰۱:۳۳:۳۱ توسط:امامي موضوع:

مقايسه فريم ورك هاي بوتسترپ و فانديشن در طراحي سايت

فريم ورك ها به برنامه نويسان كمك ميكند كه آسانتر كار كنند.

آنها باعث افزايش بهره وري مي شوند و براي نمونه سازي سريع و سايت ها بسيار مناسب هستند. علاوه بر اين، آنها مزايايي مانند سازگاري متقابل مرورگر و اجزاي آماده CSS را ارائه مي دهند.

اساسا، با استفاده از يك فريم ورك سمت كاربري (front-end) به اين معني است كه شما مجبور نيستيد هر بار كه يك وب سايت جديد و يا يك برنامه وب طراحي مي كنيد از ابتدا شروع كنيد.

فريم ورك هاي front-end كه به عنوان فريم ورك هاي css هم ناميده مي شوند، معمولا از يك سري فايهايي تشكيل شده اند مثل css jsvascript

درحاليكه فريم ورك هاي سمت كاربري (front-end) بسيار زياد هستند. دوتا از محبوب ترين فريم ورك ها، بوتسترپ (bootstrap) و فانديشن (foundation) هستند. اگرچه بسيار شبيه به هم هستند اما هنگام طراحي سايت تفاوت هاي كليدي دارند.

در اين مقاله، بررسي خواهيم كرد كه كدام فريم ورك براي شما، نسبت به اهداف و سبكي كه درنظر داريد، مناسب تر است.

بوتسترپ 

داستان شروع بوتسترپ

فريم ورك بوتسترپ براي اولين بار در اواسط سال 2010 توسط كاركنان Mark Otto در توييتر ساخته شد. در ابتدا يك فريم ورك داخلي بود اما بعدا در 19 اوت 2011 به عموم منتشر شد.

فانديشن 

داستان شروع فانديشن

فانديشن نيز به عنوان يك فريم ورك داخلي در سال 2008  توسط شركت Zurb ايجاد شد و آن را در پاييز 2011 در اختيار عموم قرار داد.

با گذشت زمان، فانديشن نسخه هاي بيشتري نسبت به بوتسترپ انتشار داد ( به اين معني كه كدام يك از آنها زمان بيشتري براي تنظيم دقيق و حل مشكلات صرف كرده اند). با اين حال، كاربراني كه از بوتسترپ استفاده مي كنند بيشتر هستند.

شباهت هاي مابين بوتسترپ و فانديشن

  1. منبع باز (open source)

هر دو فريم ورك تحت مجوز MIT ساخته شده اند، به اين معني كه انها براي استفاده و انطباق، آزاد و كدباز هستند.

  1. واكنشگرا (يا mobile first)

يك سايت واكنشگرا، اساسا به اين معني است كه وبسايت يا برنامه وب ميتواند به صورت يكپارچه در اندازههاي صفحه نمايش، موبايل، رايانه روميزي و دسكتاپ و .. كار كند.

  1. سيستم 12گريد

يك سيستم گريد بندي در فريم ورك، به شما اين امكان را مي دهد كه با قدرت بيشتري چيدمان صفحه سايت يا وب اپليكيشن خود را طراحي كنيد.

هر دو فريم ورك عبارتند از:

  • سطر ها و ستون ها
  • توانايي كشيدن ستون در رديفها و بالعكسپ

Figure 1 - نمونه گريد بندي بوتسترپ

Figure 2 - نمونه گريد بندي فانديشن

  1. سبك اجزاي css

بوتسترپ و فانديشن هر دو "پيش طراحي شده" و اجزاي "آماده به كار" ارائه شده اند. مانند موارد زير:

  • نوار ناوبري
  • دكمه ها
  • صفحه بندي
  • برچسب ها
  • نوار پيشرفت
  • و ...

 

  1. افزونه هاي اختياري جاوااسكريپت

اين افزونه هاي JS براي افزودن انواع خاصي از ويژگي هاي پيشرفته تر در front-end كار را براي برنامه نويسان آسان تر ميكند؛ مانند منو هاي سايد بار يا پاپ اپ ها.

بوتسترپ داراي 12 افزونه است درحاليكه فانديشن داراي 15 افزونه است.

جدول مقايسه بوتسترپ و فانديشن

 

بوتسترپ

فانديشن

وبسايت

getbootstrap.com

foundation.zurb.com

ورژن

3.3.7

6.4.3

تاريخ آخرين ورژن منتشر شده

27 Dec 2017

18 Aug 2017

رتبه در گيت هاب

85000+

20000+

سوالات برچسب زده شده در stack overflow

41000+

3300+

پشتيباني مرورگرها

Chrome (Mac, Windows, iOS, and Android)Safari (Mac and iOS only)Firefox (Mac and Windows)Opera (Mac and Windows)IE8+

Chrome (Mac, Windows, iOS, and Android)Safari (Mac and iOS only)Firefox (Mac and Windows)Opera (Mac and Windows)IE9+

واحدهاي اندازه گيري

px

rem

LESS

بله

خير

Sass/scss

بله

بله

سايز فايل

14 files  در 1019 KB

30 files  در 936 KB

سيستم گريد

12 column layoutFluid and fixed

12 column layoutFluid, block and centering available

 منبع: طراحي سايت نوپرداز


برچسب: مقايسه فريم ورك هاي بوتسترپ و فانديشن در طراحي سايت،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۹ بهمن ۱۳۹۶ساعت: ۱۲:۲۸:۵۹ توسط:امامي موضوع:

طراحي وب سايت فروشگاهي حرفه اي

امروزه طراحي سايت فروشگاهي به دغدغه اصلي فروشندگان تبديل شده است. با استفاده از اين وب سايت ها شما مي توانيد محصولات و خدمات مد نظر خود را به همراه ويژگي ها و مشخصات آن ها در معرض ديد همگان بگذاريد. اينترنت جهان را فراگرفته است و امروزه مي توان تقريبا همه چيز را به صورت آنلاين پيدا كرد. از زمان ظهور اينترنت تا تاكنون وب سايت هاي بسياري به عرصه رقابت در دنياي طراحي سايت هاي فروشگاهي وارد شده اند اما چه عواملي سبب شده كه برخي از اين فروشگاه ها به موفقيت برسند و برخي ديگر شكست را تجربه كنند؟ آيا طراحي فروشگاه اينترنتي فقط مختص فروشندگان معروف و بزرگ است يا خرده فروشان نيز مي توانند از اين فروشگاه ها بهره كافي را ببرند؟

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

وب سايت فروشگاهي 

اگر قصد طراحي يك سايت فروشگاهي اينترنتي را داريد، توصيه مي كنم به نكات زير توجه داشته باشيد:

طراحي سايت فروشگاهي واكنش گرا يا ريسپانسيو

خريداران دوست دارند به آساني و با هر دستگاهي كه در اختيار دارند بتوانند به فروشگاه اينترنتي مد نظر خود مراجعه كنند. اين نكته بسيار مهم است كه وب سايت شما و محتواي آن بايد بر روي تمام دستگاه هايي كه به اينترنت دسترسي دارند پشتيباني شود. تمام مشخصات و ويژگي ها بايد بدون وقفه و به سرعت نمايش داده شوند و به مشتريان آنلاين شما خدمات ارائه دهند، زيرا اين بزرگ ترين خواسته آنان از فروشگاه اينترنتي شما است.

گزينه هاي حمل و نقل رايگان يا رقابتي

سال گذشته UPS يك تحقيق بزرگ در زمينه تجربه كاربري انجام داد. با توجه به اين مطالعه گسترده، 81 درصد از خريداران آنلاين، حمل و نقل رايگان را مهم ترين عامل در به انجام رساندن خريد هاي اينترنتي خود مي دانستند. گزينه هاي ديگر حمل نقل مانند حمل و نقل رقابتي نيز از درصد بالايي برخوردار بودند. همان مطالعات نشان مي دهد كه 58 درصد مشتريان حاضر به اضافه كردن چيزهاي بيشتر به سبد خريد خود به ازاي حمل و نقل رايگان هستند. اما نكته جالب اين بود كه در وب سايت هاي فروشگاهي كه چنين گزينه هايي مطرح نبود بسياري از خريداران به علت بالا بودن هزينه هاي حمل و نقل خريد خود را در سبد خريد رها كرده و منصرف شده اند. در نتيجه گزينه هاي حمل و نقل رايگان يا رقابتي در صورتي كه به درستي انجام شوند، مي توانند موفقيت شما را به همراه داشته باشند.

استفاده از ناوبري و جستجو حرفه اي

آيا فروشگاه اينترنتي شما كاربر پسند است؟ بهتر است از چند نفر از دوستان خود بخواهيد كه وب سايت شما را بررسي كنند به شما بازخوردي ارائه دهند. اين روش ساده و موثر اغلب ناديده گرفته مي شود، اما بسيار حياتي است. وب سايت فروشگاهي شما بايد به گونه اي طراحي شود كه براي مشتريان آسان تر از رفتن به مغازه يا فروشگاه فيزيكي باشد. گزينه هاي ناوبري و جستجو در خرده فروشي آنلاين بسيار مهم هستند. درباره طراحي نوار جستجو بايد به خوبي فكر شود و بر اساس سايت شما آن را ايجاد كرد. اين نوار جستجو بايد بتواند پيشنهادات مختلفي درباره گزينه هايي كه خريداران به دنبال آنان هستند به آن ها ارائه دهد. 

طراحي سايت  نكات ويژه طراحي سايت فروشگاهي 

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


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۶ بهمن ۱۳۹۶ساعت: ۰۵:۵۱:۵۶ توسط:امامي موضوع:

دليل خريد هاست در طراحي سايت

اگر يك سايت ايستا نتواند نيازهاي شما را برطرف كند براي داشتن يك وب سايت پويا بايد هاست بخريد. خريدن هاست از طريق كارت هاي شبكه ي شتاب و به صورت آنلاين صورت مي پذيرد. البته مي توان از هاست رايگان استفاده كرد كه به دليل نامرغوب بودن و امكان حذف شدن فايل ها و همينطور آپ تايم پايين چندان توصيه نمي شود. قيمت هاست متناسب با نيازهاي عادي حدوداً ۴۰هزار تومان (۱۳۹۲) براي يك سال است. هاست هاي گران قيمت براي سايت هاي پربازديد و بسيار مهم استفاده مي شوند. هاست ها بسته به حجم خود قيمت هاي مختلفي دارند كه بهترين آن ها ۵۰۰ مگابايت يا ۱ گيگابايت است. اگر نياز به فضاي بيشتري داشتيد بايد هاست دانلود بخريد كه حجم آن ها از حدود ۱۰ گيگابايت تا ۵۰۰ گيگابايت متغير است. البته هزينه ي هاست دانلود معمولاً به صورت ماهانه پرداخت مي گردد.

پهناي باند نيز در قيمت هاست دخيل است. پهناي باند شما يعني ميزان تبادل اطلاعات بين كامپيوتر بازديدكننده و سرور (سايت شما) برحسب بايت بر ماه ! براي مثال اگر پهناي باند شما ماهانه ۱۰ گيگابايت باشد پس از اين كه ۱۰ گيگابايت فايل از سايت شما دانلود ( و يا آپلود) شد سايت شما از دسترس خارج مي شود. اگر پهناي باند شما نامحدود باشد قيمت هاستتان سر به فلك خواهد زد!

سعي كنيد هاست خود را حتماً از يك هاستينگ مطمئن خريداري كنيد. هاستينگ به شركت ارائه دهنده ي هاست مي گويند.

شما علاوه بر خريد هاست بايد يك دامين هم خريداري كنيد. دامين .ir 5 هزار تومان (۱۳۹۲) و دامين .com 40 هزار تومان (۱۳۹۲) مي باشد.

ممكن است در هنگام خريد هاست از شما در رابطه با تنظيمات DNS سوال پرسيده شود. اگر جواب اين سوال را خير بدهيد شما يك هاست و يك دامين جداگانه خريده ايد؛ ولي اگر جواب اين سوال را بله بدهيد هاست و دامين شما به هم مربوط خواهند شد. به عبارت ديگر يعني با وارد كردن دامين شما مي توانيد محتويات سايت را مشاهده كنيد.

بهتر است جواب اين سوال بله باشد!

بعد از اتمام خريد، آي پي سايت شما، نام كاربري و رمز عبور پنل به اطلاع شما مي رسد كه اين كار معمولاٌ از طريق ايميل صورت مي پذيرد.

دقت كنيد كه اين پنل با پنل سي ام اس ( سيستم مديريت محتوا ) تفاوت دارد. اين پنل براي نصب سي ام اس و يا ساير اسكريپت ها استفاده مي شود، نه مديريت سايت.

اگر دامين شما .ir باشد حدود يك روز طول مي كشد تا اتصال بين دامين و هاست برقرار شود. (البته به تازگي مشاهده شده است كه برخي از شركت هاي هاستينگ نمايندگي ثبت دامين .ir را گرفته اند و ديگر انتظار لازم نيست. )

همچنين بايد ابتدا نام موردنظر خود را ابتدا در سايت www.nic.ir ثبت كنيد و سپس هزينه ي آن را از طريق هاستينگ پرداخت كنيد. ولي دامين .com دردسر كم تري دارد گرچه قيمت آن بيش تر است.

اگر تمايل چنداني به خريد دامين نداريد مي توانيد از دامين هاي رايگان استفاده كنيد. معروف ترين دامين رايگان، دامين كشور توكلائو مي باشد كه به صورت .tk است. از دامين هاي ايراني نيز مي توان به .orq.ir و .fay.ir اشاره كرد. براي ثبت دامين .tk بايد در سايت www.dot.tk ثبت نام كنيد. براي ثبت دامين .orq.ir به سايت www.orq.ir و براي ثبت دامين .fay.ir به سايت www.fay.ir مراجعه نماييد.

براي ست كردن دامين هاي فوق برروي هاست خود بايد با پشتيباني هاستينگتان تماس بگيريد.

 


برچسب: ،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۶ بهمن ۱۳۹۶ساعت: ۰۵:۴۱:۱۱ توسط:امامي موضوع:

طراحي وب سايت خبري

امروزه خبرگذاري هاي مختلفي در كشور مشغول فعاليت هستند. با توجه به علاقه زياد مردم به فضاي مجازي اغلب خبرگذاري هاي مهم از اين فضا استفاده كرده  و با طراحي وب سايت هاي خبري حرقه اي اقدام به افزايش بازديد كنندگان نموده اند. از جمله برترين وب سايت هاي فارسي در زمينه نشر اخبار مي توان به سايت هاي فارس نيوز و خبرگذاري مهر اشاره كرد. از جمله ويژگي هاي مهم وب سايت هاي خبري سرعت سايت و مباحث امنيتي آن مي باشد. وب سايت خبري شما بايد سرعت لود خوبي داشته باشد تا كاربران از وب سايت شما استقبال كنند. همچنين امنيت بالا و استفاده از رمز نگاري هاي پيشرفته از جمله مباحث تخصصي است كه بايستي هنگام طراحي سايت خود به آن توجه داشته باشيد. طراحي سايت هاي خبري، نيازمند مشاوره با افرادي كاردان و متخصص در اين زمينه است و توصيه مي كنيم با شركت هاي طراحي سايت خبري كه سابقه كاربري خوبي در اين زمينه دارند وارد همكاري شويد.

 

ويژگي هاي صفحات وب سايت خبري

  • طراحي صفحه كنترل پنل براي مدير با كليه امكانات
  • طراحي صفحه ارسال و ويرايش خبر ها
  • طراحي صفحه مديريت سرويس هاي خبري
  • طراحي صفحه ارائه گزارش ها
  • طراحي صفحه مديريت آرشيو خبر ها
  • طراحي صفحه ساخت خبر نامه
  • طراحي صفحه ارتباط با ما


برچسب: طراحي وب سايت خبري، طراحي سايت خبري،
ادامه مطلب
امتیاز:
 
بازدید:
+ نوشته شده: ۲ بهمن ۱۳۹۶ساعت: ۱۱:۵۷:۵۹ توسط:امامي موضوع:

http://nopardazco.com