close
تبلیغات در اینترنت
خرید vpn
آموزش سئو

بهینه سازی حجم صفحات وب و تاثیر آن بر طراحی سایت

بهینه سازی حجم صفحات وب و تاثیر آن بر طراحی سایت

 

 

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

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

 

سئو

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

 

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


اصول استفاده از رنگها در طراحی سایت

اصول استفاده از رنگها در طراحی سایت

 

 

برای طراحی سایت استاندارد و با بازدید بالا استفاده از رنگ در سایت بسیار مهم می باشد.برای انتخاب رنگ مناسب ابتدا باید با رنگ ها و همچنین خاصیت آنها آشنایی داشت.

از آنجایی که رنگ ها تاثیر بسزایی در روحیه ی ما دارند محققان رنگ ها را دسته بندی کرده اند که آن ها را نام می بریم:

√ رنگ های گرم : قرمز،نارنجی،صورتی
√ رنگ های سرد : آبی،سبز،ارغوانی
√ رنگ های طبیعی : سفید،خاکستری،قهوه ای،سیاه

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

 

رنگ ها

به طور کل انتخاب رنگ مناسب برای سایت باید بر اساس موارد زیر باشد:

  • رنگ نوشته شده با رنگ زمینه مناسب باشد برای مثل وب سایتی با رنگ زمینه ی سفید و قلم مشکی می تواند انتخاب مناسبی باشد .رنگهایی از این قبیل به دلیل تضاد به شما در راحت خواندن متن کمک می کند.
  • برای انتخاب رنگ در طراحی سایت بهتر است از رنگ هایی که افراد را به خود جذب می کند انتخاب کرد.
  • برای رنگهای پیوسته در همه مرورگرها، از رنگهای Web Safe استفاده نمایید.
  • از تصاویری با شدت رنگ معمولی برای پیش زمینه استفاده نکنید. این کار سبب خواهد شد تا خوانایی متن کاهش یابد. چنانچه از تصویری استفاده می کنید، آن را با ویژگی watermark استفاده نمایید.
  • بهتر است رنگها در همه ی صفحات یکی باشد این کار به بیننده این امکان را می دهد که بفهمد در همان سایت می باشد.
  • رنگهایی را انتخاب کنید که تصویری را که می خواهید به بازدید کنندگان تان بدهد.

 

با رعایت اصول بالا می توانید در طراحی وب سایت نمونه و استاندارد در بین سایر وب سایتها از بهترین ها باشید.


نکاتی راجع به طراحی فروشگاه اینترنتی

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

e-shop

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

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

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

 

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


آموزش html در کنار آموزش طراحی سایت

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

برای طراحی سایت باید به زبان html ( آموزش html ) و css , javascript ( آموزش css ) آشنایی داشت.یادگیری این زبان ها با تمرین زیاد و تسلط کامل امکان پذیر خواهد بود.هرچه تسلط بیشتری داشته باشید خلاقیت بیشتری از خود نشان خواهید داد.

برای نوشتن تگ ها بهتر است ابتدا آن ها را داخل notepad وارد کنید.همچنین برای بهینه سازی سایت بهتر است حجم صفحات کم باشد برای اینکار بهتر است عکس های کم حجم انتخاب کنید این کار سرعت لود شدن پیج شما را افزایش می دهد برای این کار می توانید از برنامه Adobe photoshop و یا Xara 3d استفاده کنید.فراموش نشود که یک طراحی سایت اصولی و استاندارد باید در همه ی مرورگرها از جمله mozila firefox,internet explorer,goole chrome,opera قابل اجرا باشد.

در بخش آموزش html تمامی بخش های موردنیاز را برای شما توضیح داده ایم.

 


آموزش سئو در کنار آموزش طراحی سایت

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

در مقالات طراحی سایت بخشی را برای آموزش سئو اختصاص داده ایم و در آن تمام روش های مفید برای سئو آورده شده است.

در قسمت سئو مقالاتی را جهت اهمیت سئو و راه های افزایش سئو برای شما قرار داده ایم.


آموزش css در کنار آموزش طراحی سایت

css بیشتر جهت طراحی  عناصر مانند فونت ،ایجاد پس زمینه و ... استفاده می شود.از این زبان در کنار زبان html ( آموزش Html ) به کار می رود زیرا این دو مکمل یکدیگر می باشند؛هر دو در طراحی سایت کاربرد اساسی دارند.
سی اس اس نیز مانند html دارای دستورات خاص می باشد که در بخش آموزش Css آن ها را به طور کامل توضیح داده ایم.


المانهای آزار دهنده در طراحی وب سایت

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

المان های آزاردهنده در طراحی وب سایت

مواردی که باید از آنها دوری کرد عبارتند از:

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

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


اشتباهات رایج در طراحی سایت

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

  •  استفاده از فونت کوچک

