نوشته شده توسط : پویا عماد

تبلیغ در گوگل


گوگل به عنوان پربازدید ترین سایت موجود یکی از بهترین سایت هایی می باشد که می توانید توسط آن تبلیغات وب سایت خود را انجام دهید. تبلیغ در گوگل را می توان به دو روش ادوردز (Adwords) و سئو (SEO) انجام داد که در بخش زیرین به توضیحات هر بخش می پردازیم:تبلیغ در گوگل از طریق ادوردز Adwords

برای تبلیغ به این صورت می بایست وارد وب سایت ادوردز گوگل به آدرس http://adwords.google.com شوید و تبلیغ خود را فعال نمایید. فعال نمودن تبلیغ نیاز به کارت اعتباری معتبر دارد و همچنین گوگل پس از مدتی حساب شما را فعال خواهد نمودو انجام این کار نیاز به تجربه بسیار داد. در این روش شما می توانید کلمات کلیدی را برای موتور جستجوی گوگل مشخص نمایید تا زمانی که کاربر کلمه مورد نظر را جستجو نمود سایت شما در نتایج جستجو نمایش داده شود. این تبلیغ در بالا و یا سمت راست نتایج جستجوی گوگل نمایش داده می شود. پس زمانی که کاربر در موتور جستجو مطلب مورد نظر شما را جستجو نمود سایت شما جزو موارد Ad در نتایج جستجوی گوگل نمایش داده می شود. هزینه این نوع تبلیغ به دو روش پرداخت می گردد که روش اول و مناسب ترین روش زمانی است که کاربر بر روی تبلیغ شما کلیک می نماید که هزینه کلیک از حساب شما کسر می گردد. هزینه بابت هز کلیک بسته به کلمه کلیدی می باشد در برخی از کلمات کلیدی هزینه تبلیغ در حدود 1 سنت و در برخی دیگر در حدود چند دلار نیز حتی می باشد. در روش دوم پرداخت هزینه تبلیغ به این صورت می باشد که گوگل برای تعداد نمایش معینی از حساب شما مبلغی را کسر می نماید به عنوان مثال هر 1000 نمایش سایت شما در نتایج تبلیغ 10 دلار. این نوع تبلیغ هم اکنون در ایران فیلتر می باشد و کاربران پس از کلیک بر روی تبلیغ شما نمی توانند وارد وب سایت شما شوند. اخیرا شماره تماس ها در تبلیغ در نظر گرفته می شوند تا زمانی که کاربری قصد تماس با مجموعه را داشت بتواند با شرکت تماس برقرار نماید. این نوع تبلیغ کماکان برای کاربران خارج از ایران بدون مشکل قابل نمایش می باشد.

 

منبع : طراحی سایت ، طراحی وب سایت ، طراحی لوگو ، طراحی کاتالوگ ، ساخت لوگو ، سفارش طراحی لوگو ، طراحی آرم ، طراحی ارم

 




:: بازدید از این مطلب : 670
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : پنج‌شنبه 10 مهر 1393 | نظرات (0)
نوشته شده توسط : پویا عماد

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


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






تاثیر جی کوئری بر طراحی نسل دوم وب


معروفترین و رایجترین این کتابخانه‌ها jQuery است که همزمان با مطرح شدن نسل دوم وب یا Web 2.0 و به موازات نیازهای تازه معرفی شد. از دیگر کتابخانه‌های کاربردی می‌توان به YUI، ProtoType، MooTools و... اشاره نمود. یکی از مواردی که اکثر این کتابخانه ها در خود جای داده‌اند، بحث حرکت است. امروزه شاهد آنیم که روزانه ده‌ها و شاید صدها ایده جدید بر مبنای jQuery در اینترنت معرفی می‌شوند و طراحان وب حتی بدون نیاز به داشتن دانش jQuery می‌تواند از این ایده‌ها و کدهای آماده و رایگان در سایتهای خود استفاده کنند و بومی‌سازی نمایند.


