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

از آنجایی که در حال حاضر "اکثر" شرکتهای طراحی وب از CMSهای php مانند Joomla و WordPress و Drupal استفاده می کنند و برخی دیگر هم مثل مرکز طراحی اسپیرال یک CMS اختصاصی با php می نویسند، انتظار می روند شرکتهای فروش هاست حداقل اطلاعات لازم درباره تفاوتهای هاست Windows و Linux بدهند، و با توجه به اینکه جوملا و وردپرس و دراپال همه با زبان php توسعه یافته اند، در حالت طبیعی هاست Linux را پیشنهاد کنند.

شرکت "ایران هاست"، از جمله شرکتهای شناخته شده و گزینه اول بعضی از مشتریان بوده است و متاسفانه تمام پکیجهای این شرکت ویندوز است، آن هم با کانفیگ عجیب و غریب، بدون MySQL، محدودیت اکانت ایمیل، پنل مدیریتی Website Panel 2.0 (که کمترین امکانات را نسبت به سی پنل و پاراللز دارد) و قیمتی نسبتا بالا ارائه می کند.

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

البته ما قضاوتی درباره کیفیت سایر خدمات این شرکت نداریم، اما از "برندهای ایرانی" انتظار بیشتری می رود!

سوال: برای سایت های php شما چه هاستینگی را معرفی می کنید؟

این روزها در دنیا اکثر هاست‌ها از نظر فضا و پهنای باند و... نامحدودند و از طرف دیگر هاست‌های "پردازش ابری" (یا Cloud Computing Hosts) رقیب شرکتهای سنتی تر شده اند. با این معیارها هاست لینوکس خوب در شرکتهای ایرانی ندیده ام. با این حال هاستهای لینوکس وبدیتا (فناوری اطلاعات نگاه) نه از نظر امنیت و آپتایم، که از نظر پشتیبانی خوب و متعهد در کنار کانفیگ عرف و قیمت مناسب، گزینه پیشنهادی و تا حدودی سلیقه ای من بوده.

اما اگر مشکل پرداخت بین المللی و زبان انگلیسی (برای ارتباط با بخش ساپورت) ندارید، هاست‌هایی مثل بلوهاست (BlueHost) را پیشنهاد می کنم: فضا و پهنای باند نامحدود، کانفیگ عالی، آپشن‌های اضافه خوب، و پشتیبانی فوق العاده عالی. همه اینها در حال حاضر سالانه حدود 60 دلار است. مطمئن باشید با انتخاب چنین هاستی طراح وب خود را خوشحال می کنید!

منبع : [URL="http://webcade.ir/"]طراحی سایت[/URL] ، [URL="http://webcade.ir/"]طراحی وب سایت[/URL] ، [URL="http://www.webcade.ir/seo"]بهینه سازی سایت[/URL] ، [URL="http://armcade.com/"]طراحی لوگو[/URL]، [URL="http://armcade.com/"]طراحی آرم[/URL]

[URL="http://chapcade.com/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C%D9%88%D8%AA%D8%A8%D9%84%DB%8C%D8%BA%D8%A7%D8%AA/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C%DA%A9%D8%A7%D8%AA%D8%A7%D9%84%D9%88%DA%AF.aspx"]طراحی کاتالوگ[/URL]

[URL="http://chapcade.com/%DA%86%D8%A7%D9%BE%D9%88%D8%AA%D8%A8%D9%84%DB%8C%D8%BA%D8%A7%D8%AA/%DA%86%D8%A7%D9%BE%DA%A9%D8%A7%D8%AA%D8%A7%D9%84%D9%88%DA%AF.aspx"]چاپ کاتالوگ[/URL]

