روید باکس

متن مرتبط با «طراحی» در سایت روید باکس نوشته شده است

تأثیر طراحی سایت رسپانسیو بر روی بهبود سئو سایت

  • اگر اولین بار از انجمن برنامه نویسی اندروید بازدید می کنید برای دسترسی کامل به انجمن اندروید عضو شوید بعد عضویت قادر به ارسال مطلب و شرکت در بحث خواهید داشت   امتیاز موضوع: 0 رأی - میانگین امتیازات: 0 1 2 3 4 5 site111توسعه دهنده تازه واردسپاس ها 0سپاس شده 1 بار در 1 ارسال ارسال: #1 تأثیر طراحی سایت رسپانسیو بر روی بهبود سئو سایت - امروز, 01:45 AM [rtl]سلسله مراتب ساده وبدون نقص که تنها در سایت های رسپانسیو یافت میشود چیزی است که ربات های گوگل و دیگر موتورهای جستجو به آن اهمیت و اولویت میدهند. به عبارت دیگر طراحیسایت رسپانسیو متشکل از یک URL وکد واحد برای لپ تاپ، مو,تاثیر رنگ در طراحی سایت ...ادامه مطلب

  • این صفحه چطوری طراحی شده؟

  • سلام دوستان میخوام بدونم صفحه بالا چطور طراحی شده.شک ندارم که عکس نیست.متنش قابلیت سلکت شدن نداره.قرآن صوتیه.هر آیه از آیه بعدی جداست و  وقتی تلاوت میکنه یک گراند همون آیه سبز میشه.و این که چطوری تشدید و تنوین و ایناش قرمز رنگه بقیه اش مشکیه؟توی بازار هم با نام قرآن صوتی حبل المتین هستش.کمک لطفاLet's block ads! بخوانید, ...ادامه مطلب

  • تخصصی طراحی UI و UX اندروید

  • سلاماز دوستانی که در این زمینه تجربه دارن، خواهش می کنم راهنماییم کنن.من قصد دارم تخصصی طراحی UI و UX و مترایال دیزاین اندروید کار کنم، به برنامه نویسی اندروید علاقه ای ندارم و بخش گرافیکی رو دوست دارم.به نظر شما فقط بخش گرافیکی ارزش و درآمد خوبی داره که شروع کنم یا نه؟خیلی ممنون.Let's block ads! بخوانید, ...ادامه مطلب

  • در سئو سایت چه فاکتوری اثرگذارتر عمل می کند؟

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

  • چرا طراح و توسعه دهنده وب باید با یکدیگر کار کنند؟

  • به نظر می آید که اکثر افراد با درست بودن این ایده که طراح و توسعه دهنده سایت باید با یکدیگر کار کنند، موافق هستند.ولی بیشتر اوقات این دو جدا از هم کار میکنند در حالی که مشغول کار بر روی یک پروژه واحد هستند. طراح، عناصر، پالت های رنگ و تایپوگرافی را ایجاد میکند در حالی که توسعه دهنده کدنویسی کرده و متریال لازم برای وب سایت را آماده میکند. و این میتواند باعث بروز ناهماهنگی و ناسازگاری بین طراح و توسعه دهنده وب و نهایتاً در خود وب سایت شود.طراحی سایت اگر طراحان و توسعه دهندگان وب از ابتدای پروژه تا پایان آن با یکدیگر کار کنند، نتیجه آن پروژه ای منسجم تر با ,چرا طراحی وب سایت,چرا طراحی وب ...ادامه مطلب

  • طراحی سایت را از کجا شروع کنیم؟

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

  • در طراحی برنامه های موبایل چگونه از کاربر اجازه دسترسی به اطلاعات شخصی اش را بخواهیم؟

  • [rtl]ما در عصر دیجیتال زندگی می کنیم و در دنیایی هستیم که تمام اطلاعات در حال اشتراک گذاری می باشند زندگی ما به مانند کتابی باز در شبکه های اجتماعی قرار دارد، افراد از طریق مدیریت شبکه های اجتماعی لحظه ها و اطلاعات خود را باهم تقسیم می کنند.[/rtl] [rtl]امروزه زدگی بدون اپلیکیشن های موبایل تقریبا ناممکن است و هم افراد و هم کسب و کارها نیازمند اپلیکیشن می باشند از طرفی تمامی برنامه های موبایلی که اطلاعات خود را در آن ها اشتراک گذاری می کنیم برای داشتن عملکردی صحیح می بایست از اطلاعات محرمانه و شخصی ما استفاده کنند. افرادی که محتاط اند هنگام نصب یک نرم افزار , ...ادامه مطلب

  • طراحی bottom navigation

  • اگر اولین بار از انجمن برنامه نویسی اندروید بازدید می کنید برای دسترسی کامل به انجمن اندروید عضو شوید بعد عضویت قادر به ارسال مطلب و شرکت در بحث خواهید داشت   امتیاز موضوع: 0 رأی - میانگین امتیازات: 0 1 2 3 4 5   کاربرانِ درحال بازدید از این موضوع: 1 مهمان Let's block ads! بخوانید, ...ادامه مطلب

  • شش اصل مهم در طراحی سایت

  • اگر اولین بار از انجمن برنامه نویسی اندروید بازدید می کنید برای دسترسی کامل به انجمن اندروید عضو شوید بعد عضویت قادر به ارسال مطلب و شرکت در بحث خواهید داشت   امتیاز موضوع: 0 رأی - میانگین امتیازات: 0 1 2 3 4 5   کاربرانِ درحال بازدید از این موضوع: 1 مهمان Let's block ads! بخوانید, ...ادامه مطلب

  • طراحی تخت در مقابل طراحی متریال: تفاوت آنها چیست؟

  • دو سبک طراحي مشابه، که بر اساس ديدگاه هاي مشابه شکل گرفته اند. يکي " جديد ،" يکي – بنظر برخي از گمانه زني ها – پا گرفته و درحال تبديل شدن به يک مد زودگذر است. يکي روند طراحي است که خود به خود رشد و تکامل يافته ، ديگري مجموعه اي از دستورالعمل هاي تدوين شده براي رسيدن به يک هدف است. خوب احتمالا با تضاد بين طراحي تخت و متريال آشنا هستيد. اما واقعا تفاوت بين اين دو چيست ؟ کدام يک ذاتا بهتر از ديگري؟ براي استفاده در موارد خاص کدام بهتر است؟ در واقع، برخي از ميزان تفاوت بين آنها در وهله اول تعجب ميکنند. بياي,ساخت تخت در ماین کرافت,ساخت تخت در 3d max ...ادامه مطلب

  • ده افزونه پرکاربرد مرور گر کروم برای استفاده در طراحی وب سایت

  • اکثر کاربران اینترنت از مرورگر حرفه ای کروم استفاده می کنند ولی برخی طراحان وب سایت معتقدند که موزیلافایرفاکس افزونه هایی دارد که همین را دلیلی بر ارجعیت موزیلا بر کروم می دانند.اما کروم از چند سال پیش پلاگین های حرفه ای خود را افزایش داده و در مرورگر فایرفاکس را پشت سرگذاشته است.در زیر 10 افزونه پرکاربرد کروم که مورد استفاده طراحان وب می باشد را معرفی کرده ایم.1 – BuiltWith Technology Profiler : دریافت اطلاعاتی کامل از تکنولوژی های استفاده شده از وب سایت2 – MeasureIt : افزونه برای اندازه گیری دقیق هر قسمت از وب سایت3 – Resolution Test : تست نمایش وب سایت در رزولوشن های مختلف ( تست واکنش گرایی سایت )4 – validity : تست کدنویسی صحیح وب سایت از نظر وب سایت کنسرسیوم جهانی  w35 – IETab : تست , بررسی و نمایش وب سایت در شبیه ساز مرورگر اینترنت اکسپلورر6 – Speed Tracer : افزونه ای برای تست و آنالیز حرفه ای سرعت بارگذاری وب سایت7 – Eye Dropper : افزونه ای بسیار کاربردی برای تشخیص رنگ هر قسمت از وب سایت و دریافت آن8 – Chrome SEO : افزونه ای برای بررسی و آنالیز حرفه ای سئو وب سایت9 – Aviary : افزونه ای جهت عکس برداری از صفحات وب سایت و ویرایش آنها10 – Pendule : افزونه ای با امکانات جانبی مفید و جالب نظیر حذف css وب سایت , حذف js ها , حذف عکس ها , نمایش کد ها , خط کش , نمایش رمز های عبور , اعتبارسنجی rss , css , html و چندین ویژگی دیگرLet's block ads! بخوانید, ...ادامه مطلب

  • پنج رویکرد طراحی سایت که باید با آنها خداحافظی کرد

  • اگر اولین بار از انجمن برنامه نویسی اندروید بازدید می کنید برای دسترسی کامل به انجمن اندروید عضو شوید بعد عضویت قادر به ارسال مطلب و شرکت در بحث خواهید داشت   امتیاز موضوع: 0 رأی - میانگین امتیازات: 0 1 2 3 4 5 sitecodeتوسعه دهنده تازه واردسپاس ها 0سپاس شده 1 بار در 1 ارسال ارسال: #1 پنج رویکرد طراحی سایت که باید با آنها خداحافظی کرد - امروز, 01:18 AM موضوعات داغ و رویکردها می آیند و می روند، به خصوص در جهان طراحی سایت که به سرعت در حال تکامل است. با این حال، گاهی اوقات ما بر روی موضوعات و رویکرد قدیمی برای مدت زمان طولانی پا فشاری می کنیم. همانطور که تکنولوژی تکامل می یابد، دام تکرار الگوهای قدیمی همیشه در کمین طراحان سایت است. صنعت طراحی وب به طور مداوم در حال حرکت به جلو است. ماندن در روندهای قدیمی تنها موجب قرار دادن شما پشت رقبا می شود. مهمترین دلیل این روند عدم تکامل با تکنولوژی های جدید طراحی سایت است. بخصوص در ایران این قضیه شدت دارد ، شرکت های بزرگ و قدیمی را می بینیم که انتظار دارند با یک سیستم مدیریت محتوای قدیمی عهد دقیانوس (10 سال پیش) در بازار بقا داشته باشند. آیا طراحی، امکانات، تکنولوژی گوگل 10 سال پیش با گوگل امروز قابل مقایسه است؟در اینجا پنج روند طراحی که باید با آنها خداحافظی کرد آمده است: 1- خداحافظ: نسخه تلفن همراه سایت امروزه دیگر کسی را نمی بینم سفارش طراحی نسخه موبایل خود را به یک طراح سایت دهد، بازطراحی واکنشگرا راه حل است 2- خداحافظ: سایتهای با متن سنگین امروزه دیگر سایت هایی را نمی بینیم که متن های طولانی و تو در تو را برای معرفی محصولات و خدمات خود در پیش گیرند، سایت ها به سمت پاراگراف های برجسته و استفاده از روندهای گرافیکی ارائه خدمات رفته اند. 3- خداحافظ: سئو سایت مبتنی بر متن کپی دیگر دوره آن تمام شده که با کپی محتوای حجیم سایت های دیگر به فکر بهبود بهینه سازی سایت خود باشیم 4- خداحافظ: تبلیغات کلیکی بی هدف تبلیغات مبتنی بر پرداخت به ازای هر کلیک به سرعت در حال تغییر است. فن آوری های جدید کمک می کند تا بهتر و هدفمندتر تبلیغات را به سمت کاربران مناسب تر هدایت کنیم. 5- خداحافظ: طراحی اسکیومورفیسم اسکیومورفیسم که بر پایه ایجاد بافت های واقعی در دنیای دیجیتال است. در مقابل آن طراحی تخت قدعلم کر که پیروز هم شد البته این طور ک, ...ادامه مطلب

  • ساده ترین راه حل برای داشتن فوتر ثابت در طراحی سایت

  • در این مقاله آموزشی سعی داریم تا یک تکنولوژی جدید و کاربردی را در حوزه طراحی سایت بررسی کنیم. استفاده از این تکنولوژی، فوترهایی امن و مطمئن را برای ما تضمین خواهد کرد. بدین صورت که با وجود هر میزان محتوای سایت، فوتر ما در پایین صفحه وب‌سایت به صورت ثابت قرار خواهد گرفت.در هنگامی‌که مشغول طراحی وب سایت خود هستید، ممکن است با مشکلی همانند آنچه در تصویر زیر مشاهده می‌کنید مواجه شوید.این ناهماهنگی لایه‌ها عموما زمانی رخ خواهد داد که وب سایت شما دارای محتوای کم باشد و از طرفی دیگر شما برای  فوتر وب‌سایت خود جایگاهی استاتیک در پایین بدنه سایت، تعریف کرده‌باشید.در نتیجه آن، از آنجایی که محتوای کافی برای هدایت فوتر به پایین صفحه سایت وجود ندارد، فوتر در وسط صفحه قرار خواهد گرفت و فضای خالی زیادی در پایین صفحه و در زیر فوتر بوجود خواهد آمد. تکنیکدر طراحی سایت جهت جلوگیری از مشکلی که در بالا اشاره شد، می‌توان از تکنولوژی فلکس باکس که ابزاری فوق پیشرفته در CSS3 است و برای تطبیق لایه‌ها بکار برده‌می‌شود، بهره گرفت.صفحه نمایش ما، شامل هدر، بخش اصلی و فوتر می‌باشد.در متن پایین،کدهای html نشان داده شده‌اند که هیچ چیز فوق‌العاده‌ و اضافه‌ای در آن‌ها وجود ندارد. کد: <body> <header>...</header><section class="main-content">...</section><footer>...</footer></body> جهت فعال کردن تکنولوژی فلکس باکس کافی است برای body دستور display:flex را قرار دهید و flex-direction را به مقدار column تغییر دهید ( به صورت پیش‌فرض مقدار آن row  است که یک لایه افقی است.) از طرفی دیگر، هم برای تگ html و هم برای تگ body  می‌بایست height را برابر 100% قرار دهیم، با این‌کار کل صفحه نمایشی ما به لحاظ عمودی پر می‌شود. کد: html{ height: 100%;}body{ display: flex; flex-direction: column; height: 100%;} حال وقت آن است که تنظیمات لازم را جهت تعیین میزان فضای اشغالی برای هر بخش مشخص کنیم. ما این‌کار را می‌توانیم به کمک ویژگی‌های تعریف شده برای فلکس‌باکس انجام دهیم.این سه مشخصه برای فلکس باکس را می‌توان باهم و به صورت یک دستور نوشت:Flex-grow: مشخص می‌کند چه میزان از فضای خالی آزاد در container برای یک عنصر اختصاص داده شود.Flex-shrink: مشخص می‌کند در زمانی‌که فضای کافی , ...ادامه مطلب

  • هفت نکته اساسی سازگاری طراحی سایت با موبایل

  • متخصصین بازاریابی می گویند نزدیک به نیمی از کسب و کار ها فاقد یک وب سایت بهینه سازی شده برای تلفن همراه هستند. با توجه به رقابت شدید آنلاین اگر وب سایت شما برای موبایل بهینه نشده باشد بازار را از دست خواهید داد. در ادامه 7 نکته کلیدی سایت سازگار با موبایل را ذکر می کنیم:1-اهمیت محتوا برای داشتن یک طراحی موبایل خوب اکثر بازدید کنندگان وب سایت شما انتظار دارند با وب سایتی با محتوای ایده آل روبرو شوند. در طراحی سایت برای موبایل محتوا باید در مرکزیت جلوه نماید. پس با توجه به اهمیت آن در طراحی موبایل محتوا باید فاقد شاخ و برگ اضافی باشد و مستقیم بازدیدکننده را با بخش مفید روبرو نماید.2- همه چیز باید در دسترس باشد همه صفحات وب سایت باید قابل دسترس باشد. به عبارت دیگر، مطمئن شوید که کاربران موبایل دسترسی به اکثر محتوای سایت شما را داشته باشد. این نا امید کننده است که اطلاعات و محتوای سایت به سادگی در دسترس بازدیدکنندگان نباشد .طراحی سایت برای موبایل باید به گونه ای بهینه شده باشد که تمام محتوای دسکتاپ در موبایل نیز قابل مشاهده باشد. 3- محدودیت منوی سایت همانطور که در بالا اشاره شد، شما نیاز به رویکردی دارید که تمام محتوا قابل دسترس باشد. اما لایه های بیش از حد منو سایت به هیچ عنوان مناسب نیست، توصیه می شود حداکثر سه لایه منو و حداکثر پنج یا شش آیتم برای هر منو در طراحی سایت بگنجانید. 4- انتخاب اندازه مناسب برای دکمه ها اجازه دهید با یک اشتباه در طراحی سایت واکنشگرا شروع کنیم فرض کنید در نسخه دسکتاپ چند دکمه کنار هم داریم در طراحی موبایل نیز بصورت مشابه دکمه ها با همان ترتیب در کنار دیکدیگر هستند اما در مقیاس کوچک، حالا تصور کنید در دستگاه های موبایل که لمسی هستند کاربر بخواهد با انگشت دکمه های ریز و ناخوانای کنار یکدیگر را لمس کند؟ به چنین رویدادی می گوییم "طراحی تجربه کاربری" ناموفق. انتخاب سایز و نوع فونت و دکمه ها دقت نمایید. 5-سازمان دهی فایل های چند رسانه ای طراحی زیبای وب سایت بسیار مهم است و نمایش صحیح عناصر چند رسانه ای در مرورگرهای موبایل بر زیبایی طراحی می افزاید. از افزودن فایل های تصویری بیش از حد بزرگ، فونت پف کرده ، عناصر غیر ضروری و فیلم در فرمت هایی مانند فلش که در برخی از سیستم عامل های موبایل قابل اجرا نیست اجتناب کنید.6- پاپ آپ ها مشکل ساز هستند بیش از ح, ...ادامه مطلب

  • فونت فارسی برای طراحی وب سایت

  • از جمله محدودیت‌های وب نداشتن فونت مناسب برای زبان پارسی است. بسیاری از سایت‌هایی که به زبان فارسی هستند اغلب از چند فونت رایج مانند Tahoma و یا Arial استفاده می‌کنند. اما می‌توان این محدودیت را با استفاده از فونت‌های فارسی که برای وب طراحی شده‌اند از میان برداشت. با استفاده از این فونت‌ها در طراحی وب سایت می‌توانید جلوه‌ی زیباتری به سایت خود دهید. برای این کار موارد زیر را انجام دهید.ابتدا فایل زیر را دانلود کرده و آن را از حالت فشرده خارج کنید.دانلود فایلپوشه fonts را در جای مناسب کپی کنید.کد زیر را میتوانید در ابتدای فایل css خود وارد کرده یا در فایل html وارد کنید.در ابتدای فایل css: کد: @font-face {  font-family: 'BBadr';  src:    url('fonts/BBadr.eot?#') format('eot'), /* IE6–8 */    url('fonts/BBadr.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/    url('fonts/BBadr.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */} در فایل html:<style type="text/css" media="all"> کد: @font-face {  font-family: 'BBadr';  src: url('fonts/BBadr.eot?#') format('eot'),  /* IE6–8 */       url('fonts/BBadr.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/       url('fonts/BBadr.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */}  توجه کنید که برای هر فونتی که میخواهید استفاده کنید باید این کار را انجام دهید. در این مثال فونت BBadr اضافه شده است. برای اضافه کردن فونت جدید فقط کافیست این خطوط را کپی کنید و نام فونت جدید را جایگزین کنید. حال کافیست فونت را برای تگ مربوطه ست کنید.برای مثال می‌توانید فونت اصلی بدنه را در فایل css اینگونه تعریف کنید. کد: body {font-family: 'BBadr';} فونت نازنین:به نام خداوند جان و خرد *** کزین برتر اندیشه برنگذرد فونت یکان:به نام خداوند جان و خرد *** کزین برتر اندیشه برنگذرد فونت ترافیک:به نام خداوند جان و خرد *** کزین برتر اندیشه برنگذرد مثال‌ها بیشتر در فایل ضمیمه شده موجود می‌باشد.منبع: طراحی سایت فروشگاهی ستروکیتLet's block ads! بخوانید, ...ادامه مطلب

  • جدیدترین مطالب منتشر شده

    گزیده مطالب

    تبلیغات

    برچسب ها