اما jQuery و همقطارانش چه ویژگیهایی دارند که اینچنین مورد استقبال قرار گرفته؟ اصلی ترین ویژگی آن در شعار جی‌کوئری یعنی "Write Less, Do More" نهفته است: می‌توان با چند خط کد ساده (که آن‌هم می‌تواند در یک فایل external قرار گیرد و به صفحه اصلی لینک شود)، حرکتها و ایده‌های خارق العاده‌ای را اجرا نمود. از پیشرفته‌ترین نوع اسلایدرها و گالری‌های متحرک گرفته، تا منوها و Tabها و افکتهای Fade و حتی تصاویر انیمیشنی کامل. بله، قابلیتهای نهفته جی‌کوئری حتی آنقدر زیادند که نمونه هایی از انیمیشن داستانی نیز با آن ساخته شده! بنابراین در برخی زمینه‌ها می‌تواند رقیب جدی Flash محسوب شود و با فانکشنهای پیشرفته اش و سازگاری کاملش با SEO و استانداردهای وب، کم کم بر تمام پهنه اینترنت گسترده شود. همانطور که هم اکنون نیز بسیاری از سایتهای خبری و اطلاع رسانی از این کدهای قوی برای تنوع و تحرک بصری خود استفاده می‌کنند. نمونه ای از این افکتهای خارق العاده را می توانید در این سایت ببینید.


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




:: بازدید از این مطلب : 748
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : یکشنبه 06 مهر 1393 | نظرات (0)
نوشته شده توسط : پویا عماد

خبرنامه چیست؟ اهمیت خبرنامه میان وبمستران

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

 

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

ارسال خبرنامه توسط ایمیل

ایجاد خبرنامه با feedburner

برای ایجاد خبرنامه با feedburner در ابتدا باید یک حساب کاربری گوگل داشته باشید, اگر ندارید یکی بسازید !

 

حساب کاربری گوگل خود را ایجاد کنید

 

برای ایجاد یک حساب کاربری گوگل به این لینک بروید:                          حساب کاربری گوگل خود را ایجاد کنید

سپس برای ایجاد خبرنامه برای سایت به این لینک مراجعه کنید:                 Create newsletter for site

در کادر موجود که در تصویر هم مشخص شده باید آدرس فید (feed)  سایت خودتان را وارد کنید

مانند : helpor.ir/feed

و تیک I am a podcaster را هم بزنید و روی Next کلیک کنید.

ایجاد خبرنامه با فیدبرنر

 

در مرحله بعد به طور خودکار عنوان فید و آدرس فید ایجاد میشود و لازم نیست چیزی را تغییر بدهید و رو Next کلیک کنید

ایجاد خبرنامه برای سایت مرحله2

 

تبریک ! خبرنامه شما توسط فیدبرنر اکنون ساخته شد ! اما هنوز تکمیل نشده, روی Next کلیک کنید و سه مرحله را بگذرانید و Next را بزنید

اکنون باید به صفحه ای که در تصویر مشخص شده رسیده باشید سپس رو سربرگ Publicize کلیک کنید

ایجاد خبرنامه برای سایت مرحله3

 

در صفحه بازشده مانند تصویر روی گزینه Email Subscriptions کلیک کنید

 

 

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

ایجاد خبرنامه برای سایت مرحله5

 

همان طور که میبینید Active شد در آخر هم کد ایجاد خبرنامه را که در تصویر مشخص شده در جای مناسب سایت خود قرار داده و از خبرنامه خود لذت ببرید.

 

 

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

 

منبع : طراحی سایت ، طراحی وب سایت ، طراحی لوگو ، طراحی کاتالوگ ، ساخت لوگو ، سفارش طراحی لوگو ، طراحی آرم ، طراحی ارم




:: بازدید از این مطلب : 645
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : چهارشنبه 02 مهر 1393 | نظرات (0)
نوشته شده توسط : پویا عماد
در دنیای امروز ماطراحی لوگو ها نقش بسیار مهمی برای هویت بخشی به یک مجموعه ایفا می کند . خواه مجموعه شما اقتصادی ، فرهنگی یا خدماتی باشد ؛ این لوگوی شماست که شما را به بقیه معرفی می کند. چگونه می توان یک لوگوی خوب را از یک لوگوی بد تمیز و تشخیص داد ؟
لوگو یک شناخت سریع ، الهام بلادرنگ ، ایجاد حس صداقت و اعتماد است و در عین حال می تواند برعکس همه این ها هم باشد . لوگو معرف شرکت و تجارت شما و یا خدمتی است که ارائه می دهید . معمولا لوگوها از نوشتار ، فرم ، رنگ و حجم تشکیل می شوند .
لوگوی خوب عبارت است از یک لوگوی ممتاز ، اختصاصی ، کاربردی و در عین حال ساده . پنج ویژگی اصلی را می توان برای یک لوگوی خوب نام برد :


  1. سادگی
  2. ماندگاری در ذهن
  3. قدیمی نشدن به مرور زمان
  4. همه منظوره بودن
  5. مرتبط بودن


