جستجو در تالارهای گفتگو

مقدمه طراحی صفحات وب مهارتی اســت که جنبه های نظری، فنی(زبان برنامه نویسی سایت) و هنری فراوانی دارد. در جنبه های نظری این مهارت، روش شناســی به بهترین روش برای برقراری ارتباط با مخاطب و انتقال پیام، پاســخگویی به نیازهای کاربران و جلب رضایت آنها است. جنبه های فنی طراحی وبســایت بر شیوه های پیاده سازی وبسایت و فناوری های به کار گرفته شده در آن تمرکز دارد تا وب سایت با سرعت مناسب و کارایی قابل قبول پیاده سازی شود و از امنیت کافی هم برخوردار باشد. در جنبه های هنری هم ملزومات ایجاد یک سایت با جذابیت های بصری بالا و زیبایی ظاهری مورد بحث قرار میگیرد. در این مقاله شــما با جنبه های نظری این مهارت یعنی روش شناســی طراحی صفحات وب آشنا میشوید که نخستین گام برای ایجاد یک وب سایت قلمداد میشود. اصول طراحی وب سایت برای ایجاد یک وبسایت مانند هر نرم افزار دیگری باید مراحلی را طی نمود تا ضمن تعیین اهداف موردنظر از ایجاد صفحات وب، مســیر رســیدن به این اهداف تا حدی روشن شود در یک جمع بندی کلی میتوان موارد زیر را به عنوان اصول طراحی وب سایت برشمرد: نیازسنجی: در این مرحله از اصول طراحی وب سایت باید مشخص کنید هدف از ایجاد وبسایت چیست. برای رسیدن به این شناخت، اغلب اوقات لازم است با سفارش دهنده وبسایت یا افراد مطلعی که توسط وی معرفی میشود مصاحبه صورت گیرد تا پاسخ روشنی برای پرسشهای زیر به دست آید: -وبسایت جزو کدام دسته از پایگاههای اینترنتی قرار میگیرد؟ آیا بیشتر بر جنبه اطلاع رسانی تأکید دارد یا جنبه های دیگری مانند فروش کالا و خدمات، سرگرمی، به اشتراک گذاری نظرات کاربران و … موردنظر است. -مخاطبان وبسایت چه افرادی هستند و چه ویژگی هایی دارند؟ آیا مراجعه کنندگان به وبسایت، مخاطبان عمومی هســتند یا قشر خاصی مانند دانشجویان، دانشآموزان، کارمندان یک اداره، کودکان و … کاربران اصلی وبسایت را تشکیل میدهند. -برآورد اولیه از تعداد مخاطبان ســایت و حجم اطلاعات چه میزان است؟ آیا وبسایت در زمره پایگاههای اینترنتی کوچک با کاربران محدود قرار میگیرد یا به دلیل ماهیت آن، مورد استفاده تعداد زیادی از مخاطبان واقع میشــود؟ برای نمونه وبسایت یک شــرکت تجاری احتمال بازدیدکننده چندانی نخواهد داشــت اما وبسایتی که برای اطلاع رسانی در مورد نمرات دانش آموزان یک دبیرستان ایجاد میشود قطعا با انبوهی از مراجعه کنندگان مواجه میشود. تهیه طرح اولیه: پس از کسب شناخت کافی از اهداف ایجاد وب سایت باید طرحی را آماده کنید که موارد زیر را شامل شود. مکتوب نمودن این موارد به شما کمک میکند بر اساس شناخت به دست آمده از اهداف وبسایت، برای طراحی وبسایت یک گام عملی دیگر بردارید.اصول طراحی وب سایت بخشهای اصلی و فرعی وبســایت را مشــخص کنید. بخشهای اصلی، اهداف وبســایت را محقق میکننــد و بخشهای فرعی به منظور جلب نظر مخاطبان، خدمــات جذابی را ارایه میدهند. برای نمونه در وبسایت یک شرکت رایانه ای، اطلاع رسانی مورد توانایی ها، خدمات و پروژههای شرکت بخش اصلی محســوب میشود اما میتوان برای جلب نظر مشــتریان، یک بخش فرعی را برای دانلود نرم افزارهای پرکاربرد درنظر گرفت. ســاختار سایت را طراحی نمایید. این ســاختار باید ارتباط میان صفحات مختلف و روشهای موجود در پیمایش وبسایت را به گونهای مشخص نماید که دسترسی به بخشهای گوناگون با سرعت و بدون ایجاد ســردرگمی برای کاربران انجام شــود. در مورد روش جستجوی اطالعات درون وب سایت، تصمیم گیری کنید. اجزاء تشــکیل دهنده وبســایت را مشــخص نمایید. این اجزاء در مورد وبسایتهای ساده، همان صفحات حاوی اطلاعات هســتند اما در وبســایت های پیچیده تر شامل سرویسهای قابل ارایه میباشــند. برای نمونه باید مشخص کنید که آیا وبسایت شما امکان ثبت نام کاربران و ارایه خدماتپست الکترونیک به آنها را فراهم میکند یا خیر. در انتهای این مرحله مهم، باید تصویری کلـــی از نقشه وبسایت در ذهن شما شکـل بگیرد تا به تدریج آن را مکتوب و تکمیل نموده و به این ترتیب وارد مرحله تهیه محتوا شوید. تهیه محتوا: در اصول طراحی وب سایت محتوا میتواند شامل موارد زیر باشد:اصول طراحی وب سایت -متن: شامل صفحات وب حاوی نوشته یا اسناد متنی قابل دانلود -مالتی مدیــا: مجموعهای از تصاویر یــا فایلهای صوتی ـ تصویری مرتبط بــا مطالب، عکسهایی از محصولات، تبلیغات و … – فایلهای اجرایی: شامل فایل برنامه های قابل دانلود، افزونه های موردنیاز مرورگر و … پیاده ســازی : تهیه طرح و بازنگری در اجزاء مختلف آن تا رســیدن به نســخه نهایی، طراح وبسایت را وارد مرحله پیاده ســازی یعنی ایجاد وب سایت میکند. در این مرحله باید به پرسشهای زیر پاسخهای مناسبی داده شود: – با توجه به طرح وبسایت، پیادهسازی آن با استفاده از چه ابزارها و فنآوریهایی ممکن است؟ -کدامیــک از این ابزارها و فنآوریها، کارایــی و امنیت موردنظر را با صرف کمترین هزینه به دنبال دارند و در عین حال قابلیت توسعه وبسایت را افزایش میدهند؟ – بر اســاس برآورد صورت گرفته در مورد حجم اطالعات و تعداد کاربران، چه امکانات ســختافزاریبرای راه اندازی وبسایت مورد نیاز است؟ آماده سازی و انتشار: پس از پیاده ســازی و درج محتوای صفحات وب سایت میبایست با انتخاب نام دامنه و تهیه فضای میزبان نســبت به آماده ســازی و انتشار وبسایت بر روی سرور وب اقدام نمود. اشکالزدایی و توسعه: پس از درج محتوا در وب سایت و قرار دادن آن بر روی سرور وب لازم اســت اصول طراحی وب سایتضمن رفع اشکالات موجود در آن که اغلب از خطاهای پیاده سازی ناشی میشود، میزان تطابق وضعیت ســایت با نیازســنجی اولیه مورد ارزیابی قرار گیرد. این تطبیق که با ارزیابی تعداد مخاطبان و نیز بازخوردهای دریافت شــده قابل انجام است به مدیران و طراحان وبسایت کمک میکند برای ایجاد تغییرات در ساختار یا محتوای وبسایت و نیز برنامه ریزی برای طرحهای توسع های اقدامات لازم را صورت دهند. اصول طراحی وب سایت اصول طراحی وب سایت را میتوان فرایندی دانســت که در آن خالقیت و مهارت فنی نقش عمدهای ایفا میکند. خالقیت از دو جنبه ارایه سرویس های ابداعی در وبسایت و نیز نوآوری در طراحی قالب و نحوه پیمایش صفحات قابل بررســی است و همین گستردگی باعث شده نتوان دستورالعمل جامعی در خصوص اصول طراحی وبسایت تدوین نمود. به بیان خلاصه تر، طراحی وبسایت جزو موضوعاتی است که سلیقه کاربران و طراحان کاملا بر آن تأثیرگذار است و به دلیل تنوع سلیقه های موجود، تأکید بر استاندارد و روشی مشخص در این زمینه چندان کارآمدی ندارد. بــا این وجود، میتوان نکاتــی را که اغلب متخصصین این فن و نیز کاربــران معمولی یا حرفهای اینترنت بر روی آنها اتفاق نظر دارند به عنوان اصول طراحی وب سایت برشــمرد. این نکات در پنج سرفصل طراحی، مخاطب محوری، ساختار اطلاعات، محتوا و پشتیبانی قابل دسته بندی هستند. طراحی طراحی وب ســایت باید به گونهای طراحی شود که در مرورگرهای مطرح دنیا به صورت کامل و صحیح نمایش داده شود. چنانچه وب سایت برای کاربران فارسی زبان ایجاد شده است، متون فارسی در همه سیستم عاملها با هر نوع تنظیم زبان قابل خواندن باشند. اصول طراحی وب سایت در صورت چندزبانه بودن وب ســایت، روش واضح و سریعی برای انتقال به صفحات دارای زبان موردنظر پیش بینی شود. طراحی گرافیکی صفحات و رنگ بندی آنها، منطبق بر اصول و قواعد دانش گرافیک باشد. طراحی وب ســایت و به خصوص صفحه اول آن دارای جذابیت باشد تا کاربرانی را که به صورت اتفاقی از وبسایت بازدید میکنند به خود جلب کند. وضوح تصویر (رزلوشــن) صفحات وب ســایت به گونه ای انتخاب شود که متناسب با تنظیمات اغلب کاربران باشد و ترجیحابهترین وضوح برای نمایش صفحات در انتهای صفحه اول قید گردد. برای افزایش جذابیت وب سایت از تصاویر، صداها و انیمیشنهای گیرا استفاده شود. تصاویر و شکلهای استفاده شده در صفحات از وضوح و ترکیب رنگ مناسب برخوردار باشند. امکان صرف نظر کردن از نمایش فایلهای چندرســانهای وجود داشــته باشــد. رنگ نوشته ها، رنگ و قالب صفحه، تصاویر و سایر اجزاء صفحه با یکدیگر هماهنگی داشته باشند و متناسب با زمینه فعالیت، اهداف کلی وب سایت و طیف مخاطبان آن باشند. مخاطب محوری اصول طراحی وب سایت در اصول طراحی وب سایت ، هدف از ایجاد وب ســایت کاملا مشــخص باشد و این هدف به صورت کامل در محتوا و مطالب موجود در وب سایت لحاظ گردد. مطالب وب سایت متناسب با زمینه فعالیت و معلومات و نیازهای عامه مخاطبان باشد. از به کارگیــری حجم انبوهی از تبلیغات به ویــژه تبلیغات تصویری و متحرک که باعث دلزدگی مخاطب و تحت الشعاع قرار گرفتن نقش مخاطب میگردد پرهیز شود. امکانی برای ارســال نظرات، پیشــنهادها و انتقادات کاربران در مورد محتوای کلی وب سایت یا موضوعی خاص درنظر گرفته شود. نظرات ارسال شده کاربران برای هریک از مطالب، پس از بررسی محتوای آنها در صفحه مربوط به آن مطلب نشان داده شود. امکان ارسال یک صفحه جهت معرفی به دوستان به نشانی های پست الکترونیک توسط کاربران وجود داشته باشد. در صورت بروز خطا در بارگذاری وبسایت یا نمایش صفحات، پیغامهای مناسبی به کاربر داده شود. طرح صفحات، رنگبندی آنها، نوع و اندازه فونت و تصاویر استفاده شده، متناسب با سلیقه غالب کاربران وبسایت و موقعیت سنی، شغلی و جایگاه اجتماعی آنها باشد. ساختار اطلاعات اصول طراحی وب سایت در اصول طراحی وب سایت از آنجا که ممکن اســت برخی کاربران از طریق پیوندهای موجود در ســایر وب ســایتها یا موتورهای جســتجو به صفحهای غیر از صفحه اول مراجعه کننــد، لذا در همه صفحات پیوندی برای رجوع به صفحه اصلی وب سایت وجود داشته باشد. برای صفحاتی که حاوی مطالب طولانی یا دســته بندی شده هســتند، تیتر مطالب در ابتدای صفحه قرار گیرد تا کاربر با کلیک روی آنها به ســراغ مطلب موردنظر برود. همچنین برای برگشت به این دسته بندی، در انتهای هر بخش پیوند برگشت به ابتدای صفحه قرار داده شود. بخشــی برای پرسشهای متداول که حاوی پرسشها و پاسخهای پرتکرار کاربران در مورد محتوای وب سایت است در نظر گرفته شود. نقشه وب سایت برای رجوع سریع کاربران به بخش موردنظر در دسترس باشد. امکان جستجوی آسان در مطالب وب سایت به ویژه بخش بایگانی وجود داشته باشد. منوی اصلی وب سایت از همه صفحات قابل دسترسی باشد. برای پیمایش در سایت و مرور مطالب و صفحات مختلف آن امکاناتی کاربرپسند تعبیه شود. کاربر در صفحه اول به آسانی با نحوه سازماندهی اطلاعات و ساختار وب سایت آشنا گردد. ســاختار اطالعات به گونه ای طرح ریزی شــود که دسترسی به هر یک از صفحات و مطالب به آســانی امکانپذیر باشد؛ نیاز به کلیک های زیاد برای رســیدن به یک مطلب نشانهای از ضعیف بودن ساختار وب سایت است. محتوا برای این که اصول طراحی وب سایت را رعایت کنیم رعایت نکات زیر ضروری است : هدف از راه اندازی وبســایت و مطالبی که ارایه میکند مشــخص باشد و حتی امکان به صورت توضیحی کوتاه در صفحه اول درج شود. مطالب درج شــده، در حوزهای که مرتبط با هدف راهاندازی وبســایت اســت جامع باشــد و پیوندهای مربوط به منابع و مراجع در انتهای مطالب درج گردد. محتوای موجود در وب سایت جدید باشد و در بازه های زمانی مناسب، به روزرسانی گردد. اطلاعات قدیمی از طریق بخش بایگانی قابل دسترسی و استفاده باشد. مشخصات نویسندگان مطالب یا منبعی که از روی آنها ترجمه یا اقتباس صورت گرفته درج شود. اشــتباهات تایپی یا نگارشــی و به ویژه محتوایی در مطالب وجود نداشــته باشد و پیوندها، به صورت کامل با محتوای پیوند تطابق داشته باشند. مشخصات ایجادکننده وب سایت و زمان تأسیس آن درج شود. زمان و تاریخ به روزرسانی وبسایت و درج هر یک از مطالب قید شود. در صــورت نیاز کاربران به نرم افــزار یا افزونه ای خاص برای مشــاهده برخی صفحات، قابلیت دسترسی به آن در وب سایت پیشبینی شود. آمار بازدیدکنندگان ترجیحا با قید زمان و توزیع جغرافیایی قابل مشاهده باشد. اطلاعات موردنیاز کاربران به صورت جامع و مانع وجود داشته باشد؛ یعنی در عین کامل بودن، از درج مطالب اضافه غیرمرتبط خودداری گردد. بین میزان استفاده از قالب های گوناگون ارایه محتوا، به ویژه متن و تصویر، تناسب برقرار باشد. برای نمونه، تکیه صرف بر متن برای ارایه محتوا باعث یکنواختی صفحات و خســتگی کاربر میشود و از سوی دیگر، استفاده بیش از حد از تصاویر، باعث کند شدن بارگذاری صفحه و نیز عدم تمرکز کاربر بر نوشته ها خواهد شد. پشتیبانی نام و دامنه مناســب و حتی المکان کوتاه برای وب ســایت انتخاب شــود و با محتوای سایت تناسب داشته باشد. وبســایت به موتورهای جستجوی مطرح معرفی شــود تا کاربران از طریق جستجو بتوانند به صفحات آن دست پیدا کنند. فضای درنظر گرفته شده برای وبسایت و نیز سرعت تبادل اطالعات در حد قابل قبولی باشد. حتی المکان حجم صفحات پایین باشــد تا کاربرانی که با خطوط کم سرعت مشغول گشت وگذار در اینترنت هستند هم بتوانند صفحات وبسایت را مرور کنند. صندوق پســت الکترونیک مدیر سایت به صورت منظم بررســی گردد و پاسخهای مناسب در کمترین زمان ممکن برای ارسال کنندگان پیغام فرستاده شود. امکانی برای گزارش خرابی پیوندها یا بروز خطا در کارکرد هر یک از بخش های وب سایت تعبیه شود تا کاربران به سادگی بتوانند این خطاها را گزارش نمایند. در صورت ذخیره ســازی اطلاعات شخصی کاربران در وبســایت، تمهیدات امنیتی کافی برای حفاظت از آنها در نظر گرفته شود. به صورت منظم از محتوای وب سایت نسخه پشتیبان تهیه و در محل امنی نگهداری شود. آزمونهای فنی موردنیاز برای بررسی صحت ارتباط میان صفحات و معتبر بودن پیوندها انجام گیرد. تا اینجا به اصول طراحی وب سایت پرداختیم. در مقاله های بعدی توضیحات بیشتر درمورد اصول طراحی وب سایت را مطرح خواهیم کرد . پس لطفا مقاله های دیگر مارا نیز مطالعه بفرمایید.