از فونت های کوچک در طراحی سایت استفاده نکنید.امروزه سایت های جدید با داشتن فونت های درشت و منوهای درشت دارای خوانایی خوبی میباشند. استفاده از فونت مناسب به وضوح طراحی سایت شما کمک میکند.

  • استفاده از موزیک در پس زمینه

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

  • استفاده مکرر از فلش

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

مضرات سایت فلش را میتوانید در مقاله مزایا و معایب سایت های فلش مطالعه فرمایید.

  • استفاده از فایل های PDF

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

  • چک نکردن در مرورگرهای مختلف

سایت خود را در مرورگرهای مختلف تست کنید تا در نمایش سایت شما در مرورگرهای مختلف مشکلی پیش نیاید و شما بازدید کننده های خود را از دست ندهید. نیمی از ایرانیان هنوز از مرورگر اینترنت اکسپلولر ورژن 7 و 6 استفاده می کنند و اگر صفحات طراحی شده شما در این مرورگرها به خوبی نمایش داده نشوند، شما نیمی از ویزیتورهای خود را از دست خواهید داد.

  • تغییر ندادن رنگ لینک هایی که قبلا بازدید شده

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

  • استفاده از فونت های یکنواخت

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

  • استفاده از رنگ مشکی و چشم آزار در پس زمینه

از پس زمینه با رنگ های بسیار تیره مثل مشکی اجتناب کنید. زیرا این رنگ در نور شب و نورکم، چشم را اذیت می کند و کاربر مایل نخواهد بود دوباره سایت شما را ویزیت نماید.

  • استفاده از alt و Title

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

  • وجود خطای 404

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

  • استفاده نکردن از متن های تودرتو

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

ترفندهای استفاده از متن های تو در تو:

  1. استفاده از عنوان های فرعی یا همان subhead ها برای متن خود
  2. استفاده از لیست ارجاعات
  3. استفاده از کلیدواژه های های لایت شده
  4. استفاده از پاراگراف های کوچک
  5. استفاده از هرم معکوس در تنظیم مطالب
  6. استفاده از نوشتار و نگارش ساده در متون
  • استفاده از آگهی ها

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

از جمله طراحی های که بنظر آگهی رایج تبلیغاتی میرسد و برای کاربر جذابیتی ندارد میتوان به موارد زیر اشاره نمود:

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

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

استفاده pop-up یا منوهای جهنده و حساس زیرا قبل از آنکه این منوها کامل لود شوند توسط کاربر بسته میگردند.

  • باز شدن هر صفحه در پنجره جدید

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

  • سادگی بیش از انتظار

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


فرمت های گرافیکی در طراحی سایت

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

شفافیت (Transparency) : این ویژگی به تصویر این امکان را می دهد تا درجه ای متغیر از ماتی را داشته باشد که از جامد تا شفافیت کامل (پشت تصویر کاملا قابل مشاهده است) متغیر است.

چند خط در میان (Interlacing) : این ویژگی به تصویر این امکان را می دهد تا به این ترتیب بارگذاری شود که در ابتدا خصوص فرد کشیده شوند و سپس خطوط زوج. اینکار به کاربران و بینندگان این امکان را می دهد تا تصویر را زودتر از آنکه بارگذاری به اتمام برسد مشاهده نمایند.

پیشرفت کننده (Progressive) : این ویژگی در بارکدگزاری تصاویر، چیزی شبیه به interlacing است به این ترتیب که قسمتهای مختلف تصویر بطور جداگانه بارگذاری می شوند ولی محدود به خطوط زوج و فرد نیستند. این کار سبب می شود تا کاربر تصویر را زودتر از زمان بارگذاری آن مشاهده کند.

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

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

فرمت های گرافیکی

GIF
این فرمت یکی از قدیمی ترین فرمت ها می باشد که در سال 1980 برای طراحی صفحات سایت توسط طرحان سایت ایجاد شد.این فرمت از الگوریتم هایی برای فشرده سازی استفاده می کند که با کم حجم کردن فایل ها در لود شدن صفحات وب استفاده می شود.در فرمت GIF رنگها به 256 رنگ (8 بیت) محدود شده است همچنین در این فرمت این امکان وجود دارد تا تصویری متحرک و انیمیشن دار با استفاده از این فرمتی تصویر ساخته شود.این فرمت جهانی بوده و در همه یمرورگرها قابل مشاهده می باشد.فرمت GIF دارای مزایایی می باشد که عبارتند از:
√ در این فرمت بیشترین فرمت گرافیکی پشتیبانی می شود
√ در این فرمت دیاگرامها تصویری بهتر نشان می دهند
√ Transparency در این فرمت پشتیبانی می شود