سادگی

لوگوی گروه شرکت های آواژنگ - لوگوی شرکت فراسو
طراحی ساده لوگو باعث می شود سریع تر و بهتر از سایر لوگوها بازشناخته شود . سادگی در طراحی لوگو به ماندگاری لوگو در ذهن کمک می کند . لوگو را تازه نگه می دارد و کمک می کند “مرور زمان” از تاثیر گذاری اش نکاهد .
همچنین سادگی طراحی لوگو به ما کمک می کند تا بتوانیم از لوگو به صورت همه منظوره استفاده کنیم . به این مفهوم که لوگو در انواع نیازمدی ها مانند انواع چاپ و اشکال هندسی شکل واحد خود را حفظ می کند .
ماندگاری در ذهن


لوگوی بیمه آسیا و روزنامه کیهان

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


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


همه منظوره بودن


لوگوی شرکت تالیا و WWF national organizations
یک لوگو خوب باید بتواند در موارد کاربردی گوناگون استفاده شود . در گام نخست حتما باید یک لوگوی برداری باشد .لوگو باید بتواند در تمامی سایز ها از بسیار بزرگ تا سایز عادی کیفیت خود را حفظ کند . همچنین لوگو در حالت های عمودی و افقی باید کارآمد باشد .
مرتبط بودن


لوگوی شرکت قطار شهری ایران ( مترو) و شرکت لبنیاتی روزانه
بهتر است در برخی از موارد محدود لوگو با فعالیت شرکت همسو و مرتبط باشد . به عنوان مثال اگر شما قرار است برای یک اسباب بازی فروشی لوگو طراحی کنید ، بهتر است از فونت و رنگ های کودکان بهره ببرید . مرتبط بودن لوگو با حرکتی که شما دنبال می کنید ، به هویت مطلوب تر کمک بسیاری می کند .
البته در مواردی لوگو نیازنیست که با فعالیت شرکت شما ارتباط مستقیم داشته باشد ، لوگوی یک شرکت اتومبیل سازی لزوما نیازی نیست که یک ماشین باشد و یا یک شرکت کامپیوتری نیازی نیست در لوگوی خود از کامپیوتر استفاده کند .
اگر به لوگوی نوکیا نگاهی کنید ، اثری از موبایل نخواهید یافت . در این موارد لوگو تنها به وجه تمایز شرکت ها کمک می کند و معرف کار شرکت نیست . اگر به ۵۰ برند برتر جهان نگاهی داشته باشید در ۹۴ درصد آنها لوگو ، نشانگر فعالیت شرکت نیست .
اخبار برندها
منبع: طراحی لوگو،طراحی کاتالوگ ، چاپ سربرگ ، طراحی آرم ، طراحی سایت



:: بازدید از این مطلب : 679
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : یکشنبه 30 شهریور 1393 | نظرات (1)
نوشته شده توسط : پویا عماد
آنچه در زیر مطالعه می‌فرمایید بخشی از یک سخنرانی است که در همایش استانداردهای وب و بستر وب باز، توسط ناصر حاجلو درباره با وب فونت (Web Fonts) بیان شده و در وبلاگ وب تارگت منتشر شده است:
 