شاید یکی از مهمترین اصولی که خیلی از طراحان، چه آنهایی که طراحی سایت به‌روز دارند و چه گرافیستهای چاپی و چهمهندسان پرتال نصب کن! توجهی به آن ندارند حجم سایت است. ناگفته پیداست که یک وبسایت سنگین چه زیانهایی می رساند: بسیاری از کاربران را خسته و پشیمان می کند، آمار بازدیدکنندگانی که برای چندمین بار به سراغ سایت ما می آیند کم می کند، تعداد بازدید از صفحات داخلی را کم می کند، حوصله موتورهای جستجو را برای ایندکس کردن سر می آورد و رتبه ما را در موتورهای جستجو می کاهد. البته سبک یا سنگین بودن حجم یک سایت نسبی است و بستگی به میانگین سرعت مخاطبانمان دارد. قطعا برای کاربر عادی ایرانی 100 کلیوبایت وزن قابل توجهی است ولی برای یک نفر در جایی که اسمش خارج است! شاید یک مگابایتش هم چیز زیادی نباشد.
 طبق تجربه، طراحی کم حجم می تواند یکی از خصوصیاتی باشد که مشتریان را به سوی طراحان وب جذب کند. اما چه عواملی در سرعت سایت تاثیر گذار است؟ اول اینکه شیوه کد نویسی استاتیک بسیار مهم است: اینکه تا چه حد از CSS استفاده مفید بکنید. کدهای داینامیک نظیر php و asp معمولا به خاطر سرعت بالای سرورها در کمتر از یک ثانیه اجرا می شوند که زیاد به حساب نمی آیند! پس روی کدهای استاتیک که تر و تمیز باشند، و تمام CSS ها بیرون از محتوا و در یک یا چند فایل جدا ذخیره شوند تاکید بیشتری باید داشت. زیرا این باعث می شود در بارگزاری مجدد، این فایل از روی Cache کامپیوتر کاربر لود شود و  در سرعت تاثیر مثبت دارد. در مورد فایلهای جاوا اسکریپت نیز وضع به همین منوال است. کدها را ترجیحا در فایلهای جدا باید ذخیره کرد و در هدر سایت فراخوانی کرد. در مواردی که ناچاریم کدها را در فایل اصلی بیاوریم، ترجیحا همه را به پایینترین خطوط کدهای استاتیک انتقال دهیم تا حوصله موتورهای جستجو از سر و کله زدن با این کدها سر نرود، و اگر برود چیز زیادی از دست نداده باشیم! ضمنا در استفاده از افکتهایی که با کتابخانه‌هایی نظیر jQuery اجرا می شوند، باید حواسمان باشد که آیا استفاده از هسته جی کوئری (حدود 80 کلیوبایت) به اضافه کدهای آن افکت به صرفه هست یا نه! زیرا معمولا این کدها را اجنبی های کافر می نویسند که سرعت اینترنتشان خیلی بالاست و ممکن است به فکر سرعت اینترنت در برخی کشورهای دیگر (اسم نمی برم!) نباشند!
مساله مهم و حیاتی دیگر حجم و تعداد تصاویری است که در طراحی به کار می بریم. باید تا جای ممکن از تصاویر کمتر و کم حجمتر استفاده کنیم، و از ساختارهای پر عکس بپرهیزیم (باز هم قابل توجه گرافیستان چاپی). برای ذخیره تصاویر نیز حتما از بخش Save for web در فتوشاپ استفاده کنید. تصاویری که تعداد رنگهای محدودتری دارند، با پسوند gif و تصاویری که سایه روشن یا تنوع طیف رنگی بیشتری داند با پسوند jpg کم حجمتر می‌شوند. پسوند جدیدتر png-24 نیز که از قابلیت شفافیت آن نیز در مرورگرهای جدیدتر می توان استفاده کرد، معمولا از دو نوع قبلی پر حجم تر اما بسیار با کیفیت تر است. چاره دیگر استفاده از تصاویر کوچکی است که تکرار (repeat) می شوند. این روش برای سایه روشنها (gradient) و بافتها (patterns)  بسیار کاربردی است.
عوامل دیگری نظیر میزان محتوا (متن و تصویر) در هر صفحه و نیز سرعت سرور، در سرعت بارگزاری صفحات وب موثرند. برای فشرده کردن فایلهای CSS و js و... از قابلیت gzip کردن در فایل htaccess می توان استفاده کرد. برای این منظور می توانید به بخش Compression در کنترل پنل (Cpanel)  مراجعه نمایید.
شاید بد نباشد این را هم بگویم که قالبهای از پیش طراحی شده اکثر پرتالهای آماده (از جوملا گرفته تا تالارهای گفتگو) معمولا بسیار سنگین هستند و ساختارهایشان نیز پر از فایلهای خارجی و کدهای اضافه است.

منبع : طراحی سایت ، طراحی وب سایت ، بهینه سازی سایت ، طراحی لوگو ، طراحی آرم

با سلام و احترام
خدمت کاربران عزیز وبکده به عنوان اولین پست خود و شروع همکاری با وبکده خواستیم 10 گام موثر برای جذب بازدید کننده رو براتون انتشار بدم از این پس مطالب جدید رو با موضوعات سئو و بهینه سازی سایت – بازاریابی و امثال اینان را در وبکده انتشار خواهیم داد. در ضمن عیدی ویژه ای هم به عنوان شروع همکاری با وبکدهرو براتون تنظیم کرده ام که انشاا… در روزهای آینده خواهید دید پس از این پس وبکده را با قدرت دنبال کنید!

خب بریم سر اولین مقاله

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

در زیر به ۱۰ گام موثر و پرکاربرد برای جذب بازدید کننده اشاره میکنیم:

۱- خبرنامه
خبرنامه ایمیلی داشته باشید. هنوز هم هستند کسانی که بجای خوراک، دوست دارند مطالب تازه سایتها رو درایمیل خود داشته باشند.
۲-وبلاگ
حتی اگر یک سایت رسمی دارید، بودن یک وبلاگ در کنار سایت رسمی، مزایای زیادی دارد. محیط وبلاگ کمی صمیمی تر و برای برقراری ارتباط راحت تر می باشد .
۳- پست مهمان
پست مهمان بنویسید ، این شیوه کمتر در بین وبلاگنویسان ایرانی دیده میشود اما یکی از موثرترین راه ها است. شما میتوانید یک مطلب قابل عرضه، به مدیر یک سایت ارسال کنید و از او بخواهید که آن مطلب را منتشر کند و ابتدا یا انتهای آن نام و لینک شما را درج کند .
۴- شبکه های اجتماعی
از شبکه های اجتماعی غافل نشوید و در آنها حساب کاربری با نام یکسان آدرس سایت خود بسازید. این کار باعث میشود که شما بازار بزرگتر و گسترده تری برای تبلیغ نوشتههای خود داشته باشید.
۵- به خود لینک دهید
کاملا واضح است که اگر در یک مطلب، به مطالب دیگر خود لینک دهید، بازدید شما بالاتر خواهد رفت و گردش و زمان ماندن در سایت بشتر خواهد شد.
۶- نمایش مطالب پرطرفدار
در صورت نمایش عناوین مطالب مهم احتمال کلیک بر روی آن بیشتر است و این امر گردش بیشتری را در سایت ایجاد میکند و بازدید بیشتری برای شما به ارمغان می آورد .
۷- ایجاد مطالب چالش انگیز
اگر میخواهید کاربرانتان را به بحث و چالش بیاندازید ، کافی است یک مطلب بحث برانگیز بنویسید که موجب
شود تا خوانندگان بر سر آن به بحث و چالش بپردازند .
۸- افزایش سرعت سایت
بهینه سازی تصاویر و اسکریپتها و css های قالب و انتخاب هاست مناسب میتوانند عامل مهم افزایش سرعت قالب باشند این یک مورد نقش مهمی را خصوصا در ایران ایفا میکند چرا که اکثر کاربران از اینترنت پرسرعت برخوردار نیستند و از سرعت پایین برخوردارند.
۹- فعالیت در انجمن های گفتگو
انجمن های گفتگو ، مکانی برای تجمع و گفتگوی افراد است. شما میتوانید لینک سایت خود را در انجمن های معروف قرار دهید (مثلا در امضای خود) و یا اینکه برای سایت خود یک انجمن بسازید.
۱۰-تولید محتوای جدید
بله مهمترین گام رو در آخر مینویسیم تا بیشتر در ذهنتان بماند فراموش نکنید که تولید محتوای جدید یکی از گام های مهم افزایش بازدید هدف دار میباشد به ذهنتان بسپارید از مطالب تکراری و کپی کردن پرهیز کنید و مطالب و محتوای سایتتان را جدیدتر و خلق شده از ذهنتان ایجاد کنید.سئو

این ۱۰ گام رو گفتیم انشاء ا… در آینده با روش ها و مقالات جدیدتری آشنا خواهید شد .
در ضمن طراحی سایت خود را به روز نگه دارید.

منبع : طراحی سایت ، طراحی لوگو

هنگامی که نتایج را بررسی می کنید ، شما در می یابید که افراد بسیارموفق با استعداد تر و با هوش تر از شما نیستند؛ بلکه به سادگی آموخته اند که چگونه کارهای خود را به روشی متفاوت تر و سود آورتر انجام دهند.

در اینجا یک لیست جامع از ایده های عملی مشتریان موفق ، همراه با راهنمایی ها و تکنیک هایی ارائه شده که راه کسب و کار شما را از بقیه جدا و از آن  یک تجربه موفق ایجاد می کند.

هنگامی که نتایج را بررسی می کنید ، شما در می یابید که افراد بسیارموفق با استعداد تر و با هوش تر از شما نیستند؛ بلکه به سادگی آموخته اند که چگونه کارهای خود را به روشی متفاوت تر و سود آورتر انجام دهند.

در اینجا یک لیست جامع از ایده های عملی مشتریان موفق ، همراه با راهنمایی ها و تکنیک هایی ارائه شده که راه کسب و کار شما را از بقیه جدا و از آن  یک تجربه موفق ایجاد می کند.

مهارت های مدیریتی:

1.     از تکنیک های تبلیغاتی در جهت انگیزه دادن به مشتریان خود برای خرید فوری استفاده کنید.

2.     جنبه های مختلف برای ترویج کسب و کار از جمله  پیشنهادات جدید، آیتم های جدید ، قیمت های جدید ، اطلاعیه های ویژه ، تبلیغات قوی تر و عناوین بهتر را آزمایش کنید.

3.     بهترین روش تبلیغات (پست الکترونیکی مستقیم، روزنامه، تلویزیون، رادیو)، برای جذب مشتریان خود را پیدا کنید.

4.     از تبلیغات به یاد ماندنی برای جدا کردن تجارت خود از دیگر تجارت ها استفاده کنید.

5.     برای خرید بیشتر مشتریان از فروشگاه خود، فرصت های جدید ایجاد کنید.

6.     قوانین تجارت های موفق دیگران را بر روی فروشگاه خود پیاده سازی کنید.

7.     به جای روش های قدیمی از تکنیک های جدید و منابع بهتر برای خرده فروشی با تکنولوژی بالا و سرعت بیشتر استفاده کنید.

8.     یک سیستم کنترل موجودی در جهت بررسی کاهش نرخ، عملکرد، مبلغ کالا، افزایش نرخ، سود و گردش مالی تنظیم کنید.

9.     تعیین کنید که برخی کالاهای خاص خود را بالاتر و یا پایین تر از نرخ بازار قیمت گذاری کرده اید.

10. از سیستمی برای ردیابی کالاهای کم سود و پر فروش ترین کالاهای خود استفاده کنید.

