تالار گفتگوی میکرو رایانه - مشاهده موضوع - آموزش متدولوژی و روش طراحی وب سایت گام به گام
مشاهده پست های بی پاسخ | مشاهده موضوعهای فعال تاریخ امروز شنبه 21 سپتامبر, 2019 2:26 am



پاسخ به موضوع  [ 33 پست ]  برو به صفحه قبلی  1 ... 3, 4, 5, 6, 7  بعدی
 آموزش متدولوژی و روش طراحی وب سایت گام به گام 
نویسنده پیام
آواتار کاربر

عضو: شنبه 19 آوریل, 2008 3:02 pm
پست ها: 431
پست Re: آموزش متدولوژی و روش طراحی وب سایت گام به گام
رفتن به صفحات عميق تر از صفحه خانگي

حتي در سايتهايي که Navigation هاي ضعيفي دارند گردش از صفحه خانگي به صفحات ديگر دروني سايت بدون مشکل زيادي آسان است . ولي در هر صورت برنامه ريزي صفحه خانگي شما يک بخش کوچکي از وظيفه شما در قبال Navigation مي باشد .
به هر جهت برنامه ريزي خوب براي Home Page يکي از کوچکترين کارهايي است که براي ايجاد Navigaton خوب و موفق بايد رعايت کنيد. هر چقدر در فازهاي اوليه طراحي جزئيات را بيشتر رعايت کنيد کاربران شما با مشکلات کمتري مواجه خواهند شد .
بيشتر مشکلات Navigation اين است که پارامتري براي رفتن از صفحه خانگي به صفحات ديگر وجود ندارد . اين مشکلات منجر به گرفتار کردن و به گل نشستن کاربران در سايت مي شود . معمولا اين اتفاقات به دليل توجه بيش از اندازه به طراحي Navigation در يک جهت خاص روي مي دهد . در طراحي Navigation تمامي اين جزئيات و نيز مواردي که دور از شما مي باشند و ممکن است براي سايت پيش آيند در نظر گرفته شوند.

ايجاد اتصالات سريع :

ساختار صفحه را به طور کلي در نظر بگيريد و ر کمي وقت را براي ساختن ميانبر در سايت صرف بگذاريد . بعضي از اين ميانبرهاي معمولي شامل جستجو ، نقشه سايت و جداول( Table, Site Map , Search) هستند . هدف از هر ميانبر کمک به کاربران براي پيدا کردن سريع اطلاعات مي باشد وشما بايد راه ميانبر را با اين هدف در ذهن خود طراحي کنيد. خيلي از المانهاي صفحات کاربردي نيستند زيرا يک سري از موارد گمراه کننده را ارائه مي دهند . مثلا نقشه سايت زمان زيادي را براي بارگذاري نياز دارد و يا جداول نياز به Scroll کردن دارند . راههاي ميانبر بايد ساده ، سريع و قابل درک باشند و نيز بايد بدانيد که کاربران استعدادهاو تواناييهاي متفاوتي دارند .
به عنوان مثال نحوه تاثير علايق شخصي درايجاد يک Navigation کاربردي رامي توان در جستجوکردن و عملکردافراد در سايتها دانست . بعضي از کاربران دوست دارند تا جايي که ممکن است از پرسه زدن در سايتها خودداري کنند و اطلاعات دقيق خود را در زمان کمي بدست آورند. اما بالعکس کودکان در هنگام جستجوي اطلاعات معمولا تمايل به گردش در سايت را دارند و وقت بيشتري را صرف مي کنند.
طراحي Navigation مشکل است اما در عين حال کمک به کاربران براي رسيدن به مقاصدشان مي باشد .همواره به خاطر داشته باشيد که Navigation ها بايد به کاربراني که مي خواهند در سايت شما به مقاصد خود دست يابند کمک کرده و آنها را هدايت مي کنند.


سه شنبه 26 آگوست, 2008 1:01 pm
مشخصات شخصی
آواتار کاربر

عضو: شنبه 19 آوریل, 2008 3:02 pm
پست ها: 431
پست Re: آموزش متدولوژی و روش طراحی وب سایت گام به گام
گرافيک هاي وب

مقدمه :

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


سه شنبه 26 آگوست, 2008 1:10 pm
مشخصات شخصی
آواتار کاربر

