آموزش طراحی وب Ciw
 

فونتهای میکروسافت :

فونتهای وب اولیه میکروسافت Open Type نامیده می شوند سایت http://www.microsoft.com/hypography تلاش مشترکی بین میکروسافت و Adobe می باشد . ازنقطه نظر نگاه وب Open Type مانند Truedoc عمل می کند و کاراکترها را قادر می سازد که از میان اسناد در فرم متراکم شده ای عبور کنند .
Open Type پهنای ابتدائی دارد که True Type و Post Script نوع 1 را به عنوان یک قالب منفرد در هم ادغام کرده است .
گر چه True Dec و Open Type تکنولوژیهای رقابتی با یکدیگرهستند ولی آنها قادر خواهند بود که با هم در یک کامپیوتر همجوار باشند و هر فونتی را در صفحه ظاهر کنند به شرط آنکه کاربران آن فونت را بر روی سیستم های خود Install کنند . این قالب این تعهد را ایجاد می کند که کاربرانی که از مرورگرهای مختلف استفاده می کنند همیشه هر دو این تکنولوژیها را حمایت کنند .
بعضی کاربران مرورگرهای قدیمی دارند . به عنوان یک طراح وب باید بتوانید بین تقاضای خود برای تناسب فونتها و نیاز به جلب بیشترین مخاطب ارتباطی برقرار سازید .
واین حقیقت کوشش بیشتر شما را برای ایجاد یک صفحه با منظر خوب ( مستقل از نوع مرورگری که این صفحات با آن دیده می شوند ) را می طلبد .

آموزش طراحی وب Ciw
 

فضای سفید :

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

آموزش طراحی وب Ciw
 

ساختارها
ساختار صفحه با فایلهای Gif شفاف :

یک عکس شفاف می تواند در صفحه به جای اشغال کردن فضاهای خالی وارد شود ونیز شما می توانید طول و عرض آن را با بکار بردن ویژگیهایی در تگ < Image > برای ایجاد ابعاد فضای در خواستی، کنترل کنید . برای مثال اگر بخواهید پاراگرافی وارد کنید باید تگ زیر را ایجاد کنید (عکس gif همرنگ با background صفحه است):
< Img Src="transparent.gif" height=2 width=15" >
با دادن این مقادیر پاراگراف با فاصله 15 pix از سمت چپ شروع می شود . با همان رویه می توانید فضای بین پاراگراف را با قرار دادن مقادیر فوق افزایش دهید .
< Img Src="transparent.gif" height=20 width=2" >
عکسهای Gif می توانند در صورت نیاز در جداول برای کنترل سایز ستونها و سطرها در صورت نیاز قرار داده شوند . به خاطر داشته باشید که هدف ما کاهش بی نظمی های صفحه ، به این منظور که کاربران را قادر به مرور مطالب و اسناد و نیز انتخاب اتصال دیگر کند ، می باشد .

آموزش طراحی وب Ciw
 

ساختار صفحه با جداول :

طراحان وب بایدبه خوبی ساختار صفحه را درک کنند و از جداول در ساختار صفحات استفاده کنند . به طور پیش فرض تمامی موارد در HTML از طرف چپ تراز می شوند . طراحان وب از جداول برای توزیع مندرجات کل صفحه نمایش درمرورگر استفاده می کنند . ساختار جدول می توانند با مندرجات پر گردندنیز می توان برای جداول قاب قرار نداد تا کاربران متوجه وجود جدول در صفحه نگردند. CSS -Cascading Style Sheet می تواند برای رفع جداول در ساختار HTML ایجاد شوند که متاسفانه همه مرورگرها از آن حمایت نمی کنند و فعلا تا زمانی که CSS بصورت استاندارد جهانب در نیامده از جداول به عنوان استاندارد استفاده می شود .

آموزش طراحی وب Ciw
 

ساختار صفحه با استفاده از فریم ها :

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

آموزش طراحی وب Ciw
 

ساختار صفحه با استفاده از تعیین موقعیت :

لایه ها یا المانهای پشته ای دیگر بصورت عمودی در آمدند و بیشتر مرورگرها از آنها حمایت می کنند . نا هماهنگی اصلی در لایه گذاری این است که Netscape Navigator از تگ < Layer > استفاده می کند . در صورتیکه Internet Explorer با استانداردهای W3C ،موقعیت یاب CSS برای تمامی المانها مطابقت می دهد . بنابراین دو فایل آغاز گر مجزا باید برای اطمینان از مطلوبیت از عبور پایگاه داده استفاده شود. متاسفانه خیلی از ویراستارهای HTML به طور اتوماتیک هر 2 ورژن را بصورت کد درآوردند .

آموزش طراحی وب Ciw
 

سئوالات ابتدائی :

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

آموزش طراحی وب Ciw
 

مقدمه :

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

آموزش طراحی وب Ciw
 

اهمیت کارآیی مخاطبین (کاربران)

یک طراح وب باید از علم مخاطبین خودهمراه با navigation مطلع باشد. دانستن حساسیت های مخاطبین عامل موفقیت سایت است برای مثال اگر شما برای کاربرانی که سیستم های قدیمی دارند سایت طراحی می کنید و از چند رسانه ای های جدید استفاده می کنید ، مخاطبین خود را درک نکردید . درک مخاطبین منوط به آموختن درباره جغرافیای افراد و سن ، تحصیلات ، موقعیت، درآمدمی باشد، بعلاوه شما نیازمند آن هستید که درباره تکنولوژی که این قشر از کاربران در سیستم های خود استفاده می کنند بدانید و نیز در نظر داشته باشید که این اطلاعات شامل فاکتورهایی مثل سرعت ، ارتباطات ، مرورگرهای با ورژنهای مختلف و Plug-ins های در دسترس می باشد . هنگامی که شما این فاکتورها را دانستیدو درک کردید بهترین نوع حمایت را از کاربران خود را خواهید داشت .
آزمایش کارآیی یک سایت می تواند به المانهای ممتازی تقسیم شود که این المانهادر طراحی جزء مفاهیم اولیه هستند . این المانها دستورات منحصر به فرد نیستند و همه آنها اهمیت یکسان دارند،زیرا ترکیب آنها می تواند قابلیت های کارآیی سایت را محاسبه کند و حذف هر یک باعث کم شدن کارآیی می شود .

آموزش طراحی وب Ciw
 

کیفیت مندرجات : کیفیت منرجات ارائه شده در یک سایت ارزش محصولات سایت را ارائه می دهد .

● Navigation آسان و کاربردی: کاربران باید بتوانند خیلی راحت و آسان و با کوشش کم بوسیله Navigation سایت را بپیمایند و الا به سایت دیگری خواهند رفت .

●اطلاعات ساختاری : توجه نکردن به ساختارسایت باعث کم کردن کیفیت مندرجات سایت می شود و تاثیر مطلوبی بر روی کاربر ندارد و این نکته بدان معنی است که اطلاعات سایت باید در ساختارهای منطقی سازماندهی شوند .

● قابلیت جستجو : همه کاربران در مورد استفاده از یک موتور جستجو شبیه به هم هستند . بنابراین توانایی ایجاد یک موتور جستجو گر بازیابی و هویت مندرجات شما را فراهم می کند .