"...یک فونت از قسمت‌های مختلفی تشکیل شده است. که عبارت است از کاراکتر ها، حروف و سمبل‌هایی هستند که در یک فونت وجود دارند. از طرفی دیگر یک کاراکتر دارای حالات مختلفی است، برای مثال کاراکتر ب از حالات ب – بـ – ـبـ – ـب تشکیل شده است، این حالات مختلف یک کاراکتر را گلیف می‌گویند. ابزاری به نام موتور رندر متن با توجه به مشخصات هر کاراکتر نسبت به کاراکترهای بعد و قبل از آن یکی از حالات مختلف گلیف مورد نظر را شناسایی کرده و بر روی خروجی ترسیم می‌کند.
اما نکته مهمی که باید به آن توجه داشت این است که هر گلیف دارای کد متفاوتی است که به آن کد پوینتگفته می‌شود. در سالهای آغازین دنیای کامپیوتر، تمامی مراودات انجام شده با کامپیوتر با استفاده از زبان انگلیسی و یکسری سمبل‌های خاص انجام میشد. این دسته از حروف در استانداردی با نام اسکی گنجانده شدند.
 
 
با فراگیرتر شدن کامپیوترها در نیمه دوم دهه ۹۰ میلادی، نیاز بود تا زبان‌های بیشتری به دنیای دیجیتال وارد شود. به همین دلیل تولیدکنندگان کامپیوتر اقدام به ایجاد استاندادرهای مختلف کردند که هر استاندارد حاوی کاراکترها و سمبل‌هایم ورد نیاز یک یا چند زبان با ریشه مشترک بود. به این صفحات کدپیج گفته میشد. متاسفانه وجود کدهای برابر و یکسان در کدپیج‌های مختلف باعث سردرگمی کاربران شده بود. برای مثال شخصی با استفاده از کدپیج زبان آلمانی یک متن را می‌نوشت و دیگری بدون اینکه اطلاعی از کدپیج نگارنده داشته باشد، با استفاده از کدپیج روسی اقدام به مطالعه متن می‌کرد. نتیجه آنکه متنی که کاربر نهایی مطالعه می‌کرد حاوی یکسری کاراکتر و سمبل زبان روسی بود که هیچ ارتباطی با متن نوشته شده به زبان آلمانی نداشت. با ازدیاد این مشکلات کنسرسیومی به نام یونی‌کد اقدام به وضع استانداردی کرد که با نام خود این کنسرسیوم به نام Unicode شناخته می‌شود.
 
استاندارد یونیکد:
یونی‌کد، حاوی اطلاعات مربوط به کاراکترها و سمبل‌های تمامی زبان‌های زنده و مرده دنیاست. این استاندارد با مشخص کردن جداول متفاوت، زبانهای با ریشه مشترک را مانند زبان عربی، فارسی، فارسی دری، اردو و غیره را در یک جدول جای داده و تمامی اطلاعات مورد نیاز آنها را شامل می شود . بدون اینکه کد مورد استفاده در یک گلیف، در گلیف دیگری در هر زبان دنیا استفاده شده باشد.
 
 
در سالهای ابتدایی دنیای وب، قراردادن اطلاعات در وب از اهمیت بسزایی برخوردار بود. هر زبانی، مهمترین آثارش را در وب ثبت می‌کرد تا به دست دیگران برساند. لیکن بدلیل محدودیت‌های ابتدایی، صرف قراردادن اطلاعات در وب ، نگارنده و خواننده را راضی نگاه می‌داشت. با پیشرفت‌هایی که در طول سالهایی اندک صورت پذیرفت، این قابلیت ایجاد شد که صفحات بصورت زیباتری به نظر خواننده برسد.
 
دوستانی که در زمینه طراحی سایت فعالیت دارند، با استفاده از تصاویری با پیش‌زمینه شفاف به خلق متون با کیفیت و زیبا پرداختند و همین امر باعث بوجود آمدن موج دوم نمایش اطلاعات در وب شد. نهایتا با توجه به نیاز کاربران برای نمایش متون زیباتر در وب شرکت‌های مختلف اقدام به وضع استانداردهای داخلی کردند تا با رعایت آنها، مطالب با شکل زیباتری به نظر بیننده برسد. اما قدم آخر، استاندارد یکسانی بود که برای رعایت در تمامی مرورگرهای وب پیشنهاد شد. وب فونت ؛ گرچه از سال ۲۰۰۹ میلادی هنوز به عنوان یک پیشنهاد باقی مانده، لیکن بدلیل پشتیبانی بسیار خوب تبدیل به تنها روشی شده که طراحان وب از آن برای خلق متون زیباتر بهره ببرند.
 
