پروژه طراحی یك وب سایت شخصی با امكانات متداول و معمول

توضیحات

  طراحی یك وب سایت شخصی با امكانات متداول و معمول دارای 49 صفحه می باشد و دارای تنظیمات در microsoft word می باشد و آماده پرینت یا چاپ است

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

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

بخشی از متن طراحی یك وب سایت شخصی با امكانات متداول و معمول :

تاریخچه طراحی وب
تیم برنرز لی، مخترع وب، با برپایی یک سایت وب در اوت 1991، نام خود را به عنوان نخستین سازنده وب در تاریخ نگاشت. او در نخستین وب‌سایتش، از اَبَرمتن و پیوندی برای ایمیل (پست الکترونیک) استفاده کرده بود.

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

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

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

سرفصل مطالب کلاس اچتمل مقدماتی :
مقدمه
در این درس با ویژگیهای فایلهای اچتمل، اجزا تشکیل دهنده آن یعنی عناصر و تگ ها ( Elements & Tags ) و نحوه ایجاد یک فایل ساده و نمایش آن در صفحه مرورگرتان آشنا خواهید شد.

HTML & WWW
در این درس با مفاهیم وب ( تار عنکبوت جهانی یا World Wide Web ) ، اینترنت، مرورگرها و استانداردهای وب آشنا خواهید شد. همچنین با تفاوتهای مرورگرهای وب ( Web Browsers ) و سرویس دهنده های وب ( Web Servers ) آشنا خواهید شد.
• عناصر ( Elements )

یک متن و یا فایل اچتمل از عناصر یا element ها تشکیل میشود و برای ایجاد عناصر از تگ ها یا tags استفاده میشود. در این فصل با عناصر و تگ ها آشنا خواهید شد.
• تگ های اصلی ( Basic Tags )

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

• فرمت دهی ( Formatting )
وظیفه گروهی از تگ های اچتمل فرمت دهی و تعیین شکل نمایش متون ( مثلا توپر و bold بودن و یا ایتالیک بودن ) میباشد و در این درس با این گروه ازتگهایformating آشنا خواهید شد. همچنین یاد خواهید گرفت که چگونه source یا اصل کدهای اچتمل یک صفحه یا page را ببینید.

• نهادها ( Entities )
گروهی از نویسه های ( Character ) اچتمل مانند (<) و یا (>) دارای معنی خاصی ( مثلا نویسه < شروع یک تگ را نشان میدهد. ) در استاندارد اچتمل بوده و برای نمایش آنها در صفحاتتان مستقیما قابل مصرف نمیباشند. در این فصل با این نویسه ها آشنا شده و با کمک Character Entities چگونگی استفاده از این گروه از نویسه ها را فرا خواهید گرفت.
• پیوندها ( Links )
در این درس با پیوندها ( Links ) ، شناسه های مرتبط مخصوصا href و نحوه به کار گیری آنها آشنا خواهید شد.
• جداول ( Tables)
در این درس با مفاهیم جدول ( Table ) ، ردیف یا row ، سلولها یا خانه ها، مرز یا border در جداول و عناصر مرتبط مخصوصا TABLE ، TD , TR آشنا خواهید شد.
• فریمها ( Frames )
در این درس با مفاهیم فریم ( Frame ) و عناصر مربوطه مخصوصا Frame و Frameset آشنا خواهید شد.
• فهرستها ( Lists )
این درس شما را با نحوه نمایش فهرستها ( List ) ، انواع فهرستها و تگ های مربوطه آشنا خواهد ساخت.

• مثالهای اچتمل
با استفاده از دهها مثال موجود در این سایت و با کمک ادیتور HTML ما براحتی قادر به نوشتن کدهای HTML و دیدن نتایچ در مرورگرتان خواهید بود، آزمایش کنید!
• FAQ HTML
این صفحه به بیشترین سؤالات پرسیده شده در مورد اچتمل ( Frequently Asked Questions ) و مخصوصا مشکلات مربوط به فارسی نویسی و پاسخهای آنها اختصاص دارد.
• فرمها ( Forms )

از طریق استفاده از تگ های فرم ( form ) قادر به دریافت اطلاعات از بازدیدکنندگان صفحاتتان و یا تبادل اطلاعات بین صفحات مختلف خواهید شد. با کمک این گروه از تگ ها قادر به نمایش باکسهای ورود اطلاعات متن (text fields) ، چک باکسها (check-boxes) ، رادیو باتونها (radio-buttons) و ; شده و همچنین امکان گذاشتن دکمه های ارسال (submit button) و یا حذف (reset) را خواهید داشت. این فصل با شرح تگ های form و input و ; به چگونگی ایجاد ارتباط با بازدیدکنندگان و گرفتن اطلاعات از آنها خواهد پرداخت.
• تصاویر ( Images ) :در این درس با عنصر img و چگونگی نمایش تصاویر و همچنین تنظیم محل آنها آشنا خواهید شد.
• پس زمینه ( Background )

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