عضو: شنبه 19 آوریل, 2008 3:02 pm
پست ها: 431
پست Re: آموزش متدولوژی و روش طراحی وب سایت گام به گام
تصاوير

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

مودم با سرعت 56 kbps در Dial Up استاندارد به کار برده مي شود ولي هنوزهم خيلي از مودم ها وجود دارند که با سرعت کمتر از آن، مورد استفاده قرار مي گيرند . اگر سايت به منظور استفاده در اينترانت بر روي شبکه ايجاد شود خيلي ازاين موانع بر طرف خواهد شد . به ياد داشته باشيد که سرور اينترانت هدف متفاوت تري نسبت به برنامه هاي کاربردي دراينترنت دارد . نمايش اينترنت براي استفاده عمومي باشد و مي تواند نماي سازمان را براي دنياي بيرون ترسيم کند ولي اينترانت براي مصارف تجاري و به مقصود دسترسي سريع و آسان به منابع و اطلاعات بنا شده است.ايجاد زرق و برق در اينترانت باعث کاهش بهروري مي گردد. شما مي توانيد اينترانت را در جهت به عمل و اينترنت را مکاني جهت نمايش و عرضه بحساب آوريد.
گرافيک ها تشريح و توضيحي بر موارد و فعاليتهاي سايت و نيز ارائه معاني Navigation در يک سايت وب مي باشند.

داده هاي متصور رقمي :

همه تصاوير ديجيتالي ويژگيهاي خاص و مهمي را دارند که مي توانند در اندازه سايز آن موثر باشند که مقدار کمي از اين ويژگيها در اين بخش بيان مي شود .

پيکسل : ( Pixel)

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

عمق رنگ :

پيکسل به مقدار زيادي اطلاعات رنگي ايجاد مي کند . اين اطلاعات با بيت اندازه گيري مي شوند .حساب کنيد که چگونه هر پيکسل تمامي اين رنگها را مي تواند نشان دهد . براي مثال اطلاعات پيکسل 4 مي تواند بيتي در مد Gray Scale تا 16 سايه خاکستري را نشان دهد . هر 8 بيت از اطلاعات رنگ در هر پيکسل تا 256 بيت از اطلاعات رنگ را توليد مي کند و به اين ترتيب بديهي است که در درجات بالاتر بيت ( که عمق بيت نيز ناميده مي شوند ) واقع بيني رنگي بيشتري را به ارمغان مي آورد .
ضرورت تفکيک پذيري استاندارد صفحه نمايش 640*480 يا 72 نقطه در اينچ (dpi) مي باشد . شما بايد المانهاي وب را با آهنگ خاص براي کاربران جلو برده و توسعه دهيد .

جدول رنگ و الگو :

( مجموعه اي از رنگهاي قابل دسترسي در يک سيستم گرافيکي کامپيوتر ) :
اگر چه 8 بيت رنگ مي تواند ميلونها رنگ را نمايش دهد ولي فقط در يک زمان 256 رنگ حمايت مي شوند . سيستم فقط اين 256 رنگ را در سيستم گرافيکي خود ذخيره ميکند .

تذکر :
تفاوت کمي مابين جعبه رنگ ويندوز ميکروسافت و جعبه رنگ مرورگر Netscape Navigator وجود دارد . Navigator از 256 رنگ حمايت مي شوند ولي ويندوز از216 رنگ استفاده مي کند . هنگامي که يک عکس 8 بيتي ايجاد مي کنيد از يک بردار و يا يک نرم افزار نمايشي استفاده مي کنيد ،خود برنامه يک جعبه ايجاد مي کند که رنگهايي که در عکس موجود مي باشند در آن جعبه رنگ نيز وجود دارد . هنگامي که تصوير اصلي نمايش داده مي شود جعبه رنگ براي نمايش رنگ اصلي تنظيم مي شود . وقتي که تصاوير متعددي بطور مرتب و يکجا به نمايش مي گذاريد دچار عدم هماهنگي در تلالو رنگها مي شويد که اين امردرخشش الگو يا عوض شدن جعبه رنگ ناميده مي شود .

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


سه شنبه 26 آگوست, 2008 1:12 pm
مشخصات شخصی
آواتار کاربر

عضو: شنبه 19 آوریل, 2008 3:02 pm
پست ها: 431
پست Re: آموزش متدولوژی و روش طراحی وب سایت گام به گام
افزايش شدت نور نمايش

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

