PDA

توجه ! این یک نسخه آرشیو شده می باشد و در این حالت شما عکسی را مشاهده نمی کنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : اموزش متدولوژی و تکنولوژی طراحی وب ciw (بخش 7)



TAHA
01-23-2010, 12:15 PM
ايجاد تصاوير

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

ويژگي ALT :

ويژگي ALT متون اختياري در مکانهايي از تصاوير بر روي صفحات HTML ايجاد مي کند . گرامر استفاده از ويژگي ALT به شکل زير دنبال مي شود :

ويژگي ALT براي مکان هاي زير مهم است :

ويژگي ALT براي مکان هاي زير مهم است : ● کاربراني که گزينه نمايش عکس را در مرورگرهاي خود غير فعال کردند از اين طريق مي توانند آنرا بخوانند.
● هنگامي که صفحه در حال بارگذاري است کاربر مي تواند توصيف آنرا بخواند .
● اين گزينه براي کاربراني که قدرت بينايي يا شنوايي کمي دارند امکانات خوبي ايجاد ميکند.

بهينه سازي تصاوير :

يک طراح وب اگر نتواند تصاوير خود را بهينه سازي کند هيچ يک از توانمنديهاي Gif و jpg و Png تشخيص داده نمي شود. اين اشتباه غلط ازآنجا ناشي ميشود که بگويم هيچ يک از اين قالبها از ديگري بهتر نيست. در صورتيکه در قبل گفتيم که هر قالب تصوير داراي توانمندي مي باشد که آن را منحصر به فرد مي کند . به عنوان يک طراح وب بايد بياموزيد که چه نوع قالبي را براي ايجاد يک تصوير خوب و جذاب و بدون مشکل به کار بريد استفاده از قالبهاي Gif يا Jpg شما را به استفاده از تصاوير بهينه مطمئن نمي سازد .
موارد زير راهنمايي است که شما را در بهينه سازي تصاوير کمک مي کند :
● استفاده از رنگهايي که در وب امنيت دارند .
● ايجاد يک ليست از رنگهاي ممکن
● استفاده از رنگ هاي يکدست در هر جايي که ممکن باشد .
● اجتناب از اثرات بصري نامطلوب تا جايي که مقدور است .
● استفاده از امکانات بهينه سازي .

منابع بهينه سازي :

در حال حاضر خيلي از منابع وجود دارند که براي کمک به طرح بهينه سازي تصاوير در دسترس مي باشند . روش اصلي براي بهينه سازي, محاسبه کوچکترين مقدار رنگ ممکن و انتخاب قالب فايلي است که مي تواند کيفيت رنگ درخواستي شما را ايجاد کند . بيشترين استفاده معمول در بهينه سازي استفاده از نرم افزارهاي Photo Shop ، Fire Works ، Image Ready و ... مي باشد .
2 روش بهينه ساز معمول ديگر که در حال حاضر مورد استفاده قرار مي گيرند Online Version ، Desktop Version مي باشند .
بهينه سازي تصاوير بر روي اينترنت به نوعي نياز به حق اشتراک ساليانه دارد که اين مقدار به طور زيادي بسته به تعداد صفحات و يا عکسهايي مي باشد که شما مي خواهيد آنها را بهينه کنيد . بعضي از سرويسهاي ديگر مجاني هستند . يک طراح وب بطور ساده يک URL براي تصاوير وارد مي کند ، يعني بر روي سايتي ميرود که امکان بهينه سازي براي تصاوير را به ما ميدهد. برنامه اي روي سايت براي بارگذاري و بهينه سازي تصاوير آماده مي شود .
سپس طراح براي دسترسي به بهينه سازي تصاوير صاحب امتياز مي شود . سرويسهاي زير تصاوير بهينه OnLine ايجاد مي کند .
● Gifbot - http://www.netmechanic.com/accelerate.htm (http://forum.majidonline.com/redirect-to/?redirect=http%3A%2F%2Fwww.netmechanic.com%2Faccel erate.htm) ● Gifwizard - http://www.gifwozard.com (http://forum.majidonline.com/redirect-to/?redirect=http%3A%2F%2Fwww.gifwozard.com) Desktop Image نيز به همان روش ، تصاوير شما را بهينه مي کند .

تمرين 2-5 بهينه سازي تصاوير :