امروز قصد داریم بشتر راجع به تکنولوژی های طراحی سایت و زبان های مختلفی که در این زمینه استفاده میشه اطلاعات کسب کنیم و ببینیم هر کدوم از تکنولوژی هایی که راجع به شون میشنویم واقعا چی هستن ، تکنولوژی هیا مختلفی مثل HTML و CSS و JavaScript و PHP و LESS و SASS و jQuery و فریم ورک هایی مثل Zend و Laravel و ... ما هرچقدر در این زمینه ها اطلاعات کسب کنیم باعث میشه بهتر بتونیم مسیر صحیح رو انتخاب کنیم و بهتر بتونیم مسیر درست رو انتخاب کنیم . HTML5 شاید همون طور که اکثر شاگردا دیسک های فلاپی یا برنامه زرنگار رو یادشون نیست، به زودی وقتی برسه که کسی دوران سرد و تاریک html4 و xhtml1.1 یادش نیاد. قبلا طراحی یک صفحه وب که توی تمام مرورگرها به یک شکل نمایش داده بشه یه مصیبت بزرگ بود. به خصوص اینترنت اکسپلورر کابوس طراحان وب بود. از طرفی هم هیچ کس html رو جدی نمیگرفت چون خیلی از نظر برنامه نویس ها استاندارد نبود. برای استاندارد سازی html یک عده xhtml رو طراحی کردن که طراح وب رو مجبور میکنه قواعد xml که یک زبان قاعده مند هست رو رعایت کنه. اینطوری تفسیر کردن کدهای html با مشکلات کمتری روبرو بود. اما این مشکلات جدیدی رو به وجود آورد چون خیلی ها xhtml رو درست استفاده نمیکردن و فقط امید دروغی به برنامه نویس ها میدادن. نهایتا html5 برای نجات همه وارد شد. یک استاندارد برای حکومت بر دنیای وب. البته انقدر این استاندارد جذابه که راهع خودش رو به دنیای موبایل و دسکتاپ هم باز کرده و تقریبا با html5 هر کاری (نه دیگه هر کاری) میتونید بکنید. یکی از مهمترین خصوصیات html5 و تکنولوژی های همراهش اینه که وظیفه هر کدوم به خوبی مشخصه. مثلا وظیفه خود html5 معنادار (semantic) کردن محتوا و مشخص کردن ساختار صفحه ست. به همین خاطر خیلی از تگ ها و خصوصیت هایی که مربوط به تغییر رنگ و لعاب صفحه بوده از این نسخه حذف شده. پس اگر html5 مینویسید همیشه این نکته رو به یاد داشته باشید. موقع نوشتن کد html باید تمرکزتون مشخص کردن ساختار و معنادار کردن محتوا به بهترین و تمیزترین شکل ممکن باشه. CSS3 اوضاع css هم به هیچ وجه بهتر از html نبود. انقدر که آدم احساس میکرد داره مرورگرها رو هک میکنه تا بتونه یه صفحه ساده رو توی همه شون به یه شکل نمایش بده. مرورگرها هر کدوم به یه شکل از css پشتیبانی میکردن و تقریبا برای هر مرورگر باید یه کد مجزا مینوشتیم. همینطور خیلی از آرزوهای طراحان وب با css2 برآورده نمیشد. مثلا خبری از انیمیشن یا سایه یا طراحی رسپانسیو نبود. خیلی از کارایی که الان به راحتی با css3 انجام میشه قبلا باید با مقدار زیادی کد javascript انجام میشد که همون طور که حدس میزنید اونم مصیبتای خودش رو داشت. اگر css مینویسید توصیه خاصی ندارم. فقط یادتون باشه که امکانات css3 تنها در اختیار شما نیست. هر کسی بدون ذره ای خلاقیت میتونه انبوهی از انیمیشن و افکت به صفحه ش بده و حتی رسپانسیو کردن صفحه هم اصلا کار سختی نیست. این امکانات جای خلاقیت و طراحی حرفه ای رو نمیگیره. یا طراح حرفه ای استخدام کنید یا یه طراح حرفه ای بشید. JavaScript جاوااسکریت یه زمانی برای این بود که وقتی یه نفر میاد توی وبلاگت یه پیغام بدی بگی "به وبلاگ من خوش آمدید" و وقتی میخواد صفحه رو ببنده (اون وقتا تب هم نبود که تب رو ببنده!) یه پیام بدی که "تو رو خدا بازم بیا" حداقل استفاده عمده ش توی ایران این بود. توی سایت های خارجی هم خبر زیادی از جاوا اسکریپت نبود. حتی تایید اعتبار فرم ها اکثرا طرف سرور و با php و asp انجام میشد. کمی قبل از ورود jquery و با معرفی شدن تکنیک ajax بود که جاوا اسکریپت جدی تر گرفته شد و به خاطر ساپورت متفاوت مرورگرها کتابخونه های زیادی به وجود اومد که درباره شون توی قسمتای بعدی توضیح میدم. و به طور خاص یه مساله باعث شد جاوا اسکریپت بدجوری جدی گرفته بشه و اونم رقابتی بود که سر سرعت اجرای جاوا اسکریپت توی مرورگر ها شکل گرفت و حاصلش موتور v8 گوگل بود که توی کروم و خیلی جاهای دیگه استفاده میشه. تا قبل از این سرعت جاوا اسکریپت فقط برای کارای بسیار ابتدایی و محدود قابل اعتماد بود. یکی دیگه از چیزایی که سرنوشت جاوا اسکریپت رو عوض کرد nodejs بود. موتوری که از v8 گوگل استفاده میکنه و جاوا اسکریپت رو خارج از بروزر اجرا میکنه و بهش قابلیت هایی مثل دسترسی به فایلها رو اضافه میکنه. این یعنی دیگه میتونید از جاوا اسکریپت به جای php و asp و ruby و پایتون، برای نوشتن برنامه های سمت سرور استفاده کنید. یا به جای cpp و سی شارپ و جاوا، برای نوشتن برنامه های کراس پلت فرم ازش استفاده کنید. بعضی از برنامه هایی که توی همین کانال باهاشون آشنا میشیم با جاوا اسکریپت (با زبان هایی که به جاوا اسکریپت کامپایل میشن و باز با اونا هم آشنا میشیم) نوشته شدن. اگر از جاوااسکریپت استفاده میکنید نکات زیر رو بدونید: - جاوا اسکریپت هیچ ربطی به جاوا نداره غیر از اسمی که به اشتباه روش گذاشته شده، نه مالکشون یکیه، نه سینتکسشون یکیه، نه سمنتیک و ساختارشون یکیه، انقدر بی شباهتن که معنایی نداره فرقاشون رو لیست کنم - هرچند جاوا اسکریپت هنوز مهربونه و میشه باهاش alert داد، اما دیگه واسه خودش کسی شده و جا داره شما هم جدی بگیریدش و خوب با مفاهیم پیشرفته ش آشنا بشید - جاوا اسکریپت یه زبان شیءگراست اما اگر با جاوا یا سی شارپ کار کردید، باید تعریف خیلی متفاوتی رو از شیءگرایی باهاش آشنا بشید و نهایتا این رو بدونید که جاوا اسکریپت بسیار بسیار بد استفاده میشه معمولا و بسیار بدتر از اون درک شده، حتی خارج از ایران. پس به دنبال یه مرجع خوب برای آموزش باشید. PHP خیلی خیلی وقت پیش، برنامه نویسی تحت وب گرفتاری های زیادی داشت. زبونایی مثل perl هم چندان سینتکس جذابی نداشتن. یه آقایی برای سایت شخصی خودش php رو طراحی کرد. به همین دلیل این زبان شبیه perl بود اما ساده تر، محدودتر و بی قاعده تر. از اونجایی که این زبون ساده بود و مخصوص ساخت وبسایت بود و رایگان بود، خیلی زود مشتری های خودش رو پیدا کرد و چندین بار بازنویسی شد تا مشکلاتش برطرف بشه. کم کم شیءگرایی هم به این زبون اضافه شد و توی نسخه آخرش بهینه سازی های خیلی جدی توی سرعت اجراش صورت گرفته. همون قدر که بین مایکروسافت و اپل، ویندوز و لینوکس، فیفا و پس، پپسی و کوکا و استقلال و پرسپولیس دعوا وجود داره، بین php و asp هم دعوا وجود داشته همیشه. هرچند زبان های دیگه ای مثل ruby و python و جاوا و اخیرا nodejs هم برای برنامه های تحت وب به کار میره، اما این دعوا ظاهرا جذاب تره. اگر فکر کردید من درباره این دعوا نظری میدم اشتباه میکنید :)) من پیش مخالفای php از php دفاع میکنم و پیش مخالفای asp از asp. چون اصولا دنیا رو سیاه و سفید دیدن درست نیست و هر چیزی نکات مثبت و منفی داره که باید اونا رو در کنار هم دید. و به طور خاص این مقایسه به چندین دلیل غلطه، اولیش اینه که php یه زبانه اما asp یه چارچوبه. پس مقایسه سیب و پرتقاله. واسه php فریم ورک های مختلفی وجود داره مثل Zend یا Laravel و... خلاصه با یادگرفتن زبان php میتونید هر نوع وب سایتی رو ایجاد کنید