عکسهاي با فورمت Bitmap و برداري (Vector)

عکسهاي گرافيکي وب به 2 قالب دسته بندي مي شوند Bitmap و Vector که هر قالب خود زير شاخه هايي نيز دارد .

Bitmap:

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

بردار :

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

برنامه هاي گرافيکي :

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

اين برنامه ها به 2 گروه زير تقسيم مي شوند :
ترسيم بردار ، فايلهاي از نوع نقاشي

برنامه هاي ترسيم اشکال گرافيکي برداري :

نرم افزارهاي ترسيم بردار مبنا مانند XRes و AdobeIllustrator توصيف کننده نقشه شکل مي باشد و مي توان در آن خطوط نامرئي ايجاد کرد .
اطلاعات عکس در مجموعه اي از دستورالعمل هاي رياضي ذخيره مي شود . در قبل بحث کرديم که تصاوير برداري مستقل از مانيتور هستند به اين معنا که تنظيمات مانيتور کامپيوتر بر روي سايز و اندازه تاثير گذار است و نيز اين تصاوير کوچکتر از فايلهاي مشابه خود از نوع Paint هستند .
تصاوير برداري گرافيکي معمولا در ابعاد سه بعدي و در محيط هاي زبانهاي نمونه سازي فرضي VRLM- Virtual Reality Modeling Language مورد استفاده قرار مي گيرند و معمولا نمي توانند به درستي و به طور واقعي گرايانه جزئيات تصاوير را انتقال دهند و نمايش آنها در صفحه نمايش تا اندازه اي آهسته تر است ونيز براي ديدن آنها در وب نياز به plug-ins مي باشد. به هر جهت تصاوير برداري در صنعت و مصارف علمي کاربرد خيلي خوبي دارند . بعدا به معرفي برنامه هايي که از تصاوير برداري حمايت مي کنند خواهيم پرداخت.

برنامه هاي نقاشي :

برنامه هاي نقاشي از Scan عکس تا ضبط فريم هاي ويدئويي فايلهاي Bitmap ايجاد مي کند و يا براي ايجاد کارهاي هنري از آنها استفاده مي شود .
فايلهاي Bitmap با جزئيات بيشتري نشان داده مي شوند . در قبل بحث کرديم که فايل Bitmap با نقطه هاي کوچکي که هر نقطه مطابق با يک پيکسل در صفحه نمايش مي باشد طراحي شده است .
فايلهاي Bitmap در هنگام ضرورت پيکسل به پيکسل ويرايش مي شوند .
مضرات فايلهاي Bitmap در اين است که سايز فايلهاي اصلي بزرگ هستند . ظاهر فايلهاي Bitmap به طور زيادي بر صفحه مانيتور اثر مي گذارد . هر دو قالب Jpg ، Gif از نوع Bitmap هستند .
براي ايجاد تصاوير گرافيکي خوب معمولا از نرم افزارهاي زير استفاده مي شود:
• Adobe Photoshop
• Microsoft Image Computer
• JASC Paint Shop Pro


سه شنبه 26 آگوست, 2008 1:16 pm
مشخصات شخصی
آواتار کاربر

عضو: شنبه 19 آوریل, 2008 3:02 pm
پست ها: 431
پست Re: آموزش متدولوژی و روش طراحی وب سایت گام به گام
قالبهاي فايل تصوير