در اين تمرين از سرويسهاي بهينه سازي تصاوير در روي اينترنت استفاده مي کنيد . اين تصاوير و اتصالات يک صفحه را بطور آشکار را ارزيابي مي کند و خلاصه اي از سايتهاي گرافيکي ايجاد مي کند و سپس ورژنهاي مختلفي از بهينه سازي تصاوير براي انتخاب و بارگذاري و نگهداري ، براي شما ارائه مي دهد . 1- وارد سايت http://www.netmechanic.com (http://forum.majidonline.com/redirect-to/?redirect=http%3A%2F%2Fwww.netmechanic.com) شويد .
2- بر روي اتصال Gifbot کليک کنيد .
3- از اين صفحه بر روي Try it کليک کنيد .
4- URL که عگس مورد نظرتان در آنجا قرار دارد را بر روي فيلد مخصوص وارد کنيد.
5- شما همچنين مي توانيد فايل را از کامپيوتر خود به کامپيوتر راه دور بفرستيد ، با استفاده از کليد Brows و آدرس Email خود را وارد کنيد و هر دو قالب Gif و Jpeg را از منوي خروجي انتخاب کنيد و Testnow را کليک کنيد .
6- حال اين سرويس شروع به بارگذاري عکس و ارزيابي آن مي کند .
7- وقتي بارگذاري کامل شد ليستي ايجاد مي شود .
8- وقتي ارزيابي تمام شد گزارش کاملي ظاهر مي شود .
9- براي ديدن کامل نتايج ، صفحه خود را اسکرول کنيد . بر روي سايز فايلي که در اتصالات سايت قرار دارد کليک کنيد تصوير بزرگتر ظاهر خواهيد شد .
10- اگر شما تا پايين صفحه اسکرول کنيد تکرار همان عکسها را خواهيد ديد . توجه داشته باشيد که هر عکسي اطلاعاتي راجع به عکس شامل نوع ، عمق رنگ ، سايز و زمان بارگذاري و نيز درصد ذخيره را به شما انتقال مي دهد و در صد سايز فايل را به شما مي دهد و مي توانيد تصوير بهينه شده را با تصوير اصلي با جابه جا کردن اشاره گر ماوس بالاي هر عکس مقايسه کنيد . اگر اينکار را انجام داديد تصوير اصلي ظاهر خواهد شد و يک مقايسه دقيق انجام مي دهيد . قبل از آنکه بخواهيد به تغييرات دقت کنيد بايد با اسکرول کردن تمامي عکسها را ديدن کنيد .
11- حال شما تصويري که بهينه شده و کيفيت خوبي در حد درخواست شما را دارد انتخاب کنيد .
12- بر روي عکس مورد نظر کليک راست کرده و آن را Save کنيد.
با بهينه سازي ، تمامي عکسهاي صفحه ( و سايت ) به طرز چشمگيري مي توانيد زبان بارگذاري را کاهش دهيد و براي کاربران يک مشاهده سريع را ايجاد کنيد .


تکه تکه کردن عکس و بهم اتصال دادن

روش ديگري که براي کمک به بارگذاري عکسهاي بزرگ در زمان کم وجود دارد برش دادن عکس مي باشد . برش تکه هاي متعددي از عکس را در بر دارد . با استفاده از جداول HTML يک عکس مي تواند تجديد بنا شده و در پنجره مرورگر بهم پيوند داده مي شود . برش ها نمي توانند تغييري در سايز عکس بوجود آورند اما بارگذاري عکس را سريعتر ميکنند زيرا کاربر قبل از بارگذاري عکس قسمت هايي از عکس را مي بيند . نتيجه : در اين فصل شما در مورد نکات مهم در تصاوير وب آموختيد و با بيشتر قالبهاي معمولي و امتيازات آنها آشنا شديد و نيز تفاوت بين تصاوير BMP و برداري را آموختيذ و در پايان درباره ابزارها و تکنيک هاي بهينه سازي عکسها آموختيد .

سئوالات بعد از اتمام فصل :

1- چرا در هنگام انتخاب يک عکس براي سايت سايز عکس بايد مهم تلقي شود ؟
2- دو طريقه معمول استفاده فايلهاي گرافيکي در وب سايت را نام ببريد؟
3- پيکسل چيست ؟
4- حداقل 3 قالب گرافيکي نام ببريد ؟
5- 2 روش براي بهينه کردن عکسها نام ببريد.

چند رسانه اي

اهداف فصل :