JPEG
این فرمت بیشتر برای افرادی که کیفیت تصویر برایشان مهم است کاربرد دارد زیرا این فرمت فایلها را فشرده می کند ولی از رنگهای حقیق 24 بیتی پشتیبانی میکند بنابراین تصویر با کیفیت بیشتری ایجاد می شود.فرمت JPEG نیز جهانی بوده و در همه ی مرورگرها ابل اجرا می باشد.این فرمت از فرمت Progressive پشتیبانی می کند.فرمت JPEG نیز دارای مزایایی می باشد که عبارتنداز:
√ این فرمت قدرت فشرده سازی بالایی دارد و به این دلیل سرعت بارگزاری آن بیشتر می باشد
√ این فرمت عکس ها را با کیفیت مطلوبی ایجاد میکند.
√ فرمت JPEG از رنگ 24 بیتی پشتیبانی می کند.

PNG
این فرمت به نسبت از بقیه ی فرمت ها جدیدتر می باشد و جایگزین مناسبی برای فایلهای GIF می باشد.این فرمت 24 بیت رنگ،Transparency و Interlacing پشتیبانی می کند همچنین این فرمت متن توصیفی کوتاهی را برای تصویر در خود نگه می دارد تا موتورهای جستجوگر از آن استفاده کنند.
معایب این فرمت این است که در همه ی مرورگرها قابل اجرا نیست و فقط در تعدادی قابل مشاهده می باشد.مزایای PNG:
√ دیاگرامهای موجود در این فرمت بهتر از فرمت JPEG نمایش داده می شوند.
√ این فرمت از Transparency پشتیبانی می کند.
√ غلبه بر محدودیتهای 8 بیت رنگ GIF
√ امکان قراردادن متن توصیفی در تصویر برای استفاده در موتورهای جستجوگر

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

اکثر طراحان از فرمت JPEG برای عکسها و نقاشی ها استفاده می کنند که فشرده سازی زیاد برکیفیت تصاویر تاثیر گذار نباشد.

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


اصولی که باید در طراحی وب رعایت کرد

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

اصول-مهم-طراحی-وب

جلب توجه
برای اینکه مخاطب را جلب وب سایت خود کنیم باید مطالب وب سایت و همچنین عکس ها و لینک های هدایت کننده(میانبر) را در موقعیت مناسبی از سایت قرار دهیم استفاده از فونت مناسب،رنگ قلم،لینک های میانبر می تواند در جلب توجه کاربر موثر باشد.توجه داشته باشید که حداکثر استفاده از رنگ در سایت سه و نهایت چهار رنگ می باشد.
رعایت فاصله
در طراحی وب سایت رعایت فاصله بین متون ،عکس ها و سایر عناصر تاثیر بسزایی دارد زیرا  رعایت نکردن این فواصل باعث خستگی چشم بیننده می شود.رعایت فاصله می تواند در تعادل طراحی تاثیر داشته باشد.
لینک های میانبر (NAVIGATION LINKS)
برای اینکه کاربران بتوانند به راحتی و با سرعت بیشتر به اطلاعات و محتوای سایت دسترسی پیدا کنند باید منوی وب سایت شما دارای لینک های مشخص باشد به عبارتی بازدید کننده موقعیت خود را پس از چند دسته بندی شناسایی کند.منوهای درختی نمونه ای از منوی استاندارد می باشند.
استفاده از قلم مناسب
استفاده از فونت خوانا  و مناسب برای سایت از اصولی مهم در طراحی سایت می باشد.سعی کنید در متونی که می خواهید وارد سایت کنید از بولد کردن حروف مهم استفاده کنید.به عبارتی متن خود را ویرایش کنید.
استفاده از تصاویر کم حجم
بهتر است تصاویری که در سایت قرار می دهیم از حجم کمی برخوردار باشد و  از فرمت های jpg و gif  استفاده کنید همچنین استفاده از تگ Alt الزامیست.
رعایت اصل سئو(بهینه سای موتورهای جستجو)
سئو  به معنای ایجاد صفحات وبی است که برای موتور های جستجو با ارزش و جالب است. سئو  یک فرایند کاملا علمی و تقریبا وقتگیر است که جزئیات آن دائما در حال تغییر است. بهینه سازی صفحات وب به این معناست که وب سایت شما در نتایج جستجو بالاترین رتبه را داشته باشد.به عبارت دیگر لینک صفحه یا صفحاتی از سایت شما در ازاء جستجوی کلمات کلیدی مرتبط با خدمات و یا محصولات سایت در بالاترین رتبۀ نتایج جستجو قرار گیرد.
با ایجاد کلمات کلیدی برای هر صفحه از وب سایت می توانید در بین جستجوگر گوگل در بهینه سازی سایت کمک کنید.

ثبت یک نام تجاری

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

نکته:لوگو و شعار سایت باید در بالا و سمت چپ تمام صفحات وب قرار بگیرد.

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