در سالهای ابتدایی وب، طراحان وب برای نمایش متون مورد نظر از فونت‌های استاندارد استفاده می‌کردند. برای زبان فارسی، عموم وب‌سایت‌ها از فونت Tahoma استفاده می‌کردند، تنها دلیل استفاده از این فونت، اطمینان خاطر از وجود این فونت در سیستم کاربر نهایی بود. با ظهور وب فونت‌ها این قابلیت بوجود آمد که طراح صفحه وب، یک فونت که در سیستم کاربر وجود نداشت را، در صفحه وب مورد نظرش استفاده کند و مطمئن باشد که کاربر نهایی صفحه مورد نظر را با استفاده از فونت دلخواه او مشاهده می‌کند.
در آغاز موج نو نگرش به فونت‌ها در وب، شرکت‌های تولید کننده مرورگر اقدام به وضع استانداردهای داخلی برای پشتیبانی از فونت‌های خاص کردند. برای مثال مرورگر اینترنت اکسپلورر از فرمت EOT پشتیبانی می‌کرد در حالی که فایرفاکس از فونت‌های TTF پشتیبانی می‌کرد. به تدریج مرورگرهای مختلف از فرمت‌های مختلف فونت پشتیبانی کردند و این پشتیبانی‌های متفاوت از فونت‌های متفاوت باعث بوجود آمدن تفاوت در نمایش حروف گردید. بعضی مرورگرها کلمات را با وضوح بهتری نمایش می‌دادند در حالی که برخی دیگر وضوح نمایش کمتری داشتند.
از طرف دیگر، وجود موتورهای رندر متن متفاوت در مرورگرها باعث بوجود آمدن مشکلاتی در نمایش حروف میشد. که البته این مشکل هنوز هم وجود دارد. برای مثال عمده مرورگرهای نصب شده در ویندوز ایکس پی اعم از اینترنت اکسپلورر ۶ – فایرفاکس پیش از نسخه ۴ – اپرا – سافاری و غیره از موتور رندر متن پیش‌فرض ویندوز، Uniscribe استفاده می‌کنند که از Grayscale Antialiasing برای نمایش متون استفاده می‌کند. اما اینترنت اکسپلورر ۷ و ۸ از ClearType برای نمایش متون استفاده می‌کنند. با این تفاوت که اگر کاربر اقدام به نصب اینترنت اکسپلورر ۸ کند، موتور رندر متن پیش‌فرض ویندوز هم تغییر می‌کند، لذا اگر کاربر از فایرفاکس پیش از نسخه ۴ یا سافاری و اپرا استفاده کند، متون او با استفاده از ClearType نمایش داده خواهند شد. اما اینترنت اکسپلورر ۹ و فایرفاکس نسخه ۴ به بعد، از DirectWrite برای نمایش متون استفاده می‌کنند. همچنین باید در نظر داشت که سیستم عامل ایکس مکینتاش از نسخه ۱۰٫۴٫۲ به بعد از CoreText جهت نمایش متون استفاده می‌نماید.
این تفاوت چشمگیر در موتورهای رندر متن باعث بوجود آمدن مشکلات زیادی در نمایش متون شده است که در بعضی محصولات کلمات بصورت شکسته شده نمایش داده می‌شوند. لذا خود فونت به تنهایی هر چقدر هم که کامل و زیبا باشد جهت نمایش متون کافی نیست، موتورهای رندر متن هم از اهمیت بسزایی برخوردار هستند.
چنانچه پیشتر گفته شد، یک فونت از تعدادی گلیف ایجاد شده است، و هر چه تعداد این گلیف‌ها بیشتر باشد یک فونت برای نمایش اطلاعات غنی‌تر خواهد بود. اما این تعداد زیاد در وب قابل توجیه نیست. تصور کنید شما یک متن ساده را به زبان فارسی در وب نمایش می‌دهید، آیا نیاز هست که فونت شما حاوی گلیف‌های زبان انگلیسی یا آلمانی باشد؟ مسلما وجود گلیف‌های بیش از اندازه و افزونگی گلیف‌ها باعث بالا رفتن حجم یک فونت می‌شود که این امر در وب اصلا خوش‌آیند نیست.
 
مورد دیگری که باید در نظر داشت آن است که زبان‌های لاتین عموما دارای کاراکترهایی با ارتفاع یکسان هستند، اما زبان‌هایی مانند زبان فارسی، عربی، اردو و غیره دارای کاراکترهای کاملا متفاوتی هستند، برخی به سمت بالا کشیده می‌شوند و برخی به سمت پایین. این تفاوت ظاهری در فونت‌های لاتین و زبان‌های دیگر باعث شده که استانداردهای تدوین شده، که عموما بر اساس رسم‌الخط لاتین وضع شده‌اند، فارسی‌زبانان را دچار مشکل کند. چراکه حروف مرتفع فارسی بصورت بالقوه توانایی رعایت ارتفاع استاندارد حروف لاتین را ندارد، و حتی در صورتی که این ارتفاع رعایت شود کلمات خطوط پایین‌تر، کلمات جملات خطوط بالاتر را دچار مشکل می‌کنند و کلمات روی هم می‌افتند.
 