11. روش های مختلفی را برای ترتیب چیدن کالاها و نمایش آن ها در جهت خرید آسان تر مشتریان به کار بگیرید.

12. میانگین تراکنش فروش خود را به دست آورید و روش هایی برای افزایش آن پیدا کنید.

13. تراکنش فروش خود را با قیمت های بهتر، ارزش بیشتر و طرح های تشویقی افزایش دهید.

14. محصولاتی که برای مشتریان از نظر قیمت حساس هستند را بشناسید، زیرا که یا کمترین افزایش قیمت  در این کالاها به کاهش تقاضا منجر می شود.

15. حداکثر قیمتی که مشتریان حاضرند برای یک کالای خاص بپردازند را پیدا کنید.

16. در جهت ساده کردن امور روزمره از قبیل کنترل موجودی ، نقطه ی اوج فروش و تجزیه و تحلیل کلی ، تجارت خود را به سیستم کامپیوتری مجهز کنید.

17. میزان موجودی فعلی خود را ارزیابی کرده و هزینه های عملیاتی منظم خود را با آن متناسب سازید.

18. کالاهای متمایز و اجناسی که رقیبان شما موجود ندارند را به مشتریان خود ارائه دهید.

نکاتی برای یک فروشنده ماهر:

19. با شرکت های تجاری که آخرین فن آوری روز، سیستم های موجودی، سمینارهای آموزشی و سایر منابع مرتبط با صنعت را ارائه می دهند، همکاری کنید.

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

21. بودجه ای برای کالاهای معمولی و زیر قیمت تعیین کنید و برای آن ها نقشی در استراتژی خرید خود در نطر بگیرید.

22. مکانی قابل اعتماد برای خرید کالاهای تجاری معروف، جدید  و زیر قیمت عمده ایجاد کنید.

23. برای خرید کالاهای دارای طرح تشویقی و کالاهای زیر قیمت در جهت گسترش مرزهای سوددهی خود تلاش کنید.

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

25. برای دریافت قیمت های بهتر و تخفیف های تجاری به فروشگاه هایی مانند خودتان در سطح منطقه پیوندید.

26. با رستوران ها، باشگاه ها، یا هر چیز دیگری که می توانید با آن به طور مشترک به تبلیغات خاص بپردازید، همکاری کنید و از بازاریابی متقاطع بهره ببرید.

27. متعلق به دنیای تجارت باشید. در خبرنامه ها و نشریات تجاری عضو شوید تا همواره در جریان امور قرار بگیرید.

28. پیشنهادات کارکنان خود را در جهت بهبود کسب و کار و کاهش هزینه ها جویا شوید.

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

30. قدرت تصمیم گیری های مهم را به کارکنان خود دهید، حتی اگر به قیمت از دست دادن مقدار کمی از سرمایه ی شما در جهت راضی کردن مشتریان تمام شود.

31. نگذارید که احساسات مانع از تصمیم گیری دقیق و عاقلانه در تجارت شما شود.

منبع : طراحی سایت ، طراحی لوگو

شما هنوز هم از HTML5 استفاده نمی کنید؟ نه؟ احتمالا شما دلایل خود را برای استفاده نکردن از آن دارید. شاید چون ورژن های قدیمی اینترنت اکسپلورر از آن پشتیبانی نمی کنند شما آن را دوست ندارید و یا شاید هم عاشق کدهای سخت و دشوار XHTML هستید.



چه HTML5 را دوست داشته باشد و چه مایل به قبول آن نباشید HTML5 همان انقلابی است که طراحی وب به آن نیاز داشت و بی شک آینده عرصه وب را تسخیر خواهد کرد.



اگر از من می پرسید ، همین الان به شروع یادگیری آن بپردازید. بله ، دقیقا پس از خواندن این مقاله:



شروع آموزش جامع HTML5



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



فکر می کنم مشکل اصلی خیلی ها این است که HTML5 را به چشم موجودی مرموز میبینند. یا خیلی ها آن را ماشین پرنده یا جت پک تصور می کنند !!!! و یا شاید هم خیلی ها فکر می کنند استفاده از HTML5 خنده دار و سر گرم کننده است نه مفید!!!



اشتباه نکنید ، استفاده از آن بسیار ساده و عملی است. بله HTML5 یک واقعیت محض است. با به اشتراک گذاری این مطلب می توانید همه توسعه دهندگان وب را آگاه کنید که چرا باید از HTML5 استفاده کنند.



10. در دسترس بودن HTML5


به دو دلیل با HTML5 می توان براحتی سایت هایی با دسترسی راحت بوجود آورد:

• 
  
  • Semantics: تگ های جدیدی که در HTML5 قرار داده شده است مانند:
    <header> , <footer> , <nav> , <section> ,و . . . که به طراحی وبسایت اجازه می دهد تا براحتی محتوای وبسیات را بچینند. قبلا توسعه دهندگان حتی با استفاده از id , class برای مشخص کردن اعضای صفحه و قرار دادن آن ها در جای مناسب مشکل داشتند.
  • ARIA : ARIA تنظیمات w3c است که بطور گسترده ای مورد استفاده قرار می گیرد که کنترل اختصاص نقش ها را به عناصر و تگ های یک سندHTML برعهده دارد و همچنین نشانه های مهم یک صفحه : بالا صفحه , پایین صفحه و منو بار یا محتوای مقاله را بوسیله صفات نقش ها کنترل می کند. عمدتا این استانداردها رعایت نمی شود و اکثر صفحات ما دارای ایراد می باشند و استاندارد نیستند. HTML5 این صفات را اعتبار خواهد بخشید. HTML5 هوشمندانه به تخصیص صحیح نقش ها می پردازد و دیگر یک طراحی وبسایت مانند قبل نیازی به کنترل و ساخت نقش ها ندارد.

9. پشتیبانی از صدا و فیلم

Flash player و سایر ابزار های مدیا پلیر را با کد نویسی های سخت و طاقت فرسایش فراموش خواهید کرد.در HTML5 فیلم ها و صداهای خود را با دسترسی واقعی و به آسانی بروی وب قرار خواهید داد. تا قبل از این قرار دادن ویدئو و صدا در وبگاهتان بیشتر شبیه یک کابوس به نظر می رسید. استفاده از کد ها و تگ های خسته کننده <embed> و <object> و تعیین یک لیست بزرگ از پارامترها ، کد های گیج کننده و طولانی واااای !!!!!!! حتی پس از انجام این همه کار و کدنویسی باز هم نمی دانستید که آیا ویدئو یا صدای شما بدرستی پخش خواهد شد یا خیر !!
تمام شد، دیگر این کابوس ها را فراموش خواهید کرد. پای HTML5 که به میان بیاید همه مشکلات حل میشود، می خواهید فیلم یا ویدئو در صفحه وب خود قرار دهید ؟ تکه کد زیر کافیست:
<video src=”url”/>

می خواهید طول و عرض آن را نیز مشخص کنید ؟ نگران نباشید ، فقط مانند دیگر کد های HTML به تنظیم صفات آن بپردازید:
<video src=”url” height=”190px” width=”320px”/>

ولی باز خطر شیطانی استفاده از مرورگرهای قدیمی وجود دارد ، چند خط به کد های خود بیفزایید و کدهای HTML5 خود را کامل کنید. بدین صورت:




<video poster="myvideo.jpg" controls >
<source src="myvideo.m4v" type="video/mp4" />
<source src="myvideo.ogg" type="video/ogg" />
<embed src="/to/my/video/player"> </embed>
</video>

[/COLOR]

• کشیدن و رها کردن (Drag and Drop (DnD
• پایگاه ذخیره سازی آفلاین
• مدیریت تاریخچه مرورگر
• ویرایش اسناد
• پخش مدیا ، صدا و تصویر

4. توسعه بازی های اینترنتی

بله درست است. شما میتوانید با تگ <canvas> بازی هایی تولید کنید.HTML5 ابزار مناسبی را برای توسعه بازی های تحت وب ارائه می دهد.
امروزه اکثر مردم یک موبایل هوشمند به همراه دارند و یک بازی آنلاین و پویا می تواند مخاطب های فراوانی به خود جذب کند. قبلا از فلش برای این کار استفاده میشد.
لینک های زیر آموزش هایی هستند که برای طراحی بازی های HTML5 در نظر گرفته شده اند:




3. پشتیبانی تمامی مرورگرهای قوی روز از HTML5

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






2. موبایل ،موبایل و موبایل

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

• viewport: به شما کمک می کند تا به تنظیم عرض و تنظیمات زوم آن بپردازید.
• full screen browsing: مقدار خاص ios که به دستگاه های اپل اجازه می دهد تا صفحه را به صورت تمام صفحه مشاهده کنند.
• Home Screen Icons: مانند favicon ها آیکون هایی برای اضافه کردن صفحه به صفحات دلخواه هستندکه درios و دستگاه های اندروید استفاده میشوند.

[B]





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

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

منبع : طراحی سایت

بهینه سازی سایت برای موتور های جستجو یا سئو یا SEO یا همان Search Engine optimizing به یک سری کار هایی گفته می شود که برای افزایش رانکینگ در موتور های جستجو و در نهایت افزایش ترافیک وب سایت انجام می شود که این کار ها یا اصلاحات برای موفقیت یک وب سایت ضروری است در صورتیکه این مهم را نادیده بگیرید پیشرفت وب سایت شما کند می شود ترافیک مناسب نخواهید داشت و وب سایت شما کمتر دیده خواهد شد اگر وب سایت خوبی داشته باشید با محتویات جذاب اما روی بهینه سازی آن در موتور های جستجو به اندازه کافی سرمایه گذاری نکنید مانند این است که روزنامه ای منتشر کنید و برای پخش آن در روزنامه فروشی ها فعالیت لازم را انجام ندهید و بگویید مطالب من آنقدر جذاب هستند که مردم خودشان بدنبال آن به دفتر روزنامه می آیند ولی خود می دانید که در عمل چنین اتفاقی نمی افتد. شاید فکر کنید بهینه سازی وب سایت یا سئو نیاز به هزینه زیادی دارد و من نمی توانم از عهده آن برآیم اما باید به شما بگویم که این حرف کاملا درست نیست چون بسیاری از این کار ها نیازی به هزینه ندارد و برخی را هم می توانید با کمترین هزینه و کمی تلاش انجام دهید. در این مقاله و چند مقاله بعدی به بررسی راهکار هایی برای بهینه سازی سایت در موتور های جستجو یا همان سئو می پردازیم. آنچه در این مقالات می بینید حاصل تجربیات بنده در یاد بگیر دات کام و تحقیقاتی است که در 10 سال گذشته انجام داده ام و حتی ممکن است برخی از این نکات را قبلا هم در مقالات ما دیده باشید اما سعی بنده در این بوده است که تا حد ممکن این مقاله جامع و کاربردی باشد و بتواند تا حد ممکن مشکل مدیران وب سایت هایی را که از رتبه وب سایت خود در موتور های جستجو شکایت داشته اند را برطرف نماید حتی برخی از آنها هزینه زیادی هم به شرکت هایی که کار بهینه سازی سایت را انجام می دهند پرداخته اند اما نتیجه دلخواه خود را نگرفته اند.



و اما نکات لازم برای بهینه سازی سایت یا سئو:
یک نقشه سایت یا sitemap بسازی موتور های جستجو نقشه سایت را دوست دارند. این کار مستقیماً رانکینگ وب سایت شما در موتور های جستجو را بالا نمی برد اما برای پیدا کردن لینک ها در وب سایت شما کمک می کند. راستش را بخواهید اینکه نقشه سایت یا sitemap شما به فرمت XML , HTML , TEXT باشد یا مخصوص گوگل باشد خیلی فرق نمی کند مهم این است که به موتور های جستجو کمک کند تا محتویات مورد نظر شما را ببیند. البته مهم است که بدانید کدام موتور جستجو بیشترین ترافیک را برای شما می فرستد و سعی کنید نقشه سایتی مناسب با آن برای وب سایت خود بسازید. از گوگل به عنوان بزرگترین موتور جستجو و Google sitemap غافل نشوید. شما حتی می توانید چندین نقشه سایت به فرمت های مختلف داشته باشید. نقشه سایت یاد بگیر دات کام را ببینید!
301 redirect یا ارجاع دائمی
زمانی پیش می آید که صفحه ای از وب سایت خود را به سایت یا صفحه دیگر ارجاع می دهید طوری که وقتی کاربر آن صفحه را باز می کند بلافاصله به صفحه مورد نظر شما هدایت می شود به این کار redirect می گویند اما وقتی این عمل را انجام می دهید باید متوجه باشید که اسپمر ها هم از این روش استفاده می کنند و به این ترتیب کاربران را گول می زنند و آنها را به صفحه ای غیر مرتبط هدایت می کنند به همین دلیل این کار از نظر موتور های جستجو خیلی خوشایند نیست اما یعضی مواقع این کار لازم است مثلا وقتی که آدرس ها در وب سایت شما تغییر کرده اند یا یک قسمت از وب سایت خود را با دامنه ای جدید از وب سایت قدیمی جدا می کنید مجبورید از این روش استفاده کنید اما در این شرایط بهتر است به موتور جستجو بفهمانید که این جابجایی دائمی است و هدف شما گول زدن کاربر و سوء استفاده از او نیست. به همین دلیل بهتر است از ارجاع دائمی یا 301 http server redirect استفاده کنید. این کار به موتور های جستجو می گوید که این یک ارجاع دائمی است و آنها باید در بانک اطلاعاتی خود بازنگری کنند و آدرس صفحه جدید شما را با آدرس یا لینک قبلی جایگزین کنند. و چون اسپمر ها از redirect 302 یا موقت استفاده می کنند فکر خوبی نیست که شما هم از آن استفاده کنید.
فقط برای لینک های خیلی طولانی یا سخت از redirect 302 یا ارجاع موقت استفاده کنیدوقتی که از ارجاع موقت یا 302 استفاده می کنید به موتور های جستجو می گویید که نباید آن صفحه قبلی حذف شود و بلکه از صفحه جدید بخاطر لینک ساده و کوتاه یا کاربر پسند آن استفاده می کنید. اما در استفاده از این نوع ارجاع بسیار محتاط باشید و فقط در صورت لزوم از آن استفاده کنید چون این روش اسپمر هاست.

تا می توانید لینک های خارجی بگیرید.
لینک های خارجی از وب سایت ها و وبلاگ های دیگر به سایت شما داده شده است. این لینک ها بسیار ارزشمند هستند. و اگر لینک های زیادی از سایت ها و وبلاگ های دیگر به سایت شما داده شود کمک بزرگی برای افزایش رانکینگ وب سایت شما خواهد بود. بخاطر داشته باشید اگر یک یا دو لینک از یک وب سایت با رانکینگ بالا بگیرید بهتر از این است که از 10 لینک از وب سایت هایی با رانکینگ پایین داشته باشید.
کلمات کلیدی خود را در پاراگراف اول قرار دهید
تکرار شدن کلمات کلیدی در مقاله مهم است. اما مهمتر از آن وجود این کلمات کلیدی در چند سطر اول مقاله است. بنابراین باید سعی کنید مقدار بیشتری از متن و کلمات کلیدی خود را به پاراگراف اول منتقل نمایید.
بهینه سازی سایت با گنجاندن کلمات کلیدی
عکس ها جای مناسبی برای قرار دادن کلمات کلیدی هستند در کد HTML مربوط به عکس می توانید توضیحات و کلمات کلیدی مرتبط با آن قرار دهید به این ترتیب کلمات کلیدی را بدون اینکه در معرض دید کاربران به صورتی غیر طبیعی تکرار شود و آنها را اذیت کند به موتور های جستجو نمایش داده اید. اما مراقب باشبد در این کار زیاده روی نکنید به این کار Keyword Stuffing می گویند و به معنای جاسازی کلمات کلیدی است یعنی شما با جاسازی کلمات کلیدی سعی در گول زدن موتور های جستجو داشته اید و طبیعتا از طرف موتور های جستجو مجازات خواهید شد و در رتبه وب سایت شما و ترافیک آن تاثیر منفی خواهد داشت. همیشه به یاد داشته باشید بهینه سازی سایت با زیاده روی سازگار نیست!
فونت کلمات کلیدی خود را بزرگتر کنید.
موتور های جستجو طوری برنامه ریزی شده اند که وقتی متن را می خوانند به اندازه فونت هر کلمه اهمیت می دهند و وقتی که یک کلمه فونت بزرگتری نسبت به بقیه متن داشته باشد آنرا مهمتر تشخیص می دهند. برای این منظور از CSS یا تگ های فونت استفاده کنید. برای تیتر های مقاله یا متن خود از فونت بزرگتر استفاده کنید.
برای کلمات کلیدی خود از فرمت متفاوت استفاده کنید
برای اینکه کلمات کلیدی خود را متفاوت از بقیه نمایش دهید از تگ های <strong>و <em> استفاده کنید موتور های جستجو می توانند این تک ها را بخوانند و بفهمند که کلماتی که با این تگ ها مشخص شده اند مهمتر از بقیه متن هستند.

منبع: بهینه سازی موتورهای جستجو

دو داستان در مورد لوگو و علامت تجاری ب ام و نقل می‌شود که هرکدام روایت خود را از خانه‌های آبی و سفید این لوگو بیان می‌کند. براساس یکی از این روایت‌ها این لوگو از پره‌های پروانه موتور هواپیما در حال چرخیدن، الهام گرفته شده است. روایت دیگر این آرم را به به ایالت بایرن، محل تولید محصولات ب ام و مربوط می‌داند. با نگاهی دقیق‌تر به منابع موجود و زمینه‌های تاریخی می‌توان فهمید کدام از این دو روایت غیرواقعی و کدامیک از لحاظ تاریخی اعتبار بیشتری دارد. 
داستان اول از مقاله‌ای شروع شد که سال ۱۹۴۲ در نشریه ورکزایتشریف ب ام و چاپ شد. نویسنده این مقاله ویلهلم فارنکوپف مدیر وقت بخش مطبوعات و رسانه‌های ب ام و بود. او در مقاله خود نوشته بود چطور مهندسان ب ام و برای طراحی موتور هواپیما و برای الهام‌ گرفتن، پشت میز طراحی خود نمی‌مانند و به باند فرودگاه و آشیانه هواپیماها می‌روند. 
او در آن مقاله که مایه شاعرانه‌ای هم داشت تصویری از مهندسان ب ام و ترسیم کرد و در توصیف این تصویر نوشت «او مقابل هواپیما و رو به موتور هواپیما می‌ایستد و به این محصول فنی که هنرمندانه هم تولید شده می‌اندیشد. همچنان که پروانه موتور زیر اشعه آفتاب می‌چرخد و به درخشش درمی‌آید، نیروی جادویی موتور با سیلندرهای فلزی در مقابل آبی درخشان آسمان می‌درخشد، آسمانی که مقصد نهایی‌اش هم همانجاست
فارکنپوف در چند جای دیگر این مقاله باز هم به ارتباط پره‌های پروانه موتور هواپیما و آسمان آبی اشاره کرد. مثلاً اینکه چطور پروانه موتور ب ام و زیر نور آفتاب می‌درخشد و اینکه وقتی مهندس ب ام و در آن تصویر خیالی به پروانه در حال چرخش نگاه می‌کند همزمان آسمان آبی را هم از لای پره‌های پروانه می‌بیند. 


او سه حرف ب ام و را می‌بیند که در بازتاب پره‌های پروانه ظاهر می‌شوند. او این تصویر را می‌گیرد و با یک طرح آن را جاودان می‌کند. و سپس لوگوی کمپانی متولد می‌شود. دو مخروط نقره‌ای تبدیل به خانه‌های سفید می‌شوند و با ترکیبی از خانه‌های آبی لوگوی سفید و آبی کمپانی ب ام و را تشکیل می‌دهند.»
به نظر خود فارنکوپف، چنین توضیحی برای اینکه لوگوی ب ام و چطور طراحی شده بسیار منطقی بود. با این که تعبیر شاعرانه فارنکوپف اغوا کننده بود، اما با وجود چند اشتباه تاریخی این روایت نمی‌تواند منطقی باشد.
ب ام و اولین موتور هواپیمای خود را در ماه مارس ۱۹۱۸ آزمایش کرد، یعنی دست کم شش ماه بعد از آن که لوگوی این شرکت طراحی شده بود. همچنین، فارنکوپف در مقاله خود به یک موتور ۳۲۰ اسب بخار (BMW Va) به عنوان اولین موتور هواپیما ساخت ب ام و ساخت اشاره می‌کند، در حالی که تولید این موتور از سال ۱۹۲۷ شروع شد و اولین موتور هواپیما که ب ام و تولید کرد ایلا (BMW Illa) نام داشت که ۱۸۵ اسب بخار قدرت داشت.
از این گذشته، پروانه‌های موتورهای ب ام و را اصلاً ب ام و نمی‌ساخت. ضمن این که جرقه اولیه چنین روایتی از طراحی لوگوی ب ام و زمانی شکل گرفت که روی یکی از نشریات ب ام و تصویر هواپیمایی را انداخته بودند که در حال پرواز به طرف بیننده است و عبارت ب ام و روی پروانه‌های آن نقش بسته است. این پوستر در اولین شماره این نشریه در سال ۱۹۲۹ منتشر شد یعنی دوازده سال بعد از اینکه لوگوی ب ام و طراحی شد. 


فارنکوپف که اصرار داشت آرم ب ام و از پروانه موتور الهام گرفته شده است، در انتهای مقاله خود همچنین نوشت «البته رنگ آبی و سفید این لوگو بطور اتفاقی یادآور شهر محل تولید خود یعنی بایرن هم هست.»

روایت بایرن

این که یک شرکت در طراحی آرم خود از رنگ هایی استفاده کند که به سمبل محل تولید آن اشاره کند، امری طبیعی است و البته شواهدی موجود است که این ارتباط را درباره آرم ب ام و مستند می‌کند.
در مدارک ثبت اولیه کمپانی در مورد دامنه فعالیت ب ام و مواردی از قبیل «تولید وسایط کشاورزی، هواپیما، وسایل نقیله آبی، اتومبیل، دوچرخه، لوازم جانبی خودرو و دوچرخه، موتورهای ثابت با سوخت جامد، مایع و گاز، و قطعات و لوازم جانبی آنها» دیده می‌شود. از این نوشته می‌توان فهمید که دامنه کاری ب ام و از ابتدا بر تولید موتور هواپیما متمرکز نبوده و بنابراین خیلی بعید است که لوگوی کمپانی را مرتبط با موتور هواپیما طراحی کرده باشند.


از طرف دیگر، کمپانی ب ام و در ابتدا زیر مجموعه کمپانی دیگری به نام رپ موتور (Rapp Motorenwerke GmbH) بود که در ژوییه سال ۱۹۱۷ به ب ام و تغییر نام داد و تمام متعلقات کمپانی رپ موتور هم در اختیار ب ام و قرار گرفت. لوگوی کمپانی رپ شامل سر یک اسب سیاه بود (Rapp به معنی اسب سیاه) و دور آن هم یک دایره بود. یعنی لوگوی این کمپانی کاملاً به نام آن می‌خورد، بنابراین می‌توان حدس زد که قاعدتاً باید همان منطق سر راست در طراحی لوگوی ب ام و هم به کار رفته باشد. 
از همه گذشته از آنجایی که در اسم تجاری ب ام و به بایرن اشاره شده (Bayerische Motoren Werke)، بنابراین بطور منطقی باید ارتباطی بین نام کمپانی با لوگوی آن دیده شود.

منطق پولادین، افسانه شیرین‌
براساس شواهد موجود منطقی‌تر به نظر می‌رسد که فرض کنیم هنگامی‌ که مدیران ب ام و در سال ۱۹۱۷ لوگوی این شرکت را طراحی می‌کردند، هیچ تصویری از پره‌های پروانه موتور هواپیما در ذهن خود نداشتند. بلکه براساس منطقی که لوگوی شرکت رپ موتور طراحی شده بود، آرم ب ام و را طراحی کردند و ترکیب رنگ آبی و سفید هم اشاره‌ای به رنگ ملی بایرن یعنی محل تولید محصولات ب ام و است.
روایت پره‌های پروانه از سال ۱۹۲۹ شکل گرفت و عده‌ای بر این باورند که پیش کشیدن چنین تعبیری از لوگوی ب ام و عمدی بود و خود این شرکت در اواخر دهه ۱۹۲۰ برای تبلیغ، به چنین ایده‌ای پر و بال داد.
اما واقعیت هر چه باشد این روایت هم حدود ۷۵ سال است طرفداران زیادی پیدا کرده است. اگر هدف ب ام و این بوده که ما هنگام تماشای آرم این کارخانه به جای آنچه الهام بخش طراح بوده به یاد پره‌های پروانه موتور هواپیما و آسمان آبی بیفتیم، باید گفت پرفروش‌ترین سازنده ماشین‌های لوکس جهان تا حد زیادی موفق شده است. 

منبع: طراحی آرم و لوگو

راهنمای سئو وب سایت برای طراحان وب