● تعريف تکنولوژي هاي چند رسانه اي که وب ميتواند آنها را نمايش دهد.
● بکار گيري اصول طراحي چند رسانه اي.
● انتخاب بهترين چند رسانه اي براي سايت خود.

سئوالات قبل از شروع فصل :

1- چند نمونه چند رسانه اي مثال بزنيد.
2- مدت زمان لازم براي اجراء دائمي و بارگذاري در مرورگر فايلهاي صوتي يا ويدئويي چقدر است ؟
3- موانع استفاده از آخرين قالبهاي چند رسانه اي در سايت چيست؟
4- شرايط يک آگهي براي جايگيري آن در قسمت بالا يا پائين صفحه چيست؟

مقدمه :

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

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

امکانات جاري :

امکانات جاري چند رسانه اي ها بر روي وب مشکل به نظر ميرسند و يک طراح وب براي کاربرد اين ابزارها و تکنولوژيها کوشش مي کند . در آينده تکنولوژيهاي جديدي در گامهايي بلند و پر قدرت ظاهر خواهد شد به هر جهت طراحان امروزي با 2 عامل بزرگ رو برو هستند که عبارتند از پهناي باند و حمايت مرورگر از تکنولوژي مورد نظر . براي استفاده و لذت از اين تکنولوژي جديد به يک پهناي باند بالا و حمايت مرورگر از Plugins و تعداد خاصي از نرم افزارها نياز داريم . بنابراين طراحان وب بايد انديشه کنند و فريب استفاده از تکنولوژيهاي پر زرق و برق در صفحات خود را نخورند، زيرا کاربران استاندارد بر روي ارتباط Dialup هستند و مرورگرهاي معمولي از هر نوع تکنولوژي نمي توانند حمايت کنند . اين امر به آن معني نيست که شما نتوانيد از تکنولوژي جديد در صفحات خود استفاده کنيد ولي بايد مراقب باشيد که در صورت استفاده خيلي از کاربران خود را محروم مي کنيد . اگر شما کاربران خود را تعريف کنيدو بدانيد که کدام گروهها هستند که براي حمايت از تکنولوژي شما آماده ميباشد، ديگر لازم نيست نگران ارتباط با بقيه کاربران خود باشيد . بنابراين مي توانيد از تکنولوژي استفاده کنيد که باعث توسعه و پيشرفت سايت شما باشد.
بيشتر تصميمات درباره استفاده از چند رسانه اي ها که ما بعداً در مورد آنها بحث خواهيم کرد در طي برنامه ريزي در حين طراحي سايت آماده مي شوند .

عامل زمان :

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

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

امکانات جاري :

امکانات جاري چند رسانه اي ها بر روي وب مشکل به نظر ميرسند و يک طراح وب براي کاربرد اين ابزارها و تکنولوژيها کوشش مي کند . در آينده تکنولوژيهاي جديدي در گامهايي بلند و پر قدرت ظاهر خواهد شد به هر جهت طراحان امروزي با 2 عامل بزرگ رو برو هستند که عبارتند از پهناي باند و حمايت مرورگر از تکنولوژي مورد نظر . براي استفاده و لذت از اين تکنولوژي جديد به يک پهناي باند بالا و حمايت مرورگر از Plugins و تعداد خاصي از نرم افزارها نياز داريم . بنابراين طراحان وب بايد انديشه کنند و فريب استفاده از تکنولوژيهاي پر زرق و برق در صفحات خود را نخورند، زيرا کاربران استاندارد بر روي ارتباط Dialup هستند و مرورگرهاي معمولي از هر نوع تکنولوژي نمي توانند حمايت کنند . اين امر به آن معني نيست که شما نتوانيد از تکنولوژي جديد در صفحات خود استفاده کنيد ولي بايد مراقب باشيد که در صورت استفاده خيلي از کاربران خود را محروم مي کنيد . اگر شما کاربران خود را تعريف کنيدو بدانيد که کدام گروهها هستند که براي حمايت از تکنولوژي شما آماده ميباشد، ديگر لازم نيست نگران ارتباط با بقيه کاربران خود باشيد . بنابراين مي توانيد از تکنولوژي استفاده کنيد که باعث توسعه و پيشرفت سايت شما باشد.
بيشتر تصميمات درباره استفاده از چند رسانه اي ها که ما بعداً در مورد آنها بحث خواهيم کرد در طي برنامه ريزي در حين طراحي سايت آماده مي شوند .

عامل زمان :

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


منبع فناوري اطلاعات ايران