آرزوی هر مدیریه که شرکتش جز 10 سایت بالای صفحه نتایج گوگل ظاهر بشه. اگه بتونید رتبه های بالایی در موتورهای جستجو بدست بیارید، یه قدم از رقباتون جلو میزنید، چون مردم وقتی چیزی رو سرچ می کنن اول شرکت شما رو میبینن و در نتیجه به نظر معتبرتر و حرفه ای تر میایید. اما هیچ راهی نیست که تضمینی رتبه شرکتتونو بالا ببره. باید خودتونو برای استفاده از بهترین راهنمایی ها و روشهایی که موتورهای جستجو ارائه میدن آماده کنید تا موفق بشید. تو این مقاله میخواهیم همه جنبه های منفی سئو و بهترین روشهای ایجاد یه سئوی مثبت رو معرفی کنیم. بهینه سازی برای موتورهای جستجو سئو به پروسه ای میگن که به دیده شدن یه سایت در نتایج طبیعی یه موتور جستجو اثر میذاره. دو نوع سئو وجود داره: سئوی منفی و مثبت. سئوی مثبت به روشهای مفیدی میگن در طول زمان کمک می کنن سایت رتبه گوگل بالایی بگیره. سئوی منفی به روش های غیراخلاقی میگن که استفاده ازش باعث میشه سایت یا یه صفحه از سایت توسط موتورهای جستجو جریمه بشه. این جریمه ها معمولا کاهش رتبه سایتن که جبرانش واقعا کار سختیه. سئوی منفی سئوی منفی به استفاده از روش های غیراخلاقی میگن که عده ای با استفاده از این روش ها سعی می کنن به سایت های دیگه ضربه بزنن. معمولا یه نفر دیگه برای یه شرکت رقیبش تکنیک های سئوی منفی رو اجرا می کنه تا رتبه سئوی سایتشونو کاهش بده و مدیر شرکت رو به دردسر بندازه. اما گوگل فرض رو بر این میذاره که مدیر سایت خودش از این روشها استفاده کرده تا رتبه سایتشو سریعتر بالا ببره و در نتیجه شما رو جریمه می کنه. این روش های غیراخلاقی به "سئوی کلاه سیاه" معروف شدند و حتی خیلی مواقع روی ظاهر و احساس سایت اثری ندارن. پس اگه مواظب نباشید نمیتونید متوجه بشید کسی داره برای سایتتون این کارها رو انجام میده. یه سری روش های سئوی کلاه سیاه هستن که میتونن سایت رو به دردسر بندازن و رتبه سایتو برای یه مدت بیارن پایین: لینکهای اسپم: ممکنه یه شرکت دشمن داشته باشید که محتوای بی ربط به سایت شما لینک کنه. معمولا اگه لینک های زیادی به سایت شما وود داشته باشه خوبه، ولی باید این لینک ها حتما مرتبط با محتوای سایت شما باشن. گوگل میفهمه که تعداد لینک های سایتتون غیرطبیعی زیاده و برای همین جریمه میشید و رتبه سایتتون کم میشه. محتوای تکراری: احتمالش هست که یه شرکت دیگه که احتمالا رقیبتونه، به طریقی به سایتتون دسترسی پیدا کنه و محتوای سایتتونو قبل از اینکه خودتون منتشر کنید، سراسر اینترنت روی صفحات مختلف منتشر کنه. گوگل متوجه میشه و فکر می کنه شما از اون صفحات کپی کردید و مطالبشونو دزدیدید. شکایت حق نشر: ممکنه یه شرکت بدطینت، ادعا کنه که شما دارید محتوای اونارو منتشر می کنید، در نتیجه به طور خودکار صفحات شما برای 10 روز پاک میشن. این مسئله به خصوص اگه وسط یه تبلیغ باشید و یکی از صفحات مهمتون بسته بشه، خیلی بهتون ضرر میزنه. بک لینک های ناخوشایند: یه دشمن، تعداد زیادی بک لینک های ضعیف به سایتتون روونه می کنه. گوگل فکر می کنه خودتون میخواستید با این کار رتبه صفحاتتونو بالا ببرید و در نتیجه رتبه سایتتونو به حد زیادی پایین میاره. هک کردن سایت: در موارد خیلی ناجور، هکرها با گذاشتن یه تگ noindex بین کدها یا ارسال هزاران لینک بد به سایتتون، سایتتونو میدزدند. حملات تکذیب سرویس (DDoS) هم گاهی برای به زمین زدن سایت استفاده میشن. یعنی هکر حجم زیادی از ترافیک رو به سایتتون میفرسته و سایت نمیتونه این حجم درخواست رو کنترل کنه، و گوگل هم نمیتونه به سایتتون بخزه. خزنده ها: کسایی که میخوان تو سایت شما خرابکاری کنن، میتونن خزنده ها رو بفرستن سراغ سایتتون و سرعت سایتتون بیارن پایین. به این ترتیب سرعت بارگذاری و استفاده از سایتتون کم میشه و نهایتا مشتری ها و کاربرها بخاطر تجربه کاربری ضعیف از سایتتون خارج میشن. دزدی نظرات: رقبای شما میتونن نظرات الکی تو سایتتون بذارن، گوگل فکر می کنن اینها رو خودتون دارید میفرستید و با کاهش رتبه جریمه میشید. اینها معروف ترین روشهایی بودن که برای پایین آوردن رتبه موتورجستجوی یه سایت یا صفحه استفاده میشن. خیلی سخت میشه تشخیص داد که مورد حمله قرار گرفتید، برای همین تنها راه اینه که گوش به زنگ باشید و احتیاط کنید. اگه رتبه سایتتون بخاطر روش های سئوی منفی یه شرکت دیگه پایین اومد چی میشه؟ اگه رتبه سایتتون به سرعت پایین بیاد، مخاطبین سایتتون خیلی خیلی کم میتونن سایتتونو ببینن که این مسئله برای شرکت هایی که متکی به ظهور دیجیتالی مثبت باشن مثل فاجعه میمونه. اما نگران نباشید. درسته که شرکت های متخاصم یا رقیب میتونن با روش های سئوی منفی رتبه موتورجستجوی سایتتونو بیارن پایین، اما شما هم میتونید با روش های سئوی مثبت با این روشهای پلیدانه مبارزه کنید و رتبه سایتتونو بالا ببرید. رتبه سئوی مثبت سئوی مثبت به روش های درستی میگن که برای رسوندن سایت یا صفحه به اوج رتبه های جستجوی گوگل استفاده میشن. اگه مورد حمله یه شرکت بدطینت قرار گرفتید، براتون خبرهای خوبی دارم. با هوشیاری و اقدام درست میتونید از این حملات سئوی منفی جلوگیری کنید و مانع ضرر و زیان های جدی بشید. شرکت ها همیشه میخوان تو رقابت با برندهای حریف برنده باشن، اما استفاده از روشهای غیراخلاقی برای خراب کردن دیگران غیرقابل قبوله. همچین رفتارهایی میتونه ضررهای جبران ناپذیری به زندگی دیگران وارد کنه. حتی ممکنه باعث بشه کلا از نتایج جستجوی گوگل حذف بشن. چطور میتونم با سئوی منفی مقابله کنم؟ برای محافظت خودتون در برابر حملات سئویی میتونید از روشهای متعددی استفاده کنید. بهترین کار اینه که مراقب سایتتون باشید و هر چیز غیرعادی رو به گوگل گزارش کنید. goo.gl/vJOAH4 طراحی سایت دارکوب

سئو یا بهینه سازی موتور جستجو هیچ استاندارد خاصی نداره و سئوکارها با معمولا با آزمون و خطا کشف می کنن که چی کار کنن. هر موتور جستجویی هم برای خودش یه الگوریتمی داره. این الگوریتمها تصمیم میگیرن کدوم سایت یا صفحه بالاتر از سایت یا صفحه دیگه قرار بگیره. اینجور که معلومه اخیرا موتورهای جستجویی مثل گوگل و بینگ به مرحله ای رسیدن که میتونن خیلی خوب نیازهای کاربر و بهترین محتوای مناسب رو تشخیص بدن. گوگل عادت داره الگوریتمشو هر چند وقت یکبار عوض کنه و بخاطر همین تغییرات گاهی پیش اومده که بعضی سایتهای رتبه بالا، یه شبه از صفحه نتایج حذف شدند. این اتفاقات رازهای سئو رو پیچیده تر هم میکنه. چون گوگل شفاف صحبت نمی کنه، حتی با وجود تلاشهای سئوکارها، بازهم هیچکدوم از این رازها هیچ وقت کاملا روشن نمیشن، بلکه حتی بیشتر هم میشن. اجازه بدید یه نگاهی به چند تا از شایع ترین رازهای گوگل در مورد الگوریتم جستجوی گوگل بندازیم: راز اول رتبه صفحه برای شما یه دنیا می ارزه این راز فقط به یک دلیل به عنوان اولین راز لیست معرفی شده، اونم اینه که بیشتر سئوکارها و کاربرهای نت، فکر می کنن فقط باید رتبه صفحشون تو گوگل خوب باشه تا بتونن برای موتورهای جستجو رتبه بالایی بدست بیارن. گوگل هم تولبارشو برای رتبه های صفحه معلق نمی کنه و همین عامل خودش به بدتر شدن اوضاع دامن میزنه. برخلاف مثالهای زیادی که خودمون به چشم میبینیم، هنوز هم بعضی ها به این راز اعتقاد کامل و راسخ دارن. اما بدونید، حتی مدیران بزرگ صنایع هم همه متفق القول تضمین می کنن که رتبه های بالاتر درنتیجه کسب رتبه های بالا برای صفحه به دست نمیان. راز دوم تبلیغات پولی و سئوی طبیعی بهترین دوستهای همند این حقیقت هم یکمی گمراه کنندست و البته یک رازه. حقیقت اینه که گوگل ادوردز و سئو هیچ ربطی به هم ندارن. تبلیغات پولی مثل گوگل ادوردز کمکی به کسب رتبه نمی کنن و روش اثر ندارن. تبلیغات کلیکی و سئوی طبیعی خطشون از هم جداست و برای رتبه صفحه باهاشون متفاوت رفتار میشه. راز سوم خرید لینک باعث جریمه شدن شما میشه شواهد نشون میده که خرید لینک خیلی هم گوگل رو عصبانی نمی کنه. تو همین رابطه مواردی بودند که پروفایلهای بالایی داشتند و سایتهای خوشنام هم بینشون بودند و هیچ مشکلی هم براشون پیش نیومده. این یعنی شاید بتونید آزادانه لینک بخرید و از این طریق رتبه سایتتونو ارتقا بدید، به شرطی که هم لینک های پولی داشته باشید و هم لینکهای طبیعی، به علاوه اینکه محتوا خوب و منحصر به فرد هم لازمه. و از همه مهمتر اینکه باید لینکها از سایتهای مرتبط با حوزه کاری خودتون اومده باشن. راز چهارم محتوای باکیفیت کافیست اینطور نیست. قطعا محتوا پادشاهه و همه با این مسئله موافقیم، اما این هم کافی نیست. همونطور که قبلا گفتیم باید یه ترکیبی از همه چیز در کنار هم داشته باشیم و تکیه به یک عامل کفایت نمی کنه. یه کمپین سئوی موفق میتونه نقش مهمی تو برندسازی و رتبه گرفتن سایتتون داشته باشه.[Hidden Content]

سئو یا بهینه سازی موتور جستجو هیچ استاندارد خاصی نداره و سئوکارها با معمولا با آزمون و خطا کشف می کنن که چی کار کنن. هر موتور جستجویی هم برای خودش یه الگوریتمی داره. این الگوریتمها تصمیم میگیرن کدوم سایت یا صفحه بالاتر از سایت یا صفحه دیگه قرار بگیره. اینجور که معلومه اخیرا موتورهای جستجویی مثل گوگل و بینگ به مرحله ای رسیدن که میتونن خیلی خوب نیازهای کاربر و بهترین محتوای مناسب رو تشخیص بدن. گوگل عادت داره الگوریتمشو هر چند وقت یکبار عوض کنه و بخاطر همین تغییرات گاهی پیش اومده که بعضی سایتهای رتبه بالا، یه شبه از صفحه نتایج حذف شدند. این اتفاقات رازهای سئو رو پیچیده تر هم میکنه. چون گوگل شفاف صحبت نمی کنه، حتی با وجود تلاشهای سئوکارها، بازهم هیچکدوم از این رازها هیچ وقت کاملا روشن نمیشن، بلکه حتی بیشتر هم میشن. اجازه بدید یه نگاهی به چند تا از شایع ترین رازهای گوگل در مورد الگوریتم جستجوی گوگل بندازیم: راز اول رتبه صفحه برای شما یه دنیا می ارزه این راز فقط به یک دلیل به عنوان اولین راز لیست معرفی شده، اونم اینه که بیشتر سئوکارها و کاربرهای نت، فکر می کنن فقط باید رتبه صفحشون تو گوگل خوب باشه تا بتونن برای موتورهای جستجو رتبه بالایی بدست بیارن. گوگل هم تولبارشو برای رتبه های صفحه معلق نمی کنه و همین عامل خودش به بدتر شدن اوضاع دامن میزنه. برخلاف مثالهای زیادی که خودمون به چشم میبینیم، هنوز هم بعضی ها به این راز اعتقاد کامل و راسخ دارن. اما بدونید، حتی مدیران بزرگ صنایع هم همه متفق القول تضمین می کنن که رتبه های بالاتر درنتیجه کسب رتبه های بالا برای صفحه به دست نمیان. راز دوم تبلیغات پولی و سئوی طبیعی بهترین دوستهای همند این حقیقت هم یکمی گمراه کنندست و البته یک رازه. حقیقت اینه که گوگل ادوردز و سئو هیچ ربطی به هم ندارن. تبلیغات پولی مثل گوگل ادوردز کمکی به کسب رتبه نمی کنن و روش اثر ندارن. تبلیغات کلیکی و سئوی طبیعی خطشون از هم جداست و برای رتبه صفحه باهاشون متفاوت رفتار میشه. راز سوم خرید لینک باعث جریمه شدن شما میشه شواهد نشون میده که خرید لینک خیلی هم گوگل رو عصبانی نمی کنه. تو همین رابطه مواردی بودند که پروفایلهای بالایی داشتند و سایتهای خوشنام هم بینشون بودند و هیچ مشکلی هم براشون پیش نیومده. این یعنی شاید بتونید آزادانه لینک بخرید و از این طریق رتبه سایتتونو ارتقا بدید، به شرطی که هم لینک های پولی داشته باشید و هم لینکهای طبیعی، به علاوه اینکه محتوا خوب و منحصر به فرد هم لازمه. و از همه مهمتر اینکه باید لینکها از سایتهای مرتبط با حوزه کاری خودتون اومده باشن. راز چهارم محتوای باکیفیت کافیست اینطور نیست. قطعا محتوا پادشاهه و همه با این مسئله موافقیم، اما این هم کافی نیست. همونطور که قبلا گفتیم باید یه ترکیبی از همه چیز در کنار هم داشته باشیم و تکیه به یک عامل کفایت نمی کنه. یه کمپین سئوی موفق میتونه نقش مهمی تو برندسازی و رتبه گرفتن سایتتون داشته باشه.goo.gl/vJOAH4

طی چند سال اخیر تحول بزرگی رو در دنیای وب تجربه کردیم. بعضی جاها بود که منتقدها میگفتن بخاطر تغییرات زیادی که فناوری تو صنعت طراحی وب بوجود آورده دیگه این تخصص داره از بین میره. آیا واقعا طراحی وب داره از بین میره؟ حرفای زیادی زده شده ولی ما باید از یه زاویه دیگه به این بحث نگاه کنیم تا بهتر ببینیم. تغییر همیشه تو همه صنایع اتفاق میفته ولی اون تخصص رو نابود نمیکنه، متخصصینی که همراه با فناوری تغییر میکنند همیشه تو کار خودشون موفقند. طراحان وبی که از فتوشاپ استفاده کردند و بعد هم طراحی رو محدود به HTML کردند جایگاه خودشونو از دست دادند و در مقابل طراحانی با تجربه و تخصص زیاد تبدیل به اعضای باارزش این صنعت شدند. حتی منتقدها هم معتقدند ما همچنان به طراحان تجربه کاربری نیاز خواهیم داشت و همین نشون میده این حرفه تو بستر مرگ نیفتاده. اجازه بدید به چند دلیل دیگه برای اثبات مدعای خودمون نگاهی بندازیم: امنیت و نگهداری وبسایت برای اینکه شهرت یه کسب و کار رو در امنیت نگهداریم، باید به امنیت سایتش هم توجه کنیم. ساختار وب، طراحی و نگهداریش همه برای سئو مهمند. هکرها هم که دائما دنبال سایتهایی میگردن که از نظر امنیتی قدیمی باشند. امنیت ضعیف سایت میتونه باعث انتشار اطلاعات کاربران یا ویروسی شدن کامپیوترهاشون بشه. برای اینکه شرکتها بتونن بروز بمونند و اطلاعات امنیتی سایتشونو حفظ کنند به طراحان وب نیاز خواهند داشت. اگه سایتتون مثل سایتهای تجارت الکترونیک که اطلاعات شخصی کاربرهاشونو میگیرن، پیچیده باشه یه طراح باتجربه لازم دارید که اطلاعاتش در مورد عناصر امنیتی بروز باشه. سورس:طراحی سایت دارکوب sitedesign.joomir.com آیا طراحی وب سایت رو به افول است؟

امروزه ضرورت استفاده از طراحی سایت اینترنت بر کسی پوشیده نیست، وب سایت ها ابزار های مناسبی جهت رسیدن به جواب سوالات و نیاز های روزمره هستند آنها در هرجای دنیا و هر ساعت از شبانه روز که بخواهید با انبوهی از اطلاعات در اختیار کاربران هستند. در سالهای اخیر وب سایت ها جنبه های تجارت الکترونیکی به خود گرفته اند و از این رو صاحبان صنعت و کالا و خدمات با تبلیغات اینترنتی توانستند به کسب و کار خود رونق ببخشند . ضرورت طراحی سایت این قضیه سود دو طرفه می تواند داشته باشد . وبسایت های داینامیک می تواند با زبان های برنامه نویسی طراحی سایت و پیاده سازی شود و از میان تنوع زبان های برنامه نویسی به نظر می رسد دو زبان و تکنولوژی خاص یعنی PHP و ASP.NET بین کاربران توسعه دهنده نرم افزار بسیار شایع و پر طرفدار باشد . با طی شدن زمان تقریبا هر گروه بیشتر براساس سیاست شرکت هایی که در آن کار میکنند یکی از این تکنولوژی ها را به عنوان ابزار اصلی توسعه نرم افزار و طراحی سایت ها انتخاب و به دیگران معرفی می کنند . زبان PHP با هدف نوشتن اسکریپتهای وب ، طراحی اپلیکیشن و وب سایت براساس تکنولوژی متن باز نوشته شد . همانطور که میدانید طراحی سایت های معروفی مانند گوگل، فیسبوک، ویکی پدیا و وردپرس به زبان PHP است از این زبان به طور اختصاصی جهت ایجاد صفحات وب دینامیک با امنیت و سرعت بازیابی اطلاعات بالا استفاده می شود قابلیت و کارآیی این زبان نسبت به HTML بالاست طراحی سایت شده به این متد قابل بازخوانی در و یندوز و لینوکس نیز می باشد به همین خاطر امروزه تقاضای طراحی سایت به زبان PHP روبه افزایش است یکی از دلایل این امر می تواند Open Source بودن این زبان باشد . در ابتدا تعداد دستورات و توابع این زبان گسترش پیدا کرد و سپس از لحاظ معماری این زبان با پشتیبانی از شی گرایی پیشرفت چشمگیری داشت به طوری که امرووزه انجام کارهای نسبت پیچیده ای )مثل کار با سوکتها یا تصاویر( با توابع این زبان براحتی قابل اجراست. همچنین به طور کلی می توان گفت که PHP یکی از زبان های معمول برای نوشتن اسکریپت های اجرایی در محیط یونیکس ، لینوکس )هرچند که در ویندوز نیز به خوبی اجرا می شود( و کار با نرم افزار مدیریت بانک اطلاعات MySQL است ASP یکی از تکنولوژی های مایکروسافت بوده و پلتفرمی است که در آن از زبانهای برنامه نویسی از قبیل VB.Net و C# می توان برای ایجاد اپلیکیشن برای ASP استفاده کرد. انواع سایت های طراحی شده با ASP دارای صفحات وب دینامیک هستند که با اجزای پویا طراحی شده اند . ASP.NET نیز نسل جدیدی از ASP کلاسیک در بستر دات نت است که با کتابخانه غنی توابع و کلاسهای دات نت تقریبا مانور انجام هر کاری در طراحی سایت وب را امکان پذیر می سازد. لینک منبع:طراحی سایت فراکارانت

آیا طراحی سایت شما جذابیت کافی را ندارد ؟ احتمالاً دلیل آن عدم وجود کنتراست کافی در سایتتان میباشد. کنتراست باعث ایجاد تمایز بین عناصر و خاصتر کردن و مشخص کردن آن ها میشود. کنتراست در طراحی سایت از راه های مختلف و با استفاده از عناصر گوناگون ایجاد میشود. از تایپوگرافی گرفته تا رنگ و فاصله ها. ایجاد کنتراست میتواند یک طراحی معمولی را به یک طراحی بسیار جذاب و گیرا تبدیل نماید. در ادامه به 5 راه برای ایجاد کنتراست اشاره میکنیم. 1. بزرگتر یا کوچکتر کردن عناصر زمانی که میخواهیم یک نقطه تمرکز در طراحی ایجاد نماییم، نظم و تقارن میتوانند راه مناسبی باشند. تعداد عناصر زیاد یا وزن و ظاهر یکسان سرانجام باعث ایجاد ظاهری یکنواخت و خسته کننده میشوند. راه حل ساده، بزرگتر یا کوچکتر کردن یکی از عناصر به طور مشخص میباشد. آیتمی که متفاوت با بقیه است به سرعت مورد توجه قرار میگیرد. توجه کاربر به آن نقطه از صفحه کشیده میشود زیرا از بقیه نقاط متمایز و متفاوت است. بزرگتر یا کوچکتر کردن یک تصویر یا متن چیزی بیشتر از سایز فیزیکی آن میباشد و شامل وزن ظاهری ان نیز میشود. ساده ترین راه برای درک این مسئله، تایپوگرافی میباشد. به تصاویر بالا نگاه کنید، هر دو کلمه سایز یکسانی دارند ولی توجه کنید که یکی از آن ها نسبت به دیگری وزن بیشتری دارد. این کنتراست و تضاد به دلیل استفاده از حروف نازک در مقابل حروف ضخیم میباشد. به وب سایت های مختلف نگاه کنید و ببینید که کدام نقطه از صفحه توجه شما را بیشتر جلب میکند و چرا. 2. مقداری الگو یا طرح اضافه نمایید. با توجه به سبک مینیمال و مسطح امروزی در طراحی سایت، ایجاد طرح و بافت خاص، دیگر مانند گذشته رایج نیست. ولی هنوز هم در بسیاری از وب سایت ها نمونه های آن دیده میشود. ایجاد تغییر از عنصری با حالت مسطح به عنصری با طرح و بافت خاص یا حالت 3 بعدی باعث ایجاد تمرکز و توجه بر روی آن عنصر میشود. یک عنصر متنی را با الگو یا طرحی خاص در نظر بگیرید. انواع اصلی طرح ها و الگوها دو نوع زبر و صاف میباشند. این الگوها میتوانند به صورت ترکیبی یا به تنهایی باعث ایجاد جذابیت و تمایز ظاهری شوند. 3. تغییر دادن شکل به تصویر بالا نگاه کنید اولین چیزی که میبینید چیست ؟ اولین چیزی که من میبینم آبجکت دایره ای شکل با علامت سؤال داخلش میباشد. میدانید چرا ؟ در تصویری پر از شکل های مستطیلی، تنها عنصر دایره ای میباشد. این تفاوت آبجکت است که باعث دیده شدن آن میشود. همچنین برعکس بودن کاراکتر علامت سؤال هم دلیل دیگری برای جلب توجه ان میباشد. تغییر دادن شکل یک عنصر یا راستای آن میتواند تأثیر زیادی در دیده شدن آن داشته باشد. سعی کنید در طراحی مسطح این کار را امتحان نمایید. گوشه های دکمه را گرد کنید. تصویر را به جای مستطیل در یک فریم دایره ای قرار دهید. هر کدام از این تکنیک ها ممکن است در ابتدا کمی نامناسب به نظر بیایند. ولی امتحان کردم و آزمایش را ادامه بدهید تا سرانجام مستطیل قدیمی و یکنواخت را به چیزی جذاب تر تبدیل کنید. 4. اضافه کردن رنگ (یا حذف کردن آن) تئوری رنگ ها یکی از مهم ترین مسائل در طراحی سایت میباشد. با تغییر رنگ و اضافه کردن یا حذف رنگ ها میتوانید حالت کلی یک طراحی را تغییر دهید. رنگ میتواند عناصر را بزرگ و کوچک و یا مشخص و نامشخص جلوه دهد. • رنگ های گرم و سرد و خنثی را با یکدیگر ترکیب کنید. • رنگ ها را با اضافه کردن رنگ ها و تن های دیگر تغییر دهید. • رنگ های تیره و روشن را با هم ترکیب کنید. • عناصر بدون رنگ اضافه کنید. در فضاهایی با رنگ های زیاد، عناصر با رنگ سفید یا سیاه میتوانند تأکید زیادی ایجاد کنند و در فضای سفید و سیاه هم اضافه کردن رنگ باعث ایجاد کنتراست میشود. 5. کاری غیر منتظره و جدید انجام دهید. یک شکل یا ویژگی غیرمنتظره و منحصر به فرد میتواند کنتراست کافی را به طراحی شما اضافه کند. کار غیر منتظره در یک طراحی به معنی استفاده از چیزی است که از همه عناصر موجود در طراحی متفاوت است ولی همچنان با آن ها هارمونی هم دارد. این نوع عناصر عبارتند از : • ایجاد عدم تقارن با یک عنصر در یک طراحی متقارن • یک نشانه یا علامت بصری در طراحی مانند یک شکل مشخص یا الگوی چشم گیر همانطور که در سایت Vibrant در تصویر بالا استفاده شده است. • تغییر در یک الگو یا عنصر تکرار شونده • تغییر راستای یک عنصر یا متن مانند مثال Anima در بالا (با حرف "I") • تغییر پوزیشن یا سایز یک عنصر در یک ردیف • سبک های متفاوت تصویری مانند استفاده از تصاویر گرافیکی و انیمیشن • ترکیب عناصر ظاهری ساده و پیچیده یا سبک های تایپوگرافی نتیجه گیری نکته خوب در مورد تغییر کنتراست بین عناصر، تأثیر فوری آن بر روی طراحی وب سایت شما میباشد. یا تغییر دادن شکل عناصر میتوانید و ایجاد کنتراست کافی میتوانید کاربر را به سمت چیزی که میخواهید در سایتتان بیشتر دیده شود، هدایت نمایید. منبع: webone.co

نکاتی بسیار جالب در حوزه رنگ در طراحی وب سایت موجود و مورد بحث می باشند. در واقع استفاده از "رنگ" عنصری کلیدی در یک طراحی سایت است. البته رنگ ها هیچ گونه تاثیر مستقیمی در سئو و بهینه سازی وب سایت ندارند. اما با جذب و افزایش مخاطب به طور غیر مستقیم موجب بهبود در سئو سایت و بهینه سازی سایت می گردند . رنگ های موجود در یک وب سایت طراحی شده باید علاوه بر زیبایی و جذابیت موجب تحریک و کنجکاوی مخاطب نیز شوند. در این مقاله با چگونگی رسیدن به این اهداف آشنا خواهید شد. نام تجاری شما : یک وب سایت به این دلیل راه اندازی می شود که یک شرکت و یا کسب و کار به دنبال روشی خاص برای معرفی و ارائه خدمات خود می باشد و یا پیامی برای انتقال به کاربران دارند. اینجاست که رنگ ها سودمند می شوند. با استفاده صحیح از رنگ ها به مخاطب درکی کلی درباره ماهیت سایت خود حتی بدون خواندن مطالب بدهید. چیزی به عنوان رنگ اشتباه وجود ندارد ، هر رنگی در برآوردن هدفی خاص مناسب و قابل استفاده می باشد. در یک نام تجاری رنگ نیز به اندازه آرم یا لوگو حائز اهمیت است. ناوبری بصری : ممکن است ایده های بسیاری برای ظاهر وب سایت خود داشته باشید ، اما باید از یک طرح ناوبری مشخص پیروی کنید و مسیری بصری برای حرکت از یک مکان به مکانی دیگر در اختیار مشتریان خود قرار دهید . از سوی دیگر رنگ ها باعث ایجاد سلسله مراتبی میان گزینه ها شده و نشان می دهد که کدام اقدامات باید انجام شوند و یا نشوند. تاثیر رنگ صفحه اصلی بر کاربر : برای بیان هدف اصلی خود از رنگ های جسورانه در عناصر مرکزی صفحه اصلی استفاده کنید ، زیرا اولین مکانی می باشد که کاربر با ورود به سایت شما با آن مواجه می شود . بسیاری از وب سایت ها از پایه سیاه و سفید(متن سیاه روی زمینه سفید) در طراحی و ساخت سایت خود استفاده می کنند. بدیهی است ، صفحه بیش از حد ساده و خسته کننده می شود. برای راهنمایی بهتر و افزایش کاربر از رنگ های جذاب در لینک ها ، سر فصل ها و دکمه ها استفاده کنید. درجه اهمیت : در هر وب سایت بخش هایی وجود دارد که برخی از آن ها از اهمیت بیشتر و برخی از اهمیت کم تری برخوردار می باشند . "ثبت نام" و "خرید" دو مورد از مهم ترین این بخش ها می باشند. از سوی دیگر "لغو" که جزء اولویت ها نبوده و عملی ثانویه است ، باید به صورت لینکی کوچک با رنگ خنثی تبدیل کنید که به طور کلی در تصویر مخلوط شده و در معرض دید کم تری باشد. هنجار های فرهنگی : رنگ ها در هر فرهنگی در سراسر جهان با روشی خاص تفسیر شده و معنی خاصی دارند ، به عنوان مثال می توان به نمادهای ملی هر کشور اشاره داشت. به عنوان یک طراح باید آنچه مخاطبین می خواهند را درک کنید و از رنگ هایی استفاده کنید که برای افرادی که توانایی شناخت صحیح رنگ ها را دارند مناسب باشند. منبع: استفاده از رنگ های موثر در طراحی وب سایت

گوگل و دیگر موتورهای جستجو از سرعت بارگذاری صفحه وب سایت برای تعیین رتبه سایت استفاده می کنند ، پس داشتن سرعت بالا در بارگذاری امری ضروری است و در بهینه سازی سایت مهم می باشد . مطالعات نشان می دهد 40% کاربران ممکن است هنگامی که پس از 3 ثانیه صفحه مورد نظرشان را مشاهده نکنند صفحه فعلی را ترک کرده و به صفحات بعدی بروند. چگونه می توان سرعت بارگذاری را افزایش داده و مشتری را راضی نگه داشت؟ زمانی بارگذاری سایتی سریع خواهد بود که در طراحی وب سایت آن صفحه از چند عکس و متن هایی ساده استفاده شده باشد. اگر به صفحات پیچیده تری نیاز دارید اسکریپت را به صورت برنامه واحد ادغام کنید و سعی کنید پلاگین را به حداقل برسانید ، اضافه کردن بیش از حد پلاگین ها نه تنها سرعت بارگذاری را کاهش می دهد بلکه شانس سقوط صفحه را افزایش و باعث خطر امنیتی می شود. بنیاد: قبل از اقدام به ایجاد هرگونه تغییری در طراحی سایت ، سرعت سایت را مورد بررسی قرار دهید و هوشیار باشید که بیشتر درخواست های http داخل یک سرور تشکیل می شوند . HTTP مخفف پروتکل انتقال فوق متن است که تعیین می کند محتوا چگونه توزیع شده است. از YAHOO و YSLOW به منظور ایده پردازی برای افزایش سرعت سایت می توانید استفاده نمایید. یکی دیگر از ابزار هایی که برای بررسی سرعت سایت می توانید از آن استفاده کنید GTmetrix می باشد . نکات ذکر شده برای سایت های وردپرس می باشند. فشرده سازی فایل ها و اکسریپت: با فشرده سازی فایل ها سرعت بارگذاری صفحات وب افزایش خواهد یافت . می توانید از برنامه های فشرده سازی رایگان به منظور کاهش بایت صفحات استفاده کنید که این امر نقشه به سزایی در سئو و بهینه سازی وب سایت و هم چنین بالا بردن رتبه شما در گوگل خواهد داشت.برخی از سرویس دهنده ها مانند APACHE در اختیار کاربران می باشد که با ارائه نکاتی مفید برای JAVA,CSS و HTML ساخته شده اند. استفاده از CDN به منظور گسترش محتوا در سرور: CDN گروهی از سرورهای واقع در سراسر جهان است. یک CDN می تواند حجم فایل ها را کاهش داده و سریع تر به منطقه ای در نزدیکی سرور ارسال کند . هرچند CDN تنها نیاز به اضافه کردن یک کد ساده در طراحی و ساخت سایت دارد اما می تواند پر هزینه باشد. CACHE مرورگر: حافظه پنهان مرورگر به طور موقت از صفحات وب کپی می شود مانند عناصر html و تصاویر. بنا بر این برای دوباره لود شدن صفحات از cache آن ها استفاده می شود. برای اطلاعات خود تاریخ انقضا تعیین کنید ، این عمل به مرورگر در نگه داری اطلاعات در cache کمک می کند. HTTP فعال: دستور کار http به زبان ساده به شرح زیر است: دریافت ، ارسال و بستن. استفاده از http در تلفن های همراه آسان ولی اغلب با سرعت پایین می باشد. نوعی ترفند موجود است که بر این اساس می باشد: مرورگر ها و سرورها به توافقی در گرفتن و انتقال فایل ها رسیده اند. این بدان معناست که سرور ارتباط زنده شما را تا زمانی که در یک سایت هستید و صفحات http دیگری را باز می کنید ، حفظ خواهد کرد. در خلاصه: هرگاه قصد ایجاد تغییرات در سایت خود با اضافه کردن تصاویر ، مطالب و یا اسکریپت داشتید ، از خود این سوال را بپرسید که چگونه روی سئو سایت و سرعت سایت شما تاثیر خواهند داشت. مقرون به صرفه نیست که فقط برای داشتن اخرین نوآوری ها در سایت خود ، سرعت سایت را کند کنید زیرا این امر منجر به از دست دادن درآمدتان خواهد شد . مرجع : npco.net

[h=3]ده اشتباه که به طراحی سایت شما وجه غیرحرفه ای می دهد[/h] اگر قصد راه اندازی یک وب سایت برای کسب و کار انلاین خود دارید حتما این مطلب را مطالعه کنید. در واقع، طراحی سایت ثابت کرده که نقش بسیار مهم تری برای کسب و کار نوپا دارد. هنگامی که شما قصد راه اندازی یک کسب و کار آنلاین را دارید توجه کنید که، قضاوت کاربران معمولا در جزئیات کوچک طراحی سایت شما است. مشتریان سرگردان. که مارک های بزرگ قابل اعتماد در دسترسشان است ، چرا باید به طور ناگهانی به شما اعتماد کنند؟ مگر در مواردی که شما در نگاه اول آنها را عاشق کنید! (عشق آسان نمود اول ولی افتاد مشکلها) در این پست، در مورد اشتباهات طراحی سایت متداول که طراحان آماتور مرتکب می شوند صحبت می کنیم. حتی اگر شما توانایی طراحی محدودی داشته باشید ، قادر به شناختن برخی از اشتباهات رایج خواهید بود که ممکن است در طراحی وب سایت شما نمایان شود. 1-استفاده نابجا از قالب آماده و ناهماهنگی لگو استفاده از قالب آماده برای کسب و کارهای بزرگ ممنوع، اما می تواند در پروژه های کوچک از آن استفاده کنید. با این حال انتخاب یک قالب آماده خیلی مهم است که با کسب و کار شما هم خوانی داشته باشد و نام تجاری شما بر ان بنشیند یک مشکل رایج در وب سایت های ساخته شده با قالب از پیش طراحی شده ارتباط بصری ضعیف بین آرم و بقیه وب سایت است. باید بین رنگ و فونت مورد استفاده در آرم که در همه جای وب سایت وجود دارد، با قالب هماهنگی وجود داشته باشد. نکته دیگر ، اگر شما قصد صرفه جویی دارید، حداقل مطمئن شوید که قالب تابلوی انتخاب نکردید. 2-استفاده از تنظیمات پیشفرض بوت استرپ یک اشتباه بزرگ فونت پیشرفض ، آیکن پیشفرض، ساختار پیشفرض ، اصلا چطور لگوی سایت تون بردارید بجای اون با فونت پیشفرض بنویسید " سایت پیشفرض". 3- ناهماهنگی تایپوگرافی سایت سعی کنید بین فونت عناوین و متن های بدنه هماهنگی وجود داشته باشد اگر می خواهید وب سایت شما حرفه ای بنظر برسد پس حرفه ای عمل کنید و وقت بگذارید. 4-استفاده از پس زمینه تیره رنگ پس زمینه بزرگترین بخش از وب سایت را پوشش می دهد ، بنابراین بهتر است در انتخاب آن دقت کنید. به عنوان یک قاعده کلی، وب سایت های با پس زمینه به طور کامل سیاه و سفید تقریبا خوب از کار در نمی آیند ، مگر اینکه واقعا حرفه ای طراحی شده باشند. رنگ سفید کمی امنتر است، اما حتی طراحان حرفه ای ترجیحا از خاکستری بسیار روشن استفاده می کنند. مواظب باشید که خاکستری تیره تر ، خوانایی حروف سیاه و سفید در این زمینه را مشکل می کند. بهتر است به تیرگی زیر 15 درصد از رنگ سیاه اکتفا کنید. 5- پرهیز از استفاده چند اکشن مشابه در کنار هم سعی کنید در استفاده از اکشن های که کاربر را به گام یا قسمتی دیگر از سایت منتقل می کند بصورت واحد عمل کنید. چند اکشن مشابه کنار هم کاربر را دچار سردرگمی می کند و باید روی آنها فکر کند و بعد تصمیم بگیرید که کدام یک از این عملکردهای مشابه را اعمال کند. خودتان تصمیم بگیرید بهترین روند و فرایند بازدید از وب سایت را برای کاربر مشخص کنید شما حرفه ای هستید، نه کاربر؟ 6- مشکلات مربوط به تراز نبودن و فاصله های ناهمگون رعایت صحیح فاصله سخت است. مشخص نمودن فاصله ها به اندازه کافی، اما نه فضای سفید بیش از حد در اطراف عناصر کمی دقت می خواهد. اما می توان از یک قانون ساده استفاده کرد. اول، مطمئن شوید که تمام عناصر به درستی با هم گروه بندی شده اند، دوم، تعیین فضای سفید به اندازه کافی در اطراف آن گروه ها. 7- متن غیر حرفه ای یک قانون ساده تنها به نوشته های یک نفر اکتفا نکنید از دوستان تان بخواهید یک بار متن ها را برای شما بخوانند. 8- مسائل مربوط به خوانایی در انتخاب رنگ و اندازه و نوع فونت دقت کنید. 9- تناقض و یک دست نبودن رنگ یک تگ p در صفحه نخست سایت خاکستری تیره است و در صفحه ارتباط با ما آبی نفتی ؟برای رفع این مشکلات مطمین شوید که تمام قسمت ها از فایل css واحدی استفاده می کنند. 10- خارج از روند طراحی چه آن را دوست داشته باشید یا نه، طراحی اسکیومورفیسم خداحافظی کرده در حال حاضر نیز وب سایت های که هنوز از گرادیان - و طراحی وب با سایه های سنگین منسوخ شده طراحی شده اند معمولا مثل خانه های متروک قدیمی می مانند که بحال خود رها شده اند . منبع طراحی سایت سایتکد

زمانی که HTML بوجود آمد، تصور بر این بود که این زبان، تنها برای نمایش متن و عکس است و بسیاری از موارد پیشرفته و همچنین کاربرپسند بودن در طراحی آن در نظر گرفته نشده بود. به همین منظور، CSS برای رفع نقاط ضعف و خلاهای HTML بوجود آمد. (CSS (Cascade Style Sheets : CSS (الگوهای آبشاری سبک) زبان برنامه نویسی می باشد که W3C(کنسرسیوم بین المللی شبکه جهانی وب) برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است، پیشنهاد داده است و مکملی برایHTML است. توسط CSS می توان استیل طراحی صفحات وب سایت را یکبار تعریف کرده و به صفحات مورد نظر اعمال نمود. مثلا اگر 100 صفحه به زبان HTML داشته باشید و تصمیم بگیرید که فونت تمام کلمات را تغییر دهید، در صورتی که از CSS استفاده نکرده باشید، کار بسیار دشواری است ولی با CSS تنا کافی است که در استیل مورد نظر، نوع فونت را تغییر دهید. CSS روش ساده ای برای نمایش چیدمان و جلوه های تصویری (مانند نوع قلم، رنگ و اندازه ها) بر صفحات وب است. مزایای CSS: 1. تمیزتر شدن کدهای برنامه نویسی 2. سهولت در تغییرات آتی 3. افزایش بهره وری 4. سازگاری بیشتر با مرورگرهای محتلف 5. انعطاف پذیری بالای CSS 6. کم حجم کردن فایل HTML و کاهش استفاده از پهنای باند شبکه پیش نیاز یادگیری CSS، آشنایی با زبان برنامه نویسی HTML است که در تاپیک یادگیری HTML از پایه آموزش داده شده است. پس در صورتی که HTML آشنایی ندارید بهتر است قبل از شروع CSS، ابتدا زبان HTML رو یاد بگیرید.

زمینه تخصصی دارکوب طراحی وب می باشد و سایت ها بر اساس اصول سئو طراحی می شوند یکی دیگر از خدمات دارکوب پیاده سازی و اجرای سایت های پیچیده و سایت هایی که با کاربر تراکنش دارند می باشد دارکوب سایت های سازگار با موبایل ( ریسپانسیو ) و سایر دستگاه های مرور وب طراحی می نماید منبع:طراحی وب سایت دارکوب sitedar.com طراحی وب سایت دارکوب sitedar.com

کروم از یکم سپتامبر به طور خودکار مسدود کردن تبلیغات فلش را شروع کرد گوگل 1 سپتامبر را برای تاریخی اعلام کرد که کروم شروع به مسدود کردن تبلیغات فلش می نماید. در این طرح عدم نمایش محتوای فلش که بصورت خودکار نمایش داده می شود آغاز شده است . در 1 سپتامبر ، کروم دیگر اجازه نمایش محتوای غیر ضروری( عمداتا تبلیغات) را نخواهد داد. در عوض، کاربران با راست کلیک بر روی یک پلاگین و "اجرای این پلاگین" با دست خود آن را فعال می کنند. گوگل ادعا می کند که این یک حرکت برای محافظت از عمر باتری و بهبود امنیت دستگاه است، اما یک دلیل ساده تر وجود دارد: آن نیز پول بیشتربرای گوگل است. اگر شما در حال حاضر یک مشتری Adwords گوگل هستید، در حال حاضر لزوما مجبور به تغییر هیچ چیزی نیستید. به گفته گوگل، در حال حاضر تبلیغات فلش به صورت خودکار به HTML5 تبدیل می شوند. اگر شما بر روی پلت فرم گوگل AdWords نیستید ، باید به تبدیل تبلیغات خود به HTML5 بپردازید و یا به سمت خدمات گوگل حرکت کنید. منبع سایتکد

[h=2] [/h] طراحی قالب وب سایت سازگار با موبایل کار ساده ای نیست و نیاز به تجربه فراوانی دارد. در صورتی که تجربه ای در ساخت سایت سازگار با موبایل ندارید این کار را به طراحی سایت دارکوب بسپارید. طراحی سایت سازگار با موبایل بسیاری از هزینه های شما در مقایسه با طراحی جداگانه سایت برای موبایل را پایین می آورد. برای ساخت سیستم ستون بندی می بایست جهت صفحه بندی کلاس ستون اول و آخر را بدانید. البته بدون دانستن ستون اول و آخر نیز می توانید ستون بندی سازگار با انواع مرورگرها را داشته باشد. در این مقاله می خواهم به شما نحوه ساخت سیستم ستون بندی سازگار با موبایل توسط nth-of-type دستور css را آموزش دهم. لازم نیست کلاس ستون آخر و اول داشته باشید و یا تعداد ستون ها را بدانید، زیرا همه کارها توسط viewport انجام می شود. زیرا در سایزهای مختلف مرورگر و رزولوشن صفحه قالب به ستون های مختلف تبدیل می گردد. بروز خطا در استفاده از کلاس اول و آخر به صورت پیش فرض می بایست کلاس ستون اول و آخر (.first و .last) را به کدهای خود اضافه نماییم ولی انجام این کار برای پیاده سازی قالب مناسب برای رزولوشن های مختلف مشکل ایجاد می نماید. طراحی سایت موبایل استفاده از nth-of-type دستور زیر به شما امکان ایجاد فلوت و مارجین را بدون استفاده از (.first و .last) می دهد. :nth-of-type(An+B) - دستور زیر ستون های 4 ام از ستون 1 را انتخاب می نماید. .grid4 .col:nth-of-type(4n+1) - دستور زیر ستون های3 ام از ستون 1 را انتخاب می نماید. .grid3 .col:nth-of-type(3n+1) - دستور زیر ستون های 2 ام از ستون 1 را انتخاب می نماید. .grid2 .col:nth-of-type(2n+1) طراحی سایت موبایل .grid4 .col:nth-of-type(4n+1), .grid3 .col:nth-of-type(3n+1), .grid2 .col:nth-of-type(2n+1) { margin-left: 0; clear: left; } سازگاری با موبایل توسط Media Queries /* col */ .col { background: #eee; float: left; margin-left: 3.2%; margin-bottom: 30px; } /* grid4 col */ .grid4 .col { width: 22.6%; } /* grid3 col */ .grid3 .col { width: 31.2%; } /* grid2 col */ .grid2 .col { width: 48.4%; } تبدیل 4 ستونه به 3 ستونه برای تبدیل 4 ستونه به 3 ستونه که عرض آن کمتر از 740px می باشد 1. تبدیل عرض .grid4 .col به 31.2% 2. بازنویسی left margin و clear 3. ست نمودن مجدد left margin و clear property توسط دستور nth-of-type(3n+1) برای ایجاد قالب سه ستونه @media screen and (max-width: 740px) { .grid4 .col { width: 31.2%; } .grid4 .col:nth-of-type(4n+1) { margin-left: 3.2%; clear: none; } .grid4 .col:nth-of-type(3n+1) { margin-left: 0; clear: left; } } تبدیل 4 ستونه و 3 ستونه به 2 ستونه برای تبدیل 4 ستونه به 3 ستونه و 2 ستونه که عرض صفحه کمتر از 600px باشد نیز به همان روش بالا اقدام نمایید. @media screen and (max-width: 600px) { /* change grid4 to 2-column */ .grid4 .col { width: 48.4%; } .grid4 .col:nth-of-type(3n+1) { margin-left: 3.2%; clear: none; } .grid4 .col:nth-of-type(2n+1) { margin-left: 0; clear: left; } /* change grid3 to 2-column */ .grid3 .col { width: 48.4%; } .grid3 .col:nth-of-type(3n+1) { margin-left: 3.2%; clear: none; } .grid3 .col:nth-of-type(2n+1) { margin-left: 0; clear: left; } } تمام عرض کردن تمامی ستون ها برای تمام عرض کردن کلیه ستون ها که رزولوشن صفحه آنها از 400px: کمتر است می بایست به روش زیر اقدام شود. @media screen and (max-width: 400px) { .col { width: 100% !important; margin-left: 0 !important; clear: none !important; } } مشکلات اینترنت اکسپلورر هم media queries and nth-of-type توسط اینترنت اکسپلورر 8 به پایین پشتیبانی نمی شود. شما می توانید از selectivizr.js برای nth-of-type و respond.js برای media queries به جهت پشتیبانی اینترنت اکسپلورر استفاده نمایید. هر دوی selectivizr.js and respond.js متاسفانه به یکدیگر به خوبی کار نمی کنند بنابراین ستون بندی ها از 4 به 3 و 2 تغییر نمی یابند. البته فقط در اکسپلورر. لینک منبع: صفحات وب سایت سازگار موبایل (ریسپانسیو)

رنگ در طراحی صفحات وبلاگ و وبسایتها چه اهمیتی دارد رنگ روی حس ما و ادراک ما و عکس العمل ما تاثیر میگذارد . یک بیننده با آگاهی از سایتتان وارد سایت شما شده است، حال شما باید او را همچنان سر شوق نگه دارید. راستی اهمیت رنگ در طراحی وب چیست؟ ما در هنگام صحبت با دیگران علاوه بر حرف زدن کارهای دیگری نیز مانند خندیدن، اشاره کردن، نگاه کردن، عصبانی شدن و غیره انجام میدهیم. تمام این کار ها در ارتباط برقرار کردن ما با مخاطب تاثیر دارد و گاهی بسیاری از حرف ها را با چیزی غیر از زبان بیان میکنیم. یک صفحه وب نیز باید بتواند علاوه بر انتقال مطالب، احساس طراح وب آن صفحه را نیز بیان کند. این کار را رنگ ها در طراحی وب انجام میدهند. حس خشم، محبت، شادی و حتی اعتماد از طریق رنگ ها به بیننده منتقل میشود . یک صفحه وب نیز باید بتواند علاوه بر انتقال مطالب، احساس طراح وب آن صفحه را نیز بیان کند. این کار را رنگ ها در طراحی وب انجام میدهند. حس خشم، محبت، شادی و حتی اعتماد از طریق رنگ ها به بیننده منتقل میشود. در مدیریت نوین یک اصل پذیرفته شده وجود دارد که یک بهترین شیوه مدیریت در کار وجود ندارد. ترکیب و هماهنگی و استقرار یک نظام در رنگ بندی صفحات وب نیز ، چنین رویکردی دارد. تجربه و نوع علاقه و هنر web designer هست که سایتی را برای ما جذاب و سایتی دیگر را next می کنیم. نکاتی که می بایست در زمان طراحی گرافیکی سایت در نظر داشته باشیم به شرح زیر هستند : 1- اثر روان شناسی رنگ. 2- قابلیت خواندن متون صفحات سایت. 3- رنگ متمم رنگهای انتخابی برای بک گراند ، گرافیک ها ، لینک ها و متون. لیست زیر مشخصه هایی از رنگ ها را که هنگام طراحي سايت خود يا مشاوره طراحي سايت براي ديگران، باید مدنظر داشته باشید بیان میکند: 1- رنگ ها اثر زیادی روی احساسات ما در 90 ثانیه اول دیدن میگذارند . 2- اثر رنگ میتواند بیننده را ترغیب به خرید یک جنس از شما کند. 3- رنگ ها رفتار ما را در برابر یک موضوع فقط تشدید نمیکنند ، بلکه اثر خود را کاملا در رفتار ما نشان میدهند . 4- اثر گذاری رنگ در فرهنگ های مختلف گوناگون است ! 5- هر رنگ به تنهایی یک پیام مخصوص به چشم بیننده میفرستد . اغلب رنگ های زیر احساسات یا مشخصه هائي به اين صورت را القاء مي كنند: سفید : اشاره دارد به صداقت ، پاکیزگی ، صمیمیت ، ملایمت و معاصر بودن چیزی . سفید بهترین رنگ برای بک گراند های وب است . در تجارت سفید رنگ خستگی گیر و انرژی بخش است . سیاه : اشاره دارد به ظرافت ، قدرت ، دلیری ، شهامت ، فریبندگی ، شیطان ، مهارت و باستان . مشکی برای رنگ متن روی یک پس زمینه روشن ایده آل است. این رنگ بعنوان رنگ پس زمینه چشم را خسته میکند . قرمز : توانایی ، هیجان ، احساسات شدید ، سرعت ، خطر و تهاجم . این رنگ از بیننده توجه به خود را طلب میکند . در تجارت بمعنی وام و بدهی است . این رنگ شدید ترین رنگ احساس است و ضربان قلب و تنفس را تسریع میکند . آبی : امنیت ، اعتماد ، مسئولیت پذیری ، سرما ، ایمان ، وفاداری ، وابستگی وجاه و جلال . آبی دومین رنگ عوام پسند است . در تجارت بمعنای ضمانت مالی است . سبز : تندرستی ، فراوانی ، حاصلخیزی ، آزادی ، شفا و بهبودی ، طبیعت ، پیشرفت ، حسادت و خونسردی . در تجارت بیانگر مقام و ثروت است. این رنگ در چشم ها راحت تر از همه دیده میشود . قهوه ای : تاثیر گذاری ، متانت ، توانگری مالی و کمک کننده بودن . قهوه ای رنگ کره خاکی ماست و در طبیعت بسیار فراوان است . خاکستری : صمیمیت زیاد ، اعتبار و نفوذ و عملی بودن . در تجارت بمعنای سنت گرایی است . صورتی : ملایمت ، شیرینی ، ظرافت و زنانگی ، خوب بودن ، بی گناهی و پرورش کودک . بنفش : وقار ، معنویت ، شاهانه بودن ، عیش و نعمت ، دارایی ، اعتبار و نفوذ ، سوگواری و مهارت . در تجارت بزرگ نشان دادن است . بنفش طرفداری از سبک های هنرمندانه است. نارنجی : سرزندگی و شوخی ، لذت و خوشگذرانی ، تعادل گرمایی ، تشویق کردن ، چالاکی و نیرو ، تحمل و بلند همتی . زرد : نور خورشید ، گرمی ، خوشی ، نامردی ، ترسویی و حسادت . در تجارت درخواست از نوع روشنفکرانه است و برای تاکید نیز خوب است . زرد باعث افزایش تمرکز شده ، سوخت و ساز را زیاد میکند و سخت ترین رنگ برای چشم هاست . طلایی : نشانگر گران بودن و پرستیژ است . نقره ای : سرما ، علمی بودن و اعتبار و پرستیژ است . پس وقتی میخواهید رنگی انتخاب کنید باید درباره بازار نهایی کار خود باندیشید . چه احساساتی را میخواهید برانگیخته کنید ؟ اول کمی درباره چشم انداز احساسی هدفتان فکر کنید و نیز پیامی که از راه دید میخواهید منتقل کنید . بعد رنگ خود را انتخاب کنید ! منبع

طراحان وب برای ساختن کلید در صفحات وب از روش های مختلفی استفاده می کنند. ساختن کلید به صورت قرار دادن table و نوشته درون آنها ، به صورت تصاویر فلش و همچنین به صورت عکس. حرفه ای ترین روش در میان سه گزینه نام برده شده ، روش عکس می باشد. دلیل این انتخاب هم این است که ساختن کلید ها به صورت عکس نسبت به جدول از ظاهری زیباتر و نسبت به فرمت فلش از حجم کمتری برخوردار است. به همین دلیل اکثر طراحان حرفیه دکمه ها و کلید ها را به صورت عکس طراحی می کنند. از آنجا که ساخت کلید ها به صورت کاملا گرافیکی و حرفه ای نیازمند تخصص مربوط به خود می باشد کاربران عادی و طراحان مبتدی از ساخت چنین کلید های زیبایی که به صورت عکس می باشد عاجز هستند. در این مطلب برنامه ای را به شما معرفی می کنیم که مشکلات این دسته از کاربران و طراحان وب را برطرف می کند. Easy Button and Menu Maker Pro نام نرم افزاری می باشد که توسط شرکت Blumentals Software ساخته شده است. زمینه فعالیت این شرکت در زمینه ساخت برنامه های کمک در طراحی وب می باشد. نرم افزاری که به شما معرفی نمودیم با استفاده از امکانات مختلف و همچنین با دارا بودن تصاویر آماده برای ساخت کلید ها به کاربرانی که در زمینه طراحی وب و ساخت کلید مبتدی بوده و دچار مشکل می شوند کمک می کند. همچنین به کمک این نرم افزار می توانید اقدام به ساخت منوهای مختلف برای وب سایت های خود نمایید. از ویژگی های این نرم افزار می توان به موارد زیر اشاره کرد: - دارا بودن تعداد زیادی از تصاویر آماده برای ساخت کلید - توانایی قرار دادن شکل های مختلف بر روی کلید ها - دارای ابزار طراحی منوهای وب سایت به صورت حرفه ای - ویرایش اندازه و لبه های تصویر کلید برای سازگار نمودن آن ها با صفحه وب شما - ساخت کلید با نمای کاشی کاری - قرار دادن تصاویر پشت زمینه در پشت نوشته ها - قرار دادن سایه برای نوشته های بر روی عکس و ... دانلود نرم افزار با حجم 8.8MB: دانلود - لینک کمکی 1 - لینک کمکی 2 پسورد فایل: [Hidden Content] ************* منبع

ابزارهایی امروزه در دنیای وب به وجود آمده اند که برای راحتی کار شما،همه کار میکنند.از طرح دادن برای فونت*های شما گرفته تا درست کردن دکمه برای قسمت*های مختلف سایت* یا وبلاگ*تان.در این پست به برخی از آنها میپردازیم. 1) Color Schemer این سایت سایتی برای انتخاب رنگ است.علاوه بر این در این سایت یک منو در سمت راست و پایین برای شما باز میشود که میتونید با استفاده از آنهارنگ مورد نظر خودتان را پیدا کنید.علاوه بر این شما میتواید رنگ روشن*تر و تیره*تر از آن رنگ را نیز ببینید.همچنین این نسخه آنلاین است و نرم*افزاری برای دانلود نیز در آن وجود دارد. 2) Somacon بخشی از این سایت به کمک به تازه*کار ها برای نوشتن استایل مورد نظرشان برای یک متن است که شما با استفاده از آن میتونید علاوه بر استفاده از پیشفرض*های آن،مقادیر مورد نیاز خود را نیز اضافه کنید و درنهایت،کدی برای استایل آن تنظیماتی که انتخاب کرده*اید بگیرید. 3) Degraeve این سایت دارای ابزارهای زیادی است،ولی انچه مورد نظر ماست بخش درست کردن فاوآیکون است.هرچند که این بخش نسبت به سایت*های دیگر ساده*تر است اما همین سادگی دلیل خوبی برای برتری*ست.برای درست کردن فاوآیکون دلخواهتان میتونید از رنگ*ها و یا آپلود عکس استفاده کنید. برای دیدن ادامه ی مطلب اینجا را کلیک کنید