فرمت فایل : word(قابل ویرایش)
تعداد صفحات:113
فهرست مطالب:
فصل اول: وب
فصل دوم:مستندات طراحی
فصل سوم :کدهای html
فصل چهارم :صفحات سایت
فصل اول:
1- توصیف رابطه نزدیک بین تکنولوژی وب و مفاهیم طراحی
2-بیان طرح المانها و انتخاب فونتها و رنگهای وب سایت
3- توصیف اهمیت کاراییسایت برای مخاطبین و توضیح چگونگی برگذاری یک آزمون برای محاسبه کارآیی
4-توصیف اینکه چرا هدایت شدن در سایت مهم است و چگونه مرورگرها آن را کنترل
می کنند
5- توصیف سلسله مراتب یک وب سایت و تعریف قراردهای مشابه آن
6-توصیف عملکرد گرافیک ها در سایت شما
7- توصیف توابع و ابزارهای عکس وانتخاب بهترین قالب گرافیکی
8- جستجوو مطالعه برای اصول طراحی چند رسانه ایو انتخاب بهترین چند رسانه برای سایت
9- توصیف فرآیند توسعه وب
10- نوشتن جملات گویا در سایت و توسعه استراتژی وب و تکنیکهایی برای هدایت از آن
11-توصیف مفهوم کاربردی بودن سایت
12- توصیف فرآیند نقشه های فکری و استفاده از آن در ساختار وب
13- اندازه گیری زمان ، عوامل پیاده سازی سایت و محاسبه زمان Download (بارگذاری)
چکیده:
ماهیت وب
بیشتر طراحان وب از نقطه نظر نگاه خود به طراحی وب می پردازند، آنها علاقمند هستند که خودشان را با استعارات مشخص و با تبلیغات فراوان نشان دهند. به هر جهت اینترنت برای شما ایجاد تجارت ونیز قابلیتی برای ارتباط نزدیک ارائه می دهد .
کاربران میتوانند اطلاعات و محصولاتی را که در خور نیازشان میباشد را پیدا کنند.
اینترنت معمولی ترین رسانه واسطه ای است که کاربر را آماده میسازد که تصمیم بگیرد که چه اطلاعاتی را میخواهد و باید برای رسیدن به آن به کجا مراجعه کند. این امر باعث میشود که بر خلاف رسانه های انتشاری، اینترنت یک رسانه تبادلی ( دو طرفه ) تلقی شود. اکثراً رسانه ها تاثیر گذار هستند و هدف آنها ایجاد علاقه کافی است تا اینکه که سرانجام بتواند تبادل مطلوب راانجام دهند.
ماهیت خواندن یک مجله و یا دیدن برنامه های تلویزیون ذاتی و بالفطره نیست و معمولاً کار انفرادی است. در اصل عمل خواندن مطبوعات یا تماشای برنامه های تلویزیونی بالفطره عملی تبادلی نیست و در حقیقت بین عمل خواندن یا تماشای تلویزیون با عمل تبادل تفاوت وجود دارد. تنها تبادل انجام شده در مورد خوانندگان و بینندگان ، گرفتن اطلاعات از طریق خواندن یک کتاب یا مجله یا تماشای برنامه تلویزیون است. ( بصورت یک طرفه) بنابراین ایجاد اطلاعات جهت رسانه های گروهی به راهکارهای متفاوت تری نسبت به ایجاد اطلاعات مربوط به اینترنت نیاز دارد.
مشاهدات بی عیب اینترنت مانند ثبت رویداد بر روی مرورگر وب ،دلالت بر درخواست کاربران و واکنش سرور دارد. به عبارت دیگر انجام یک داد و ستد و تبادل می باشد.
بعلاوه با این طبیعت، اینترنت نمیتواند بصورت خطی عمل کند. اگر کاربر تصمیم به انجام داد و ستد و تبادل داشته باشد، ابتدا باید به سایت راهنمایی و هدایت شود، و سپس برای تجارت در سایت بماند و گردش کند و در پایان دوباره به سایت بازگرددو نیز باید در نظر داشت که کاربر میتواند برای انجام داد و ستد در هر لحظه به هر سایت دیگری مراجعه نماید.
ابزار ها و تکنولوژی
سالها مذاکرات زیادی درباره اینکه چه ابزارهای خاصی در فرایند گسترش وب استفاده میشود، وجود داشت. به هر جهت امروزه خیلی از ابزارهای ویرایشگر وب در رده های چهارم و پنجم قرار گرفتند. این مذاکرات بیشتر پیرامون آن بود که طراحان وب از کدام ابزارها استفاده کنند نه اینکه صرفاً بخواهند از ابزاری خاص استفاده کنند. بطور ایده آل ترکیب کدهای دستی و WYSIWYG بهترین گزینه از نقطه نظر توسعه امروزی است. انجام این عمل ساده زمان زیادی برای توسعه یک سایت HTML با کد نویسی را میگیرد. احتیاجات به روز رسانی اطلاعات مستلزم آن است که بین صفحه وب و یک سایت محلی اتحاد و پیوستگی ایجاد شود. امروزه WYSIWYG از استاندارد خارج شده است. و از Dream Wearer , Front Page استفاده میشود. در آینده میتوانید تشکیلات خود را به آخرین درجه پیشرفت برسانیدو همواره با زمان جلو روید.
این ابزارهای قدرتمند که در صنعت نیز قابل رقابت هستند در دوره CIW ارائه خواهند شد. این ابزارها با هم هماهنگی خاصی دارند.
رسانه های واسط
طراحان وب باید در مورد دیگر تفاوتهاو مشکلاتی که در طراحی وب در مقایسه با رسانه های دیگر بخصوص چاپ پیش می آید آگاه شوند. در ابتدای زمان طراحی وب ،بسیاری از سایتها بصورت HTML ساده و بصورت بروشورولی با خاصیت وب توزیع میشدند و این شیوه باعث شد که کمپانیها خیلی سریع اطلاعات خود را بر روی وب ارسال کنند . بعلاوه وب به عنوان قلمرو جدید بود که نه سندیتی برای آن وجود داشت و نه اطلاعات معتبری برای تائید اعتبار آن بود. بیشتر کمپانی ها خیلی زود آموختند که ارسال بروشور بر روی وب موثر تر از استفاده از رسانه های دیگر نیست. به طور کلی در یک جمله می توان گفت صفت چاپ خاصیت خطی داردیعنی از یک خط به خط دیگر و از یک صفحه به صفحه دیگر. …..ولی وب یک رسانه خطی نیست و به همین سبب خواص متفاوت تری دارد و هنگامی که در داد وستد از آن به عنوان یک قالب خطی استفاده شود خواص متفاوتی از خود بروز میدهد. بیشترین ویژگی متفاوت وب در برقراری ارتباط دو طرفه با کاربران میباشد. صنعت چاپ نمیتواند مشاهدات کاربران را بصورت فرم تخصصی در آورد. ودر یک جمله دیگرمیتوان گفت رسانه وب میتواند امکانات ارتباط دو طرفه را به بهترین صورت انجام دهد و برای کاربر فرم شخصی ایجاد کند. و این پدیده یک ارتباط مستقیم بین تجار و کاربران(خریداران) را برقرار می کند .در طی این دوره شما از ابزارهای زیادی در توسعه صفحات وب بهره خواهید گرفت اما توجه داشته باشید که هدف از این دوره کامل کردن مهارت شما در تمامی این زمینه ها بصورت حرفه ای نیست بلکه هدف از این دوره آگاهی شما از امکاناتی است که هر کدام از این ابزارها به شما میدهند و این شما هستید که در نهایت تصمیم گیرنده اصلی خواهید بود که کدام ابزار فواید بیشتری برای نظام مند شدن مقاصدتان دارد.
کاربران وب و نکاتی در طراحی سایت
کیفیت مندرجات سایت شما و نمایش آن از عوامل موفقیتهای اصلی سایت هستند . یکی از بزرگترین اشتباهاتی که شما در ساخت و تولید و نمایش مندرجات روی وب دارید دخالت دادن استانداردها ، تمرین ها و تعهدات رسانه های دیگر مثل چاپ میباشد . وب رسانه متفاوت تری از بقیه رسانه های موجود است و بنابراین استانداردهای متفاوت تری برای توسعه آن نسبت به بقیه رسانه هامثل چاپ و ویدئو و سایر رسانه های سنتی وجود دارد . این فصل به شما خلاصه ای از بیشتر ملزوماتی که شما نیاز دارید برای توسعه کار آن آنها را در نظر بگیرید ارائه میدهد .
حدس می زنید که چه مقدار از متن صفحه وب شما به طور واقعی توسط کاربر خوانده می شود ؟ تمام آن ؟ بیشتر آن ؟ حقیقت آن است که کابران اغلب هیچ مقداری از آن را نمی خوانند . به دنبال این جمله باید گفت که در حدود 80% از مردم فقط در مندرجات سایت پویش می کنند و به دنبال نکات و عبارات کلیدی می گردند . به طور متوسط 25 % کاربرای در خواندن روی مانیتور نسبت به خواندن از روی چاپ آهسته تر عمل می کنند . بنابراین ،این واقعیت چگونه بر ساختار صفحه شما اثر می گذارد ؟ به عنوان یک طرح شما باید صفحه ای ایجاد کنید که کاربران بتوانند سریع آن را کاوش کرده و اطلاعات مطالبه کرده را پیدا کنند .
بخاطر آورید که یکی از تناقضات در طراحی وب این است که تصور کنید که وب فرم دیگری از رسانه چاپ است . هنگامی که طرح یک صفحه با مندرجات مشابه به یک مجله و یا بروشور ایجاد می کنید کاربران به طور مسلم به سایت دیگری خواهد رفت چراکه شما در نظر نگرفتید که ماهیت مطالب بر روی وب باید با دیگر رسانه ها به خصوص چاپ متفاوت باشد.هنگامی که کاربران به سایت شما می رسند اولین حسی که درآنها ایجاد می شود از اهمیت زیادی برخوردار است.مثلا ممکن است سایت وب شما که به قصد تجارت ایجاد شده است فقط یک پنجره داشته باشد ولی به هر حال اگر به نظر مشتری غیر جذاب باشد شما مشتری خود را به رقیب خود واگذار کردید. بنابراین اگر بدانید که بازدید کنندگان فقط سایت شما را مرور می کنند متوجه خواهید شد که چرا نباید کاربران را مجبور به خواندن مطالبی کنید که برای آنها جالب نیست . کاربران را راضی نگه دارید و آنچه را که می خواهند به آنها عطا کنید، حتما آنها به سایت شما باز خواهند گشت .(قابل ذکر است قواعد بازار یابی در سایتهای تجاری متفاوت تر از دنیای واقعی می باشد)
کاربران نمی خواهند که صفحات در هم و نا مربوط را ببینند و از طرفی محتویات و مندرجات سایت نیز ضروری است پس با این وجود ساختار و انتشار آن هر دو با هم از اهمیت برخوردار هستند .
معمولا کاربران سایت شما را برای اطلاعات ویژه ای که در مورد جستجو و یا خرید و … می خواهند بازدید می کنند .
هر چقدر این عمل برای آنها آسانتر باشد، کارشان را راحت و سریعتر انجام میدهند. کاربران وب فقط علاقه مند به آنچه که می خواهند بیابند هستند . کسانی که در کارهای تجارت خرده و جزئی هستند اعتقاد بر این دارند که مشتری ها خود خواه هستند ، ولی آنها می دانند که پرداخت صورتحساب است که درهای تجارت را باز نگه می دارد و اگر شما این نکته را درک کنید صفحه ای بوجود خواهید آورد که ساختار آن اهداف تجاری کاربران را تامین کند .
سایتی نظیر سایت www.cnn.com را در نظر بگیرید . به محض ورود به سایت سریعا می توانید مرور کلی از کل سایت داشته باشید و یا به عبارت دیگر شما می توانید کل سایت را با نگاه از یک عبارت به عبارت بعدی مرور کنید و آنچه را که بخواهید خیلی سریع بدست آورید . بنابراین تمایل به دیدن مجدد سایت رادارید .سایت فوق از نمونه سایتهای موفق در جهان می باشد.
واقعیت در طراحی
یک طراح وب باید برای فن آوری جدید و اینکه چگونه از ابزارهادر طراحی استفاده کند آماده باشد و معمولا طراحان جدیدترین سخت افزارها و نرم افزارها را به کار می گیرند . به هر جهت این انگیزه ایجاد می شود که شما باید صفحات دو طرفه دینامیکی ایجاد کنید که نرم افزارهای جدید و قدیم را حمایت کنند . اکثریت استفاده کنندگان وب به جستجوی طراحی عالی وپیشرفته نیستند ولی استثنائاتی همیشه در این قواعد وجود دارند . به هر جهت یک راهنمای خوب در هنگام طراحی وجود دارد که به قرار زیر است :
1- بیشتر کاربران از مانیتورهای 17 Inch یا کمتر استفاده می کنند .
2- بیشتر کاربران با تنظیم تفکیک پذیری 480*640 کار می کنند .
3- بیشتر کاربران دارای مودم های با سرعت 56k هستند .
4- اغلب کاربران مرورگرهای ورژن 4 به پایین دارند .
5- تعداد کمی از مردم زمان زیادی را برای بارگذاری فایلها صرف می کنند.
همواره در طراحی وب نکات کلی بالا را در نظر داشته باشید
ساختار متناسب برای صفحه
طرح اصلی روزنامه مورد علاقه خود را در نظر بگیرید . در صفحه روی جلد خبر اصلی وجود دارد و بعلاوه متون حاشیه ای هم در آن قرار دارد که خبر های دیگر روزنامه در آن لیست شده است . این قضیه به چه نحوی در خواندن شما تاثیر می گذارد ؟این طرح کلی شما را وادار به خواندن یک خبر در روی صفحه اول نمی کند.اگر خلاصه یک خبر که درستی آن را دنبال میکنید ببینیددر آن شماره صفحه ای وجود دارد که از طریق آن میتوانید وترد کل داستان شوید. یعنی با یک اتصال شما را به کل میرساند.
این ساختار اغلب با ساختار یک هرم مقایسه می شود که در نمودار شکل زیر ترسیم شده است . در این مدل در ابتدا خلاصه داستان برای شما ارائه می شود سپس اتصال برای ماخذ و جزئیات آن برای کسانی که علاقه مند هستند قرار داده می شود .