رنگ ها و معانی آنها :

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

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

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

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

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

رنگ روی حس ما و ادراك ما و عكس العمل ما تاثیر میگذارد . یك بیننده با آگاهی از سایتتان وارد سایت شما شده است ، حال شما باید او را همچنان سر شوق نگه دارید .شما 8 الی 10 ثانیه وقت دارید تا او را از لحاظ بصری جذب كنید . با استفاده از رنگ شما میتوانید حس خوش آمد گویی و راحتی و اعتماد را به بیننده منتقل كنید . اگر شما گرافیك های یك سایت را تغییر دهید در اصل زبان گفتگوی تصویری آن را عوض كرده اید و بدین سان است كه عكس العمل متفاوتی از بازدیدكننده سایت سر میزند.
قرار دادن یك محصول كه با آب سر و كار دارد (مثل لباس شنا و ; ) در زمینه بنفش و نارنجی قدرت فروش آن را كاهش میدهد . رنگ های بنفش و نارنجی بطور سریع با آب و طبیعت ارتباط ندارند و یك ادراك غلط به بیننده منتقل میكنند . قرار دادن همان محصول در رنگ آبی یا سبز باعث افزایش جذابیت آن محصول میشود .

سایت هایی كه اصطلاحا سایت های رنگین كمانی هستند و از همه جور رنگ در هم استفاده كرده اند كمترین زمان بازدید توسط بیننده ها را دارند و بیننده خیلی سریع ازین سایت ها خارج میشود . زیرا چشم برای دیدن رنگ های گوناگون زوم های گوناگونی میكند و زود خسته میشود . (سایت هایی كه رنگ سفید در آنها غالب است و مقدار خیلی كمی از دیگر رنگ ها در آن در بخش های گوناگون دیده میشود جزو این دسته نمیشوند ) . هر چه تعدد رنگ ها كم شود مدت زمان ماندن بازدید كننده در صفحه زیاد میشود . یك نكته در استفاده از رنگ های گوناگون اینه كه حداكثر از 5 رنگ استفاده كنید و آنها را همگی از رنگ های گرم یا سرد استفاده كنید و زمینه را سفید بگذارید . این كار چشم ها را خسته نمیكند و سایت های كودكان كه میخواهند با استفاده از رنگ های گوناگون محیط شادی را ایجاد كنند اگر ازاین روش استفاده كنند فروش بهتری دارند .

رنگ های گرم و سرد :
رنگ های گرم تشكیل شده اند از : زرد ، نارنجی ، قهوه ای ، زرد-سبز و نارنجی- قرمز . یعنی رنگ هایی كه با پاییز در تعامل هستند . بطور كلی رنگ های گرم گرایش به هیجان و تكاپو دارند . بسیاری از مردم مقدار كم از این رنگ ها را می پسندند . بنفش و سبز رنگ های واسط هستند كه نه گرم و نه سردند و وابسته به میزان رنگ قرمز یا زردی هستند كه در رابطه با رنگ آبی در آنها بكار رفته است . اگر رنگ آبی آن كم تر باشد بیشتر شبیه رنگ های گرم بنظر میرسد .

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

VB Script
این زبان نمونه کوچک شده زبان VB است و کسانی که با ویژوال بیسیک کار کرده اند در یاد گیری این زبان بیشتر راه را پیموده اند و کافیست تفاوت های آن را با ویژوال بیسیک یاد گیرند . این زبان برای افزودن افکت به صفحات وب نیز کاربرد دارد . ولی کاربرد برتر آن در نوشتن برنامه های سمت سرور است که بر اساس تکنولوژی ASP صورت میگیرد . این زبان به عنوان زبان پیش فرض برای نوشتن صفحات ASP است . یاد گیری این زبان برای کسانی که تا کنون برنامه نویسی نکرده اند بسیار آسان است و شروع بسیار خوبی برای ورود به دنیای برنامه نویسی است .

JAVA Script
این زبان ساختاری شبیه زبان C دارد و بیشتر برای ایجاد افکت بر روی کامپیوتر کاربر استفاده میشود (Client-side) .احتمالا تا کنون سایت هایی را دیده اید که در آن کلمه خاصی دنبال موس میدود . یا هنگام وارد شدن به آن سایت مرورگر شما در صفحه ویندوزتان میلرزد . این قبیل کد ها که فقط روی سیستم کاربر اجرا میشوند و نیازی به پردازش توسط سرور ندارند را کد های سمت کاربر (کلاینت ساید) میگویند . البته این زبان نیز قابلیت های استفاده به صورت server-side را داراست . اما چون استفاده از زبان VBS آسانتر است معمولا از VBS برای

