سرعت و سایز صفحات (اسکرول کردن)

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

جدول زیر ماکسیمم سایز صفحه ای که برای واکنش درخواست ارتباطات با سرعتهای گوناگون مجاز است .
سایز صفحه به معنای سایز تمام فایلها و المانهای بکار برده شده در صفحه شامل فایلهای HTML و تمامی عناصر تعبیه شده ( jpg , gif ) می باشد .
توجه داشته باشید که ۱ ثانیه عکس العمل به کاربران این اجازه را می دهد که آنها حس کنند که به طور آزاد و راحت در میان اطلاعات جابه جا می شوند ولی زمان ۱۰ ثانیه نیازدارد که به توجه کاربر به سایت پرداخته شود . در اواسط سال ۱۹۹۷ مطالعات نشان می داد که متوسط سایز یک صفحه وب ۴۴ کیلو بایت است یعنی طبق جدول ۵ برابر بیشتر از زمان معمول واکنش برای کاربرانی که از ISDN استفاده می کنند . بنابراین برای بیشتر کاربرانی که از پهنای باند متوسط استفاده می کنند سرعت بارگذاری بسیار کم خواهد بود . همچنین توجه داشته باشید که ۴۴ kb ، ۳۰ درصد بیشتر از بزرگترین حد سایز برای کاربران استفاده کننده از مودم خواهد بود .
دانستن چنین مطالعاتی شما را به سمت توسعه وب متمایل می کند تا جایی که کامپیوترها و ارتباطات آنها با یکدیگر سریع تر شود . خیلی از وب سایتهایی که منتشر شده صفحات کوچکی هستند که از عکسهای کم مصرف در آن استفاده شده است .
● طراحی با دقت و توجه در کیفیت نمایش
توصیه می شود که برای طراحی از درجه تفکیک ۶۴۰*۴۸۰ استفاده کنید تا جایی که بدانید کاربر از Resolution دیگری استفاده می کند . با طراحی با این Resolution اطمینان دارید که کاربران برای دیدن تمام صفحه شما از Scroll استفاده می کنند . برای پرهیز از ایجاد اسکرول افقی صفحه را از ۶۰۰ pix پهن تر نکنید و به خاطر داشته باشید که کاربران فقط سایت شما را مرور می کنند و حاضر نیستند که برای دیدن تمام صفحه شما از اسکرول استفاده کنند . کیفیت استاندارد و اصلی ۶۴۰*۴۸۰ می باشد که بیشتر در عمل به کار می رود هنگامی که شما با تفکیک ۶۴۰*۴۸۰ طراحی می کنید این عدد اثر بیشتری نسبت به درجات تفکیکهای بالاتر دارد . شکلهای زیر یک وب سایت را در انواع Resolution ها نشان می دهد . با وجود اینکه هنوز همه از مانیتورهای ۶۴۰*۴۸۰ استفاده می کنند اما در سالهای اخیر Resolution های بیشتری بوجود آمده اند و شما ممکن است که بخواهید تکنولوژی برتر را بدون رها کردن کاربران و با سخت افزار قدیمی برای آنها تامین کنید. یک راه انجام این عمل طراحی است که بتواند سازگاری خوبی با کاربران داشته باشد . در صورت استفاده از Resolution زیاد کاربران تصمیم به بزرگتر کردن پنجره می کنند.
● رنگ
المانهای رنگی نقش مهمی را در اصول و نظام ارائه یک سایت دارند . سبک و روش و فرهنگ و آداب شرکتها با ارائه رنگ در سایت و چگونگی هماهنگی و ترکیب آنها با یکدیگر به تصویر کشیده می شود .
به عنوان مثال یک وب سایت با رنگ بندی قوی مثل قرمز و صورتی و زرد و سبز ، برداشت هنری جذابی از ماهیت های صنعتی و فرهنگی مثل حالتی از یک نرم افزاری با تکنولوژی بالا یا یک واحد گرافیکی به بیننده ارائه می دهد . و از نقطه نظر یک سایت با رنگهای ملایم تری مثل سفید و آبی روشن و یا خاکستری برای محافظه کاری و برای ارگانهای سنتی مثل بانک و یا شرکتهای سرمایه گذاری به کار برده می شود .
یکی از مسائلی که در توسعه و پیشرفت طراحی سایت با آن مواجه میشوید این است که چگونه احساسها را در هنگام انتخاب رنگ برای وب سایت شرکت خود منتقل کنید. کدام رنگها بیشتر مکمل هستند چند رنگ به معرض نمایش گذاشته می شود ؟ آیاشما از خطوط پایه افقی و عمودی استفاده می کنید ؟ آیا سایت شمادارای اشکال هندسی مثل چند ضلعی و مربع می باشد ؟ این سئوال و نیز بقیه سئوالات باید برای بهترین مدل به تصویر کشیدن عکس در یک کمپانی برای کار بران مطرح شود .
▪ نمایش رنگ :
یک مانیتور کامپیوتر شامل هزاران المان است که پیکسل نامیده می شود . هر پیکسل فقط یک رنگ را در یک زمان نشان می دهد . هنگامی که به یک عکس نگاه می کنید شما صدها یا هزاران پیکسل می بینید که هر کدام یک رنگ ویژه دارد و ترکیب آنها باعث ایجاد تصویری می شود که شما می بینید . رنگهایی که وقتی با یکدیگر ترکیب می شوند رنگ سفید را می سازند به عنوان یک رنگ افزودنی تلقی می گردند . اصل این رنگ شامل رنگهای قرمز و سبز و آبی است که RGB نامیده می شود . مانیتور کامپوتر رنگهای افزودنی را نشان می دهد . اضافه کردن رنگهای بیشتری به این ترکیب در سیستم RGB باعث جابه جایی رنگ به سمت رنگ سفید می شود .
▪ قالبهای رنگ :
رنگها با دو قالب عددی استاندارد شده اند :
۱) درجات قرمز و سبز و آبی (RGB)
۲) هگزا دسیمال
یک طراح برای انجام یک طراحی وب دقیق باید منحصرا از کدهای هگزا دسیمال استفاده کند . ولی به هر جهت برای بحث در مورد اهداف خود هر دو مورد را در نظر می گیریم .
سیستم RGB و هگزا دسیمال یا هر دو ( با هر رنگی که در محدوده دید و بینایی قرار دارند و با خواص گوناگون با یکدیگر ترکیب می شوند معرفی می شوند) . قالبهای این رنگها توانایی نمایش ۱۶۷۷۲۲۱۶ رنگ را دارد .
▪ RGB :
مقدار RGB در مبنای ۱۰ در رنج عددی ۰ تا ۲۵۵ می باشد . در سیستم مبنای ۱۰ از ارقام بین ۰ تا ۹ استفاده می شود . وقتی رقم ۱ در دسترس قرار می گیرد مقدار از ۰ به ۱ افزایش می یابد و همینطور بالا می رود . با استفاده از قانون RGB رنگ سفید به شرح زیر تعیین می شود :
R = ۲۵۵ , G = ۲۵۵ , B= ۲۵۵
بنابراین مقدار RGB برای رنگ سفید B=۲۵۵ ، G=۲۵۵ ، R=۲۵۵ که (نمایش ماکسیمم درجه قرمز و سبز و آبی است ) می باشد .
مقدار درجه RGB برای رنگ سبز به اینگونه است :
R = ۰ , G = ۲۵۵ , B= ۰
بنابراین مقدار RGB برای رنگ سبز ۰ و ۲۵۵ می باشد که نمایش ۰% برای قرمز و آبی و بیشترین درصد برای رنگ سبز است .
شما می توانید رنگ سبز را با کدهای HTML به قرار زیر دنبال کنید :
< Body bgcolor=" ۰,۲۵۵,۰ " > المانهای رنگی نقش مهمی را در اصول و نظام ارائه یک سایت دارند . سبک و روش و فرهنگ و آداب شرکتها با ارائه رنگ در سایت و چگونگی هماهنگی و ترکیب آنها با یکدیگر به تصویر کشیده می شود .
به عنوان مثال یک وب سایت با رنگ بندی قوی مثل قرمز و صورتی و زرد و سبز ، برداشت هنری جذابی از ماهیت های صنعتی و فرهنگی مثل حالتی از یک نرم افزاری با تکنولوژی بالا یا یک واحد گرافیکی به بیننده ارائه می دهد . و از نقطه نظر یک سایت با رنگهای ملایم تری مثل سفید و آبی روشن و یا خاکستری برای محافظه کاری و برای ارگانهای سنتی مثل بانک و یا شرکتهای سرمایه گذاری به کار برده می شود .
یکی از مسائلی که در توسعه و پیشرفت طراحی سایت با آن مواجه میشوید این است که چگونه احساسها را در هنگام انتخاب رنگ برای وب سایت شرکت خود منتقل کنید. کدام رنگها بیشتر مکمل هستند چند رنگ به معرض نمایش گذاشته می شود ؟ آیاشما از خطوط پایه افقی و عمودی استفاده می کنید ؟ آیا سایت شمادارای اشکال هندسی مثل چند ضلعی و مربع می باشد ؟ این سئوال و نیز بقیه سئوالات باید برای بهترین مدل به تصویر کشیدن عکس در یک کمپانی برای کار بران مطرح شود .
تذکر فنی :
برای کامل کردن سیستم رنگهای RGB و درجات هگزا دسیمال میتوانید سایت http://www.lynda.com/hexb.html مراجعه کنیداین سایت توسط Lynda Weinman از مرکز هنری Ojai Digital ایجاد شده است .
▪ ارقام هگزا دسیمال :
درجات ارقام هگزا دسیمال دربازه بین ۰۰ تا FF بصورت زیر است :
(۱,۲,۳,۴,۵,۶,۷,۸,۹,A,B,C,D,E,F)
عدد در مبنای ۱۰ با همان مقدار به مبنای ۱۶ تبدیل شده و نمایش داده می شود . مقدار ۰۰ هیچ درصدی را نمایش نمی دهد و مقدار FF بیشترین درصد مقدار رنگ را نمایش می دهد .
رنگ سفید در مبنای ۱۶ به این صورت نشان داده می شود :
Red= FF , Green = FF , Blue= FF
این مقادیر بیشترین درصد رنگهای قرمز و سبز و آبی را نشان می دهد .
نمایش سبز در مبنای هگزا دسیمال به قرار زیر است :
Red = ۰۰ , Green = FF , Blue = ۰۰
این مقادیر بیشترین درصد رنگ برای رنگ سبز و هیچ درصدی را برای رنگهای آبی و قرمز نشان نمی دهد . برای هر رنگ سبز و آبی و ... در مبنای ۱۶ ، ۲ کاراکتر اختصاص داده شده است و با توجه به این می باشد که اساس RGB از ارقامی مابین ۰ تا ۲۵۵ برای هر مقدار آبی و قرمز و سبز استفاده می کند. نمودار فوق را ملاحظه کنید :
وقتی از مبنای ۱۶ در HTML استفاده می شود در ابتدای آن از علامت # استفاده می شود که لازم نیست اما قسمتی از ویژگیهای رسمی HTML محسوب می شود . در تگ Body برای مثال کد رنگ پیش زمینه آن اگر سبز باشد ، خواهیم داشت :
< body bgcolor="#۰۰FF۰۰" > :
< body bgcolor="#۰۰FF۰۰" >


▪ هشدار :
Netscape ۴ در قرار دادن " " در اطراف ویژگیها اشکال می گیرد .هنگامی که از مقدار مبنای ۱۶ در قسمت Style ها استفاده می کنید " " را بردارید .



استاد آن لاین