خیلی از این مشکلات را در زمان طراحی فونت می‌توان برطرف کرد. برای مثال پیاده‌سازی صحیح ارتفاع با صرف زمان تا حد قابل قبولی قابل رفع است، بخصوص مشکل کدپونت‌های اشتباه که در فونت‌های فارسی امری مرسوم است، با صرف کمی زمان کاملا برطرف می‌شود. گلیف‌های مشخص و با تعداد پایین هم در پایین آوردن حجم فونت موثر خواهد بود. همه اینها نشان از یک چیز دارد و آن این است که یک وب فونت باید با دید کاربرد در وب طراحی شود. در اکثر فونت‌های فارسی حروف انگلیسی هم گنجانده شده، ولی در یک وب فونت بدان‌ها نیازی نیست لذا با یک طراحی صحیح تا حد زیادی می‌توان این مشکلات را برطرف کرد.
 
برای توسعه یک وب فونت نیازی نیست تا همه کارها را از ابتدا انجام دهیم، اگر یک فونت سالم در اختیار داشته باشیم می‌توانیم با حذف گلیف‌های اضافه حجم آن را پایین بیاوریم و با کمی کنترل گلیف‌ها میتوان ارتفاع حروف را نیز مشخص کرد. سپس با گرفتن یک خروجی مجدد و تعیین اطلاعات جانبی فونت و مجوز استفاده از آن، می‌توان از یک فونت بصورت وب فونت استفاده کرد. سرویس‌های زیادی هستند که فونت‌ها را تبدیل به وب فونت می‌کنند. عملکرد بیشتر آنها یکسان است و صرفا یکسری از جداول مورد استفاده در فونت را برای فشده کردن هر چه بیشتر فونت‌ها از بین می‌برند. برای مثال جداول کرن که نبود آنها حجم قابل توجهی از فونت را کم می‌کند. در نهایت با استفاده از یکسری دستورات CSS می‌توان وب فونت را به یک صفحه وب الصاق کرد تا کاربر نهایی در هنگام بازدید از صفحه وب شما، فونت دلخواه شما را مشاهده نماید."
 



:: بازدید از این مطلب : 694
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : شنبه 29 شهریور 1393 | نظرات (2)
نوشته شده توسط : پویا عماد

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

 

از آنجایی که در حال حاضر "اکثر" شرکتهای طراحی وب از 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]

 




:: بازدید از این مطلب : 705
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : شنبه 22 شهریور 1393 | نظرات (1)
نوشته شده توسط : پویا عماد

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

 

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




:: بازدید از این مطلب : 659
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : شنبه 08 شهریور 1393 | نظرات (0)
نوشته شده توسط : پویا عماد
گام موثر برای جذب بازدید کنندهReviewed byAli shirzadonApr 3Rating:5.0

3zar.ir seo1 ۱۰ گام موثر برای جذب بازدید کننده

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

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

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

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

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

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

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




:: بازدید از این مطلب : 643
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : دوشنبه 03 شهریور 1393 | نظرات (1)
نوشته شده توسط : پویا عماد

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

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

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

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

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

 

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. نگذارید که احساسات مانع از تصمیم گیری دقیق و عاقلانه در تجارت شما شود.

 

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




:: بازدید از این مطلب : 728
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : پنج‌شنبه 30 مرداد 1393 | نظرات (0)
نوشته شده توسط : پویا عماد

شما هنوز هم از 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 اصلا موجود ترسناکی نیست پس نترسید و با تمام وجود به سمتش بروید همین الان شروع به یادگیری آن کنید. چه کسی می داند؟ شاید مدتی دیگر یک بازی با آن طراحی کردید که نظر دنیا را به خود جلب کرد و حجم عظیم کاربران به سمت وبسایتتان هجوم آوردند.

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




:: بازدید از این مطلب : 690
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : چهارشنبه 29 مرداد 1393 | نظرات (0)

💬 نظرات کاربران
💬ثبت نام کاربران
💬ورود کاربران