تصاوير گرافيکي در قالبهاي زير ظاهر مي شوند :
( Bitmap (BMP قالب TIFF (Tagged Image File Format) (Gif) Graphic Interchange Format , (WMF) Windows Meta File (JPEG) Joint Photo Graphic Express Group
فقط قالبهاي Gif و JPG بطور معمول و ذاتي با مرورگرها حمايت مي شوند و فرمتهاي ديگر با کمک Plug in مشاهده مي شوند . حمايت ذاتي به اين معنا است که مرورگر نيازي به نرم افزار خاص براي نمايش عکس ندارد . هنگام ايجاد يک تصوير وب يک طراح بايد يکي از فايلهاي jpg يا gif را بر مبناي نوع عکسي که در فرمت دارد انتخاب کند . جدول زير قالبهاي گوناگوني از فايلهاي عکس و پسوندهاي آن را نشان مي دهد .
ضمیمه:
05.gif


Graphic Interchange Format- Gif

Gif يک قالب فايل مستقل است که محدود به نمايش 256 رنگ مي باشد که بطور طبيعي بوسيله Compuserver براي سرويسهاي روي خط انتشار داده شده است . Gif براي اکثر طراحان حرفه اي وب قالب خوبي مي باشد زيرا سايز آنها کوچک هستند.
بهم تابيدگي فايلهايGif بي نظير است و بهتر است که براي فايلهاي بزرگ از اين نوع قالب استفاده شود . Gif به عنوان يک قالب کم ضرر در نظر گرفته مي شود به اين معني که تصوير فشرده مي شود در حالي که هيچ اطلاعاتي از دست نمي رود . در نتيجه يک فايل Gif نمي تواند به اندازه يک فايل Jpg فشرده شود و نيز طراح نمي تواند ميزان فشردگي را محاسبه کند .

Animated -Gif
در سال 1989 ورژني از نرم افزار مربوط به فايلهاي Gif اين امکان راداد که رشته توالي از عکسها ذخيره شده يک فايل متحرک نمايش دهد. فايلهاي Gif مي توانند انيميشن هاي کامل و افکتهاي ويدئوئي بدون نياز به Plugins را ايجاد کنند .
فايلهاي Gif ممکن است شامل يک عکس ساکن باشد ، توابع متحرک Gif مانند کارتون و ...
فايلهاي Gif ممکن است شامل فرمهاي متوالي است که تقريباً از Cach مرورگر بارگذاري ميشوند و بطور نا محدود تکرار ميشوند و يا حلقه مجبور به حرکت تقليدي ميشود. يکي از اختيارات Gif هاي متحرک اين است که آنها در درجه بالاي تصاوير متحرک قرار دارند آنها وابسته به Client - Pull و Server – Pushنيستند. هم Client – Pull و هم Server Push نياز به فايلي دارند که بتوانند بطوري در پي در پي با تعداد زيادي تغييرات بين کامپيوتر کاربر و کامپيوتر سرور بارگذاري شود .
ضمیمه:
06.gif


Server Push _Client Pull
( Server Push _ Pull ) ترکيبي از فنون سرويس دهنده / سرويس گيرنده وب که بصورت انفرادي شامل فشردن سرويس دهنده يا کشيدن سرويس گيرنده است. در فشردن سرويس دهنده ، داده ها را در سرويس گيرنده بار گذاري ميکند . اما ارتباط داده اي همچنان باز ميماند . اين ترکيب به سرويس دهنده امکان ميدهد که در صورت که در صورت لزوم انتقال داده ها را به مرورگر ادامه دهد . در کشيدن سرويس گيرنده ، سرويس دهنده داده ها را براي سرويس گيرنده بار گذاري ميکند. اما ارتباط داده اي باز باقي نميماند. سرويس دهنده رهنمود HTML را براي مرورگر ارسال ميکند و به آن اعلام ميکند که اين ارتباط را پس از يک فاصله زماني مجدداً باز کند. تا داده هاي بيشتري را دريافت کرده يا احتمالاً URL جديدي را باز کند.


برای مشاهده تصاویر و دانلود فایل های ضمیمه ، لازم است در سایت ثبت نام کرده و با نام کاربری خود وارد شوید. در حال حاضر ثبت نام در سایت رایگان است.


سه شنبه 26 آگوست, 2008 1:28 pm
مشخصات شخصی
مشاهده پست های قبلی:  نمایش بر اساس  
پاسخ به موضوع   [ 33 پست ]  برو به صفحه قبلی  1 ... 3, 4, 5, 6, 7  بعدی

افراد آنلاین

کاربران حاضر در این تالار: - و 5 مهمان


شما نمی توانید در این تالار موضوع جدید باز کنید
شما نمی توانید در این تالار به موضوع ها پاسخ دهید
شما نمی توانید در این تالار پست های خود را ویرایش کنید
شما نمی توانید در این تالار پست های خود را حذف کنید
شما نمی توانید در این تالار ضمیمه ارسال کنید

جستجو برای:
پرش به:  
cron
استفاده و نقل از مباحث سایت، فقط با ذکر منبع و لینک سایت میکرورایانه مجاز است.
Copyright © 2006 - 2010 MicroRayaneh - Powered by phpBB © phpBB Group
Valid CSS2 Valid XHTML 1.0
طراحی سایت : میکرو رایانه