maryamsitedar

پیوسته گرایش های بسیاری به وجود می آیند و از بین می روند و مخصوصا در صنعت طراحی سایت که می بایست برخی از گرایش ها و روش ها را که امروزه کاربرد چندانی ندارند را کنار بگذاریم. در صورتی که شما روش های قدیمی را کنار نگذارید و سراغ استفاده از روش های جدید نروید از سایر رقبای خود عقب خواهید ماند زیرا که طراحی وب سایت پیوسته در حال تغییر و رشد است. در بخش زیر پنج گرایش قدیمی را که امروزه دیگر طرفدار کمتری دارند را معرفی می نمایم. بهتر است در طراحی جدید خود با این موارد خداحافظی نمایید. نسخه موبایلی وب سایت به جای ساخت نسخه موبایلی برای وب سایت که به این گونه طراحی میشد که سایتی مختص موبایل طراحی میشد، امروزه طراحی ریسپانسیو اولیت بیشتری دارد. طراحی رسپانسیو نوعی از طراحی نسخه موبایلی وب سایت می باشد که در آن یک سایت برای تمامی دستگاه ها در نظر گرفته می شود و توسط CSS رزولوشن سیستم کاربر معین شده و نمایش مورد قبول برای رزولوشن و سیستم مورد نظر ایجاد می گردد. امروزه در حدود 55 درصد از کاربران از موبایل برای مرور و خرید از وب استفاده می نمایند و در صورتی که سایت سازگار با موبایل طراحی گردد مشتریان بسیاری قادر خواهند بود تا از موبایل عملیات های لازم سایت شما را انجام دهند. در طراحی ریسپانسیو در صورتی که کاربری با رزولوشن های مختلفی وارد سایت شود صفحه مطابق با اندازه صفحه نمایش سازگار می گردد به طوری که کاربر به راحتی بتواند مطالب سایت را بدون نیاز به زوم و یا اسکرول صفحات مطالعه نماید. گوگل همچنین ارجحیت طراحی ریسپانسیو را نسبت به سایر روش های طراحی نسخه موبایلی وب سایت اعلام نموده است (http://searchenginewatch.com/article/2308069/Googles-Matt-Cutts-Responsive-Design-Wont-Hurt-Your-SEO). برای ************************************* کلیک نمایید. سایت های فقط متنی امروزه استفاده از مدیاها در سایت ها بیشتر شده و این به دلیل پشتیبانی بیشتر مرورگرها از فایل های مدیا و افزایش سرعت اینترنت می باشد. در نتیجه به جای آنکه تمام مطلب خود را توسط متون بیان نمایید می توانید از ویدئو، تصاویر و فایل های انیمیشن برای تکمیل مقاله خود استفاده نمایید. امروزه کاربران بر مدیاها بیشتر اطمینان می نمایند. در حقیقت کاربران با گرافیک ها، تصاویر، ویدئو ارتباط بهتری برقرار می نمایند و مقاله تاثیر بهتری خواهد داشت. بنابراین سعی نمایید در مقاله خود از جنبه های بصری وب نیز استفاده نمایید. روش های سیاه سئو برای سال ها سئو بخش مهمی از طراحی وب بوده است. گوگل برای ارائه بهترین نتایج به جستجو گران خود پیوسته الگوریتم های خود را بهینه سازی نموده است و بنابراین سئو کاران همیشه می بایست خود را در جریان اخبار سئو نگاه دارند. تمرکز بر روی کلمات کلیدی هم اکنون به طور کامل از موتورهای جستجو خارج شده و هم اکنون می بایست تمرکز خود را بر ارائه مفیدترین مطالب به کاربران خود بگذارید. هم اکنون زمان آن رسیده تا با مطالب متمرکز بر روی کلمات کلیدی خداحافظی نموده و مطالب مفید و مورد نیاز کاربران خود را تامین نمایید. در حقیقت سئو از بین نرفته بلکه برخی از مواردی که قبلا در موتورهای کارساز بود و جزو روش های سیاه سئو بود هم اکنون دیگر کارامد نیستند. در حقیقت دیگر نیاز نیست بر الگوریتم های گوگل تمرکز نمایید بلکه می بایست تمرکز خود را بر روی ارائه بهترین مطالب به بهترین شکل ممکن به کاربران خود قرار دهید. تبلیغات کلیکی به روش قدیمی تبلیغات کلیکی نیز در حال تغییر می باشد. تکنولوژی به ما کمک می نماید تا تبلیغات خود را برای مخاطبان مورد نظر خود نمایش دهیم. با تبلیغات کلیکی هوشمند تر شما مشتریان و موقعیت آنان را مشخص می نمایید و مخاطبان مناسب تری خواهید داشت. هم اکنون با تبلیغات کلیکی جدید شما قادر خواهد بود آن دسته از کاربرانی را بیابید که به خدمات و محصولات شما نیازمندند و حتی مشخص نمایید این کاربران در کدام محدوده جغرافیایی هستند. این نوع تبلیغات کلیکی نتیجه بسیار بیشتری به نسبت تبلیغات کلیکی بی هدف قبلی برای شما خواهد داشت، زیرا که تبلیغات شما به کاربرانی نمایش داده می شود که با آن نیازمندند. خوش آمد گویی به طراحی دو بعدی طراحی سایت پیوسته در حال تغییر می باشد. اپل و اندرویید پیوسته در تلاش برای نمایش تصاویر با کیفیت بالا هستند. هم اکنون زمان طراحی های زیر 200 ppi از میان رفته و جای خود را به نمایش retina داده. هم اکنون سبک طراحی ها به طور کلی عوض شده و بر پایه طراحی دو بعدی می باشد که این نوع طراحی به دلیل نمایش بهتر سایت در مرورگرهای موبایل و تبلت و همچنین کاربر پسند بودن آن انتخاب شده. در حقیقت کاربران ارتباط بهتری با وب سایت هایی که با ایده طراحی دو بعدی طراحی می شوند برقرار می نمایند. به جای استفاده از سایه ها و گرافیک های سه بعدی هم اکنون از رنگ ها برای تفکیک موارد از یکدیگر استفاده می گردد. در طراحی های جدید از گرادیانت ها و سایر گرافیک های قدیمی خبری نیست و نوع طراحی جدید بر ارائه مطالب به بهترین و ساده ترین روش در وب سایت می باشد. برای ************************* کلیک نمایید. منبع: http://www.forbes.com/sites/ilyapozin/2014/05/15/let-it-go-say-farewell-to-these-5-web-design-trends ***********************************

در صورتی که سایت خود را توسط جوملا 3 پیاده سازی نموده اید می توانید از کدهای زیر برای فرمت بندی صفحه فرم تماس با ما استفاده نمایید: برای مرتب سازی بخش اطلاعاتب بالای صفحه تماس با ما از کد CSS زیر استفاده نمایید: dt,dd{ float:right;} dt{ clear:right; } dd{ clear:left; } .accordion-heading{ width:100%; clear:both;} برای مرتب سازی فرم تماس با ما جوملا از کد زیر: .controls{ text-align:right;} و برای استایل دهی به تول تیپ های فرم تماس جوملا از کد CSS زیر استفاده نمایید: .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); text-align:right; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { ; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align:right; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; ; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; ; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip { max-width: 400px; } .tooltip-inner { max-width: none; text-align: right; text-shadow: none; } th .tooltip-inner { font-weight: normal; } .tooltip.hasimage { opacity: 1; } .tip-text { text-align: right; } پس از قرار دادن کدهای مورد نظر صفحه تماس با ما جوملا مرتب شده و می توانید تنظیمات مورد علاقه خود را در فایل CSS اضافه نمایید. منبع: مرتب سازی قالب صفحه فرم تماس با ما

طراحان و برنامه نویسان همیشه در تلاشی برای رفع مشکلات فنی خود در زمینه طراحی وب سایت هستند. فعالیت های آنلاین امروز روز به روز در حال گسترش و افزایش است. شبکه های اجتماعی، فروم ها برای متخصصان در هر زمینه ای بسیار مهم شده اند که این مورد برای طراحان و برنامه نویسان وب بسیار مهم تر می باشد. اکنون عضویت در این بخش ها بسیار مهم تر از قبل می باشد. در صورتی که من طراح و یا برنامه نویس وب باشم و می خواهم در جوامع شغلی خود فعال تر باشم از کجا می بایست شروع نمایم؟ 3 مورد از فروم ها برای طراحان و برنامه نویسان وب رویت یک فروم و عضویت و شرکت در آن روش بسیار مناسبی برای اطلاع یافتن از ایده های سایرین و به اشتراک گذاری اطلاعات شخصی می باشد. شما می توانید با اشخاصی ارتباط برقرار نمایید که مواردی می دانند که شما نمی دانید. فروم ها و تالارهای گفتمان توسط افرادی مدیریت می شوند بنابراین می توانید از صحت مطالب آن تا حدی مطمئن باشید. در بخش زیر 3 مورد از بهترین فروم ها را برای طراح و برنامه نویسی وب سایت معرفی می نمایم: Forrst. این فروم یک انجمن سنتی و قدیمی نمی باشد, در این انجمن کاربران متخصص بسیاری عضو هستند. تمرکز اصلی برای روی طراحی (که به دسته بندی های مختلفی تقسیم شده) و مرور کد است, و بحث در مورد موضوعات روز می باشد. Stack Overflow. این فروم بسیار جالب می باشد زیرا به خوانندگان این امکان را می دهد در بحث شرکت نمایند بدون آنکه نیاز باشد به سوالی پاسخ دهند و یا سوالی را مطرح نمایید. کاربران می توانند به بهترین پاسخ ارائه شده رتبه دهند, پس بنابراین زمانی که شما در حال رویت پاسخ های سوالات می باشید بهترین پاسخ به عنوان اولین نتیجه نمایش داده می شود. هر کس می تواند سوال بپرسد, هر کس هم می تواند پاسخ دهد, و هر کسی می تواند رای دهد. نیاز به عضویت در سایت نیست, که این قابلیت در انجمن های معمولی موجود نیست. Web Developer. یکی از معروفترین انجمن ها (که در موتورهای جستجو به عنوان اولین نتایج می باشد) و دارای اطلاعات بسیاری می باشد. قبل از ارسال می بایست در سایت ثبت نام نمایید, و می توانید مطمئن باشید سوالات و پاسخ های شما در این فروم بسیار دیده می شود. 3 شخصیت برتر توسعه دهنده وب در شبکه های اجتماعی و چرا می بایست آن ها را دنبال نماییم در صورتی که به استفاده از شبکه های اجتماعی علاقه ای ندارید این مورد را از دست خواهید داد ولی با دنبال کردن این متخصصان و توسعه دهندگان وب در محیط توئیتر از آنان مطالب جدیدی خواهید آموخت. برخی از این متخصصان در زیر آمده. John Resig. John Resig خالق jquery می باشد, یک برنامه نویسی جاوا اسکریپت, و مولف, و او این تکنولوژی ها را کامل می شناسد. توئیتر او مکان بسیار مناسبی برای دنبال کردن می باشد زیرا مطالب مفیدی را توئیت می نماید. موردی که بسیار جالب می باشد آن است که سوال و جواب هایی رو در شبکه اجتماعی مطرح می نماید تا سایر کاربران بتوانند در بحث شرکت کنند. Gina Trapani. با وجود اینکه این متخصص در حدود 300000 دنبال کننده در توئیتر دارد, مطالب بسیاری را دائما در شبکه های اجتماعی ارسال می نماید. ایشان شخص بسیار تاثیر گذاری در این صنعت می باشند. Eric A. Meyer. من ایشان را دوست دارم زیرا به کلیه سوالات مطرح شده در زمینه html و css پاسخ می دهد و در بحث ها شرکت می نماید. ممکن است که یکی از تاثیر گذارترین افراد نباشد , اما این شخص تسلط بسیاری به این شغل دارد. و این شخص اطلاعات علمی بسیاری دارد, با 22000 توئیت انجام شده می توانیم اعلام نماییم یکی از فعال ترین متخصصان است. 3 مورد از بهترین بلاگ های طراحی و توسعه وب سایت در زیر به شما 3 مورد از بهترین بلاگ های طراحی و برنامه نویسی وب سایت را معرفی می نمایید که در این سایت ها می توانید مطالب بسیار مفیدی و آخرین تکنیک های روز دنیا را مطالعه نمایید: Smashing Magazine. یکی از محبوب ترین های من و همچنین پر بازدید ترین بلاگ های آموزشی. این بلاگ به صورتی طراحی شده که طراحان و برنامه نویسان به راحتی می توانند مطالب مورد نظر خود را مطالعه نمایند. Scott Hanselman. این بلاگ دارای مطالب بسیار مفیدی می باشد. این شخص تجربیات واقعی خود را در زمینه طراحی و برنامه نویسی وب سایت با شما اشتراک می گذارد. OXP (One Xtra Pixel). این بلاگ مطالب خود را با کمی طنز ارائه می نماید. و موضوعات آن از موارد پایه تا موارد فنی تر می باشد, اما همیشه در مطالب خود از گرافیک های طنز استفاده می نماید. بلاگ خبری توسعه دهندگان وب در این بلاگ ها می توانید مطالب مفید سایر کاربران را مطالعه نمایید و در صورتی که مطلب و مقاله مفید قابل ارائه داشتید آن را ارسال نمایید. در زیر یک مورد را برای شما لیست نموده ام: CSS Drive. این سایت به مانند یک سایت خبری طراحی شده, بنابراین مطالب بسیاری را در مرحله اول مشاهده می نمایید. این سایت ساختار بسیار مناسبی دارد و بنابراین به راحتی می توانید موضوعات مورد نظر خود را بیابید و مطالعه نمایید

با استفاده از Photoshop به آسانی می توانید تمامی تصاویر موجود در یک فلدر را به سایز دلخواه خود تغییر دهید. برای انجام این کار کافی است نرم افزار photoshop را باز نموده و مراحل زیر را انجام دهید. مرحله 1 منوی File > Scripts > Image Processor را باز نمایید. با کلیک بر رویاین بخش یک صفحه چهار بخشی برای شما باز می شود. مرحله 2 در بخش اول این پنجره فلدر فلدری که قصد تغییر سایز آن را دارید توسط Select Folder انتخاب نمایید. در صورتی که قصد دارید تصاویر موجود فلدرهای زیر مجموعه فلدر اصلی را نیز تغییر سایز دهید تیک Include all Subfolders را نیز بزنید. مرحله 3 در بخش بعدی فلدری را که قصد دارید در آن تصاویر تغییر سایز داده شده را ذخیره نمایید انتخاب نمایید. مرحله 4 در این مرحله تیک Save as JPEG را بزنید و سپس Resize to fit را انتخاب نموده و حداکثر سایز دلخواه خود را برای عرض W و برای ارتفاع H وارد نمایید. دقت نمایید تناسب تصویر به هم نمی خورد و تصویر در همان تناسب قبلی کوچکتر می شود. مرحله 5 پس از تکمیل مراحل قبلی بر روی کلید Run کلیک نموده و منتظر اتمام عملیات تغییر سایز تصاویر بمانید. پس از اتمام کافی است به فلدری که برای ذخیره تصاویر انتخاب نموده اید مراجعه نمایید و تصاویر تغیبر سایز شده خود را دریافت نمایید ********** لینک حذف گردید ! **********