نوشتن برنامه های سرور-ساید استفاده میشود . یکی از تفاوت های این دو زبان در طرز نوشتن حروف است . در VBS تفاوتی ندارد که دستورات را با حروف کوچک یا بزرگ بنویسید ، اما در JavaScript اگر دستوری که با حروف کوچک است با حروف بزرگ بنویسید با Error در صفحات خود مواجه میشوید.برای دیدن قدرت زبان JavaScript میتوانید از سایت AnfyTeam دیدن کنید . این سایت همچنین امکان دانلود برنامه ای برای ساخت افکت های جاوا اسکریپت خود را در اختیارتان میگذارد .
Flash برای چه بوجود آمده ؟

نرم افزار Flash از شرکت Macromedia نرم افزاری است که شرکت ماکرومدیا به عنوان یک Solution یک راه حل در مرحله اول ایجاد کرد برای انتقال تصاویر Vector بر روی وب .
تصاویر Vector به چه معنی است ؟؟؟
دو نوع تصویر وجود دارد ، یکی تصاویر Pixel که در اصطلاح به آنها Raster هم گفته میشود و یکی دیگر تصاویر برداری یا Vector .
اوایل که اینترنت به وجود آمده بود سرعتهای Connection اینترنتی در حد سرعتهایی که هم اکنون ما در ایران از آن استفاده میکنیم هم نبود ، چه برسد به آن سرعتی که هم اکنون آمریکایی ها از آن استفاده میکنند . در آن زمان سرعتهای مودمهایی که معمول بود 9600 بیت در ثانیه بود بهد از آن به 14400 بیت در ثانیه تبدیل شد . 9600 یعنی در یک ثانیه 09 کیلوبایت میتوانست اطلاعات را Transfer کند . یعنی اگر قرار بود که تصویری ایجاد شود که این تصویر تبلیغات یک محصول قرار بود باشد و این تصویر 50 KB حجمش بود زمانی که لازم بود Data Transfer انجام بشه و تصویر ظاهر بشود در آن مودمها 55 ثانیه بود . در نتیجه انتقال اطلاعات در اینترنت بسیار بسیار کند اتفاق می افتاد . به همین دلیل بود که در HTML های ورژن 1 و 2 مرسوم نبود که از تصویر در سایت وب استفاده کنند و راحت تر بگویم اصلا Tag های مربوط به Image در آن زمان در زبان HTML وجود نداشت .

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

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

یکی شرکت Adobe بود که آمد و یک چیزی اختراع کرد به نام SVG (Scalble Vector Graphic) و دیگری شرکت Macromedia بود که آمد و SWF (Shockwave Flash) را اختراع کرد .
پس هدف در مرحله اول انتقال تصاویر Vector بود به هدف سبک تر شدن حجم صفحات .

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

تا قبل از این جریان که Flash انیمیشن را در خودش قرار بدهد میبایستی برای ساخت انیمیشن های اینترنتی از Gif Animation استفاده میشد که مشکلی که بود این بود که این قضیه باید فریم فریم ساخته میشد و مساله بعدی این بود که Gif Animation ها به صورت PIXEL بودند و Flash تصاویر Vector را به انیمیشن تبدیل میکند و این را هم باید بگویم که ساخت انیمیشن در Flash بسیار راحت تر از ساخت Gif Animation است .

امکان استفاده از موزیک در Flash یک امکان فوق العاده بود که یک استاندارد برای پخش موزیک در وب قرار دارد که این استاندارد MP3 بود .
با امکانات گرافیکی فوق العاده فلاش :
ماکرومدیا نسخه بتای فلش 8 را عرضه کرده و اینطور که پیداست تمامی جوانب بازار را میخواهد . هم گرافیک ، هم سرور ساید و هم player-side بودن .و امروز ویدئوی تحت وب را نیز میخواهد !

Player Side بودن :در نسخه فلش پلیر 8 تعدادی ماژول به برنامه اضافه شده که باعث میشود حجم فایل های swf به شدت کاهش یابد . این ماژول ها که اکثرا گرافیکی هستند کارهای خاصی را از جمله اعمال فیلتر های drop shadow, blur, glow, bevel, gradient bevel, and color adjustو مانند آن را در سمت کلاینت (یا همون(player بعهده میگیرند . بهمین دلیل هنگام طراحی نیازی به استفاده از چند عکس در لایه های گوناگون برای نشان دادن این گونه فیلتر ها نیست و با نوشتن چند خط کد نشان دادن فیلتر بلور روی عکس امکان پذیر میشود .

برای دریافت اینجا کلیک کنید