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

**رزیتا** · #1 09-20-2009

مقدمه

به دوره تکنولوژی و متدولوژی طراحی وب خوش آمدید . این دوره طراحی و صفحه آرایی را و اینکه که چگونه یک سایت را طراحی کنید را به شما می آموزدو سپس برای توسعه وپیشرفت بیشتر آن از ابزارهایی نظیر Front Page 2000 و Home site Dream Weaver MX و ... استفاده می کنید . در طی این دوره شما با جدیدترین ابزارهای طراحی وب نظیر Flashmx و ... آشنا خواهید شد و نیز با تکنولوژی هایی نظیر داینامیک HTML و Style sheet و Java Script و اپلتهای جاوا ، Plug in و چند رسانه ای آشنا خواهید شد .
و نیز ابزارهای طراحی قابل انعطاف و نیز نا سازگاریهایی که بعضی از این ابزارها با مرورگرهای جاری دارند را ملاحظه خواهید کرد . (با ایجاد پروژه ای کلیه مراحل گفته شده تست می شود)
در این درس شما اداره کردن یک سایت و نیز فرآیندهای توسعه آن را فرا خواهید گرفت .
طراحی وب به یک راهکار متفاوت تری نسبت به بقیه رسانه ها نیاز دارد . در طی این دوره شما به فرآیند طراحی از نقطه نظر نگاه یک کاربر سایت نزدیک خواهید شد حال آنکه و نقش یک طراح و مدیر سایت را نیز خواهید داشت و شما در فرآیند توسعه یک سایت با توسعه وب در یک نمونه اولیه در حال انجام کار خواهید کرد .
این مفاهیم و مهارتهای آموخته شده در این دوره شرکتها را (شرکتهای هماهنگ کننده استاندارد وب )قادر خواهند کرد که بر چالشهای رسالت انتقاد آمیز اطلاعات تجاری در محیطهای اینترنت و اینترانت غلبه کنند .
هر فصل با طرح سئوالاتی به شما برای مرور بر موارد گفته شده وبرای آمادگی در امتحان CIW به شما کمک خواهد کرد .

برای یادگیری این دوره ی آموزشی نیاز است کاربران محترم آشنایی با مهارتهای Windows 98-XP ، اینترنت و طراحی صفحات وب داشته باشند .

ضمنا نیاز است سیستم شما دارای خصوصیات ذیل باشد :

- حداقل سیستم مورد نیاز پنتیوم III
- 64 مگا بایت Ram
- حدود 600 مگا بایت فضای آزاد

**رزیتا** · #2 09-20-2009

اهداف دوره

بعد از گذراندن دوره CIW مهارتهای زیر را پیدا خواهید کرد :
1- توصیف رابطه نزدیک بین تکنولوژی وب و مفاهیم طراحی
2- بیان طرح المانها و انتخاب فونتها و رنگهای وب سایت
3- توصیف اهمیت کارایی سایت برای مخاطبین و توضیح چگونگی برگذاری یک آزمون برای محاسبه کارآیی
4- توصیف اینکه چرا هدایت شدن در سایت مهم است و چگونه مرورگرها آن را کنترل می کنند .
5- توصیف سلسله مراتب یک وب سایت و تعریف قراردهای مشابه آن
6- توصیف عملکرد گرافیک ها در سایت شما
7- توصیف توابع و ابزارهای عکس و انتخاب بهترین قالب گرافیکی
8- جستجوو مطالعه برای اصول طراحی چند رسانه ای و انتخاب بهترین چند رسانه برای سایت
9- توصیف فرآیند توسعه وب
10- نوشتن جملات گویا در سایت و توسعه استراتژی وب و تکنیکهایی برای هدایت از آن
11- توصیف مفهوم کاربردی بودن سایت
12- توصیف فرآیند نقشه های فکری و استفاده از آن در ساختار وب
13- اندازه گیری زمان ، عوامل پیاده سازی سایت و محاسبه زمان Download (بارگذاری)

**رزیتا** · #3 09-20-2009

ماهیت وب

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

**رزیتا** · #4 09-20-2009

رسانه های واسط

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

**رزیتا** · #5 09-20-2009

محاسبه مهارتهای Html خود

در این تمرین شما مهارت Html خود را با ایجاد یک صفحه ساده محاسبه خواهید کرد. شایان ذکر است که مندرجاتی شما بکار میبرید میتواند متفاوت از مندرجات بکار برده شده در این تمرین باشد.

**رزیتا** · #6 09-20-2009

سئوالات :

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

مهارتهایی که بعد از خواندن این فصل پیدا خواهید کرد
1- تعیین هویت یک قالب صفحه وب معمولی
2- تعریف ساختار المانها و کاربردشان
3- استفاده از رنگ برای انتقال فرهنگ و نوع صنعت یک شرکت
4- توصیف رنگ در قالبهای عددی
5- انتخاب نوع قلم برای وب سایت
6- توصیف اهمیت فضای سفید

**رزیتا** · #7 09-20-2009

نمایشنامه – اساس یادگیری

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

**رزیتا** · #8 09-20-2009

هدایت و توسعه وب جاری

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

**رزیتا** · #9 09-20-2009

ابزار ها و تکنولوژی

سالها مذاکرات زیادی درباره اینکه چه ابزارهای خاصی در فرایند گسترش وب استفاده میشود، وجود داشت. به هر جهت امروزه خیلی از ابزارهای ویرایشگر وب در رده های چهارم و پنجم قرار گرفتند. این مذاکرات بیشتر پیرامون آن بود که طراحان وب از کدام ابزارها استفاده کنند نه اینکه صرفاً بخواهند از ابزاری خاص استفاده کنند. بطور ایده آل ترکیب کدهای دستی و WYSIWYG بهترین گزینه از نقطه نظر توسعه امروزی است. انجام این عمل ساده زمان زیادی برای توسعه یک سایت HTML با کد نویسی را میگیرد. احتیاجات به روز رسانی اطلاعات مستلزم آن است که بین صفحه وب و یک سایت محلی اتحاد و پیوستگی ایجاد شود. امروزه WYSIWYG از استاندارد خارج شده است.
و از Dream Wearer , Front Page استفاده میشود. در آینده میتوانید تشکیلات خود را به آخرین درجه پیشرفت برسانیدو همواره با زمان جلو روید.
این ابزارهای قدرتمند که در صنعت نیز قابل رقابت هستند در دوره CIW ارائه خواهند شد. این ابزارها با هم هماهنگی خاصی دارند.

**رزیتا** · #10 09-20-2009

تمرین یجاد یک صفحه وب پایه :

در این تمرین شما یک صفحه وب ساده ایجاد خواهید کرد و توانایی HTML خود را محک میزنید.
1- از الگوی HTML برای ایجاد قالبهای زیر استفاده کنید.
- Table
- Hyper Link ( استفاده از پروتکل HTTP)
- Font
- Image
در این فصل شما با مفاهیم تکنولوژی و ابزارهای مورد استفاده آن و مختصراً با مشکلاتی که برای بکارگیری این تکنولوژی استفاده میشود آشنا شدید و در نهایت مهارت HTML خود را